.battle-loading{position:fixed;inset:0;z-index:1000;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;background:#0b1117;color:#f9e9c5;overflow:hidden;font-family:Georgia,'Times New Roman',serif}
.battle-loading[hidden]{display:none}.battle-loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-3}
.battle-loading:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#06101be6,transparent 24%,transparent 48%,#070d15e8 84%,#070d15),linear-gradient(90deg,#040b1644,transparent 25%,transparent 75%,#040b1644)}
.battle-loading:after{content:"";position:absolute;inset:15px;border:1px solid #d1ad655c;box-shadow:inset 0 0 0 4px #080e1555;pointer-events:none;z-index:-1}
.battle-loading header{display:flex;justify-content:space-between;align-items:center;padding:clamp(28px,4vw,60px);gap:20px}
.battle-loading-brand{font-size:clamp(22px,3vw,38px);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 12px #000}
.battle-loading-brand small{display:block;font:10px system-ui;letter-spacing:.32em;color:#d6c6a7;margin-top:9px}
.battle-loading button{background:#0b1523b8;border:1px solid #c1a37575;color:#e8d5b1;border-radius:3px;font:12px system-ui;padding:11px 16px;cursor:pointer;min-height:44px}
.battle-loading button:hover,.battle-loading button:focus-visible{background:#253040;outline:2px solid #e1bc72;outline-offset:3px}
.battle-loading-content{grid-row:3;justify-self:center;width:min(680px,calc(100% - 72px));text-align:center;padding:20px 0 clamp(30px,4vh,55px)}
.battle-loading-kicker{font:10px system-ui;letter-spacing:.26em;text-transform:uppercase;color:#d5b77c;margin:0 0 12px}
.battle-loading h2{font-size:clamp(28px,4vw,48px);font-weight:400;letter-spacing:.02em;line-height:1.15;margin:0 0 19px;text-shadow:0 3px 15px #000}
.battle-loading-track{display:flex;gap:5px;padding:4px;border:1px solid #a18552;border-radius:2px;background:#030a11;box-shadow:0 0 18px #000a}
.battle-loading-track span{height:5px;flex:1;background:#354047}.battle-loading-track .done{background:#e6bd6d}.battle-loading-track .active{background:#aa8544;animation:loading-glow 1.6s ease-in-out infinite}
.battle-loading-status{font:12px system-ui;letter-spacing:.04em;min-height:18px;color:#eee0c6;margin:13px 0 21px}
.battle-loading-tip{font:12px/1.6 system-ui;color:#aebaca;max-width:530px;margin:auto}.battle-loading-tip b{color:#dfc494;font-weight:500}
body.battle-is-loading{overflow:hidden}body.battle-is-loading #stage #ground,body.battle-is-loading #stage #field{visibility:hidden}
@keyframes loading-glow{50%{background:#f4d493;box-shadow:0 0 12px #dab67488}}
@media(max-width:700px){.battle-loading-art{object-position:43% 40%}.battle-loading header{align-items:flex-start;padding:30px}.battle-loading-brand{font-size:22px;letter-spacing:.1em}.battle-loading-brand small{font-size:8px}.battle-loading button{font-size:10px;padding:8px}.battle-loading-content{width:calc(100% - 56px)}.battle-loading h2{font-size:30px}}
@media(max-height:550px){.battle-loading header{padding:24px 30px}.battle-loading-content{padding-bottom:24px}.battle-loading h2{font-size:28px;margin-bottom:12px}.battle-loading-status{margin:9px 0}.battle-loading-tip{font-size:10px}}
@media(prefers-reduced-motion:reduce){.battle-loading-track .active{animation:none;background:#e6bd6d}}