.gear-boot{box-sizing:border-box;width:100%;min-height:clamp(350px,64vh,620px);padding:35px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#e9dfc2;background:linear-gradient(#0b222be8,#0b222bf0),url('/visuals/armory-background-v2.webp') center/cover;border:7px solid transparent;border-image:url('/visuals/panel-frame-v2.png') 21 fill / 7px / 0 stretch;isolation:isolate;font-family:Arial,"Malgun Gothic",sans-serif;overflow:hidden}
.gear-boot[hidden],.gear-boot [hidden]{display:none!important}
.gear-boot-crest{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:136px;margin-bottom:18px;position:relative}
.gear-boot-crystal{display:grid;place-items:center;width:116px;height:116px;border:2px solid #b19b63;background:radial-gradient(ellipse,#416b514d,#142d31 72%);box-shadow:inset 0 0 0 5px #0c2429,0 0 28px #8acf9922;transform:rotate(45deg)}
.gear-boot-crystal img{display:block;width:96px;height:96px;object-fit:contain;transform:rotate(-45deg);filter:drop-shadow(0 2px 5px #94dca336);animation:gear-boot-breathe 2s ease-in-out infinite}
.gear-boot-side{display:block;width:72px;height:72px;object-fit:contain;opacity:.8;filter:drop-shadow(0 5px 4px #030f16)}.gear-boot-left{transform:rotate(-12deg)}.gear-boot-right{transform:rotate(12deg)}
.gear-boot-kicker{margin:0 0 11px;font-size:11px;letter-spacing:2px;color:#b9a979}
.gear-boot h2{margin:0;color:#f1dfad;font-size:clamp(21px,3vw,28px);line-height:1.5;letter-spacing:-.4px;font-weight:700}
.gear-boot-detail{margin:10px 0 22px;font-size:14px;line-height:1.7;color:#b6c9b7;max-width:400px;word-break:keep-all;overflow-wrap:anywhere}
.gear-boot-progress{display:block;appearance:none;-webkit-appearance:none;width:260px;max-width:80%;height:12px;border:1px solid #958157;border-radius:0;background:#071c24;box-shadow:0 0 0 3px #18333a;padding:2px;overflow:hidden}
.gear-boot-progress::-webkit-progress-bar{background:#071c24}.gear-boot-progress::-webkit-progress-value{background:linear-gradient(90deg,#697c4c,#d2b778);transition:width .12s linear}.gear-boot-progress::-moz-progress-bar{background:linear-gradient(90deg,#697c4c,#d2b778)}
.gear-boot-progress:indeterminate{background:linear-gradient(90deg,#071c24 20%,#b7a164 48%,#071c24 78%) 0 0/220% 100%;animation:gear-boot-forge 1.7s linear infinite}
.gear-boot-progress:indeterminate::-webkit-progress-bar{background:transparent}
.gear-boot-count{margin:13px 0 0;min-height:20px;color:#9bb6a3;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.gear-boot-retry{margin-top:15px;min-height:38px;padding:7px 20px;border:3px solid transparent;border-image:url('/visuals/panel-frame-v2.png') 21 fill / 3px / 0 stretch;background:#29473c;color:#f0d7a2;font:inherit;font-size:13px;cursor:pointer}.gear-boot-retry:focus-visible{outline:2px solid #f3d08e;outline-offset:3px}.gear-boot.is-error .gear-boot-progress{display:none}.gear-boot.is-error .gear-boot-crystal img{animation:none}
@keyframes gear-boot-breathe{50%{opacity:.72;filter:drop-shadow(0 2px 9px #b6e6a64d)}}@keyframes gear-boot-forge{to{background-position:220% 0}}
@media(max-width:680px){.gear-boot{min-height:clamp(370px,68svh,620px);padding:32px 12px;border-width:6px;border-image-width:6px}.gear-boot-crest{gap:7px;margin-bottom:22px}.gear-boot-side{width:54px;height:54px}.gear-boot-crystal{width:96px;height:96px}.gear-boot-crystal img{width:80px;height:80px}.gear-boot-detail{font-size:13px;max-width:290px}.gear-boot h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.gear-boot-crystal img,.gear-boot-progress:indeterminate{animation:none}.gear-boot-progress::-webkit-progress-value{transition:none}}