:root{--bg:#05090e;--panel:#0a111a;--line:rgba(144,184,209,.2);--text:#eaf6ff;--muted:#7f91a0;--cyan:#55e7ff;--orange:#ff713b;--danger:#ff3d4f;--display:"Barlow Condensed","Noto Sans SC",sans-serif;--body:"Noto Sans SC",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05090e;color:var(--text);font-family:var(--body)}body{overflow-x:hidden}button,a{font:inherit}.global-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.battle-header{height:68px;padding:0 clamp(14px,3vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(5,9,14,.94);backdrop-filter:blur(16px);position:relative;z-index:30}.battle-brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.battle-mark{width:30px;height:35px;display:grid;place-items:center;background:linear-gradient(145deg,#8bf1ff,#17677d);clip-path:polygon(50% 0,96% 23%,83% 80%,50% 100%,17% 80%,4% 23%)}.battle-mark i{width:14px;height:18px;background:#071019;clip-path:polygon(50% 0,100% 36%,72% 100%,28% 100%,0 36%)}.battle-brand b,.battle-brand small{display:block}.battle-brand b{font-size:16px;letter-spacing:.14em}.battle-brand small{font:600 9px var(--display);color:#708392;letter-spacing:.15em}.battle-phase{font:600 11px var(--display);letter-spacing:.12em;color:#8fa1ae}.battle-phase i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fffc5;box-shadow:0 0 9px #5fffc5;margin-right:7px}.battle-phase small{color:#485864;margin-left:10px}.archive-return{justify-self:end;color:#8ea1ae;text-decoration:none;border:1px solid #2c3d49;padding:8px 12px;font-size:11px}.archive-return:hover{color:white;border-color:#5e7889}.battle-app{min-height:calc(100vh - 68px);background:radial-gradient(circle at 50% 0,rgba(34,105,137,.15),transparent 35rem),linear-gradient(180deg,#080e16,#04070b)}[hidden]{display:none!important}.selection-screen{width:min(1380px,calc(100% - 32px));margin:0 auto;padding:clamp(42px,6vw,76px) 0 60px}.stage-heading{text-align:center}.stage-heading p{margin:0 0 9px;color:var(--cyan);font:600 11px var(--display);letter-spacing:.3em}.stage-heading h1{margin:0;font:800 clamp(42px,6vw,70px)/1 var(--display);letter-spacing:.04em}.stage-heading>span{display:block;color:#8293a0;font-size:13px;margin-top:14px}.stage-heading.compact h1{font-size:clamp(36px,5vw,54px)}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1050px;margin:46px auto 0}.mode-card{min-height:330px;position:relative;overflow:hidden;padding:34px;text-align:left;color:var(--text);border:1px solid #2b3c49;background:linear-gradient(145deg,rgba(20,31,43,.97),rgba(7,12,18,.98));cursor:pointer;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transition:transform .25s,border-color .25s,filter .25s}.mode-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(85,231,255,.2),transparent 38%);opacity:.65}.mode-card.random-mode::before{background:radial-gradient(circle at 72% 20%,rgba(255,121,57,.23),transparent 38%)}.mode-card:hover{transform:translateY(-8px);border-color:var(--cyan);filter:drop-shadow(0 18px 24px #000)}.mode-card>*{position:relative;z-index:1}.mode-index{position:absolute;right:25px;bottom:9px;color:rgba(176,213,235,.08);font:800 100px var(--display)}.mode-symbol{display:grid;place-items:center;width:68px;height:68px;margin-bottom:38px;font-style:normal;font-size:34px;color:var(--cyan);border:1px solid var(--cyan);box-shadow:inset 0 0 22px rgba(85,231,255,.12),0 0 25px rgba(85,231,255,.1);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.random-mode .mode-symbol{color:var(--orange);border-color:var(--orange)}.mode-card small{color:#637583;font:600 10px var(--display);letter-spacing:.18em}.mode-card h2{font:800 28px var(--display);letter-spacing:.04em;margin:6px 0 10px}.mode-card p{max-width:390px;color:#8d9da8;font-size:12px;line-height:1.7}.mode-card>b{position:absolute;left:34px;bottom:30px;color:var(--cyan);font-size:12px;letter-spacing:.08em}.random-mode>b{color:var(--orange)}.draw-stage{max-width:740px;margin:0 auto}.draw-machine{height:min(58vh,570px);margin-top:30px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #293d4c;background:radial-gradient(circle,rgba(58,167,202,.16),transparent 42%),repeating-linear-gradient(0deg,transparent 0 27px,rgba(91,155,184,.04) 28px),#070c12;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.draw-machine.drawing{animation:machinePulse .32s linear infinite alternate}.draw-rings,.draw-rings i{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid rgba(85,231,255,.25);border-radius:50%}.draw-rings{width:370px;height:370px}.draw-rings i:nth-child(1){width:290px;height:290px;border-style:dashed;animation:spin 8s linear infinite}.draw-rings i:nth-child(2){width:210px;height:210px;animation:spin 5s linear reverse infinite}.draw-rings i:nth-child(3){width:430px;height:430px;border-style:dotted;animation:spin 12s linear infinite}.draw-unit{position:absolute;inset:4% 9% 13%;display:grid;place-items:center}.draw-unit img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 22px #000);animation:revealUnit .55s cubic-bezier(.2,.8,.2,1)}.draw-placeholder{font:800 150px var(--display);color:#172735;text-shadow:0 0 35px rgba(85,231,255,.2)}.draw-scanline{position:absolute;z-index:4;left:0;right:0;top:10%;height:2px;background:var(--cyan);box-shadow:0 0 15px var(--cyan);opacity:.7;animation:scan 2.4s ease-in-out infinite}.draw-data{position:absolute;z-index:5;left:20px;right:20px;bottom:16px;display:grid;grid-template-columns:1fr auto;align-items:end;padding:12px 15px;background:rgba(3,8,12,.82);border-left:2px solid var(--cyan);backdrop-filter:blur(8px)}.draw-data small,.draw-data span{font:600 9px var(--display);letter-spacing:.12em;color:#657987}.draw-data strong{grid-row:2;font-size:19px}.draw-data span{grid-column:2;grid-row:1/3;align-self:center}.stage-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.stage-actions button{border:0;min-height:45px;padding:10px 20px;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.secondary-action{color:#9caeb9!important;background:#111c26!important;border:1px solid #30424f!important}.primary-action{color:#071018;background:var(--cyan);font-weight:900}.confirm-action{color:#140b05;background:linear-gradient(135deg,#ff9a55,#ff602f);font-weight:900}.stage-actions button:disabled{filter:grayscale(1);opacity:.35;cursor:not-allowed}.roster-toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.roster-toolbar .stage-heading{text-align:left}.selection-readout{text-align:right;border-right:2px solid var(--cyan);padding-right:12px}.selection-readout small,.selection-readout strong{display:block}.selection-readout small{color:#596c7a;font:600 9px var(--display);letter-spacing:.15em}.selection-readout strong{margin-top:4px;font-size:17px}.battle-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.roster-unit{--accent:#55e7ff;position:relative;padding:0;color:var(--text);border:1px solid #263844;background:#091018;cursor:pointer;text-align:left;overflow:hidden;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);transition:transform .2s,border-color .2s}.roster-unit:hover{transform:translateY(-4px);border-color:var(--accent)}.roster-unit.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 20%,transparent)}.roster-unit.selected::after{content:"SELECTED";position:absolute;right:7px;top:7px;padding:4px 6px;color:#071018;background:var(--accent);font:800 8px var(--display);letter-spacing:.08em}.roster-unit img{width:100%;height:205px;display:block;object-fit:contain;background:#04070a}.roster-info{padding:13px}.roster-info small{color:var(--accent);font:600 9px var(--display);letter-spacing:.12em}.roster-info h3{font-size:16px;margin:3px 0 8px}.roster-info p{height:32px;overflow:hidden;margin:0;color:#748794;font-size:10px;line-height:1.55}.roster-stats{display:flex;gap:8px;margin-top:10px;color:#81929e;font:600 9px var(--display)}.roster-stats b{color:#cbd8e0}.sticky-actions{position:sticky;bottom:12px;z-index:5;width:max-content;margin:28px auto 0;padding:7px;background:rgba(5,10,15,.84);border:1px solid var(--line);backdrop-filter:blur(10px)}
.combat-screen{height:calc(100vh - 68px);min-height:620px;overflow:hidden;position:relative}.combat-arena{height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,rgba(55,110,135,.28),transparent 38%),linear-gradient(180deg,#101b27 0,#09121b 45%,#05090d 100%)}.arena-sky{position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(160,220,245,.08) 45%,transparent 64%),radial-gradient(circle at 50% -10%,rgba(198,232,248,.27),transparent 25%)}.arena-sky::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(80,123,146,.035) 9.1% 9.2%)}.arena-sky i{position:absolute;width:2px;height:55%;top:-10%;background:linear-gradient(transparent,rgba(116,196,229,.24),transparent);transform:rotate(19deg)}.arena-sky i:nth-child(1){left:25%}.arena-sky i:nth-child(2){left:52%;height:74%;opacity:.5}.arena-sky i:nth-child(3){left:77%;opacity:.4}.arena-structures{position:absolute;inset:auto 0 19%;height:33%;opacity:.55;display:flex;align-items:end;justify-content:space-around}.arena-structures span{width:13%;height:80%;border:1px solid #172d3c;background:linear-gradient(90deg,#071019,#132432,#071019);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.arena-structures span:nth-child(2){height:100%}.arena-structures span:nth-child(3){height:62%}.arena-structures span:nth-child(4){height:90%}.combat-hud{position:absolute;z-index:12;top:16px;left:22px;right:22px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;pointer-events:none}.unit-hud{display:grid;grid-template-columns:1fr auto;gap:6px 12px;max-width:420px;padding:12px 14px;background:linear-gradient(90deg,rgba(6,14,21,.9),rgba(6,14,21,.2));border-left:2px solid var(--cyan)}.enemy-hud{justify-self:end;width:100%;text-align:right;background:linear-gradient(-90deg,rgba(22,7,11,.9),rgba(12,8,12,.2));border-left:0;border-right:2px solid var(--danger)}.unit-hud small,.unit-hud strong{display:block}.unit-hud small{color:#667b8a;font:600 9px var(--display);letter-spacing:.13em}.unit-hud strong{font-size:17px;letter-spacing:.06em}.unit-hud>span{grid-column:2;grid-row:1/3;align-self:center;font:700 18px var(--display)}.health-track{grid-column:1;height:7px;background:#1b2933;overflow:hidden}.health-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#37e4ff,#79ffbd);box-shadow:0 0 8px #55e7ff;transition:width .3s}.enemy-hud .health-track{grid-column:1;background:#2b171b}.enemy-hud .health-track i{margin-left:auto;background:linear-gradient(90deg,#ff9f4a,#ff394e);box-shadow:0 0 8px #ff4253}.versus-readout{text-align:center;padding:7px 20px;color:#9fb1bc;background:rgba(5,10,15,.78);border:1px solid #273a47;font-family:var(--display)}.versus-readout small,.versus-readout strong,.versus-readout span{display:block}.versus-readout small{font-size:8px;letter-spacing:.16em;color:#60727e}.versus-readout strong{font-size:22px;color:white}.versus-readout span{font-size:10px;color:var(--cyan)}.camera-switch{position:absolute;z-index:20;right:24px;top:112px;display:flex;align-items:center;padding:4px;background:rgba(4,9,14,.84);border:1px solid #30434f;backdrop-filter:blur(9px)}.camera-switch span{padding:0 8px;color:#728592;font-size:10px}.camera-switch button{padding:7px 10px;border:0;background:transparent;color:#8497a4;font-size:10px;cursor:pointer}.camera-switch button.active{background:var(--cyan);color:#071018;font-weight:900}.battlefield{position:absolute;z-index:3;inset:10% 0 19%;overflow:hidden}.battlefield::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-3%;height:38%;background:repeating-linear-gradient(90deg,transparent 0 90px,rgba(115,176,203,.08) 91px 92px),repeating-linear-gradient(0deg,transparent 0 44px,rgba(115,176,203,.08) 45px 46px),linear-gradient(180deg,#142532,#05090d);transform:perspective(360px) rotateX(58deg);transform-origin:bottom}.combatant{position:absolute;z-index:5;bottom:2%;width:min(34vw,450px);height:88%;transition:left .35s,right .35s,transform .25s,filter .2s}.combatant img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 24px 18px #000);user-select:none;-webkit-user-drag:none}.player-combatant{left:8%}.player-combatant img{transform:scaleX(-1)}.enemy-combatant{right:8%}.unit-shadow{position:absolute;left:18%;right:18%;bottom:6%;height:5%;border-radius:50%;background:#000;filter:blur(10px);opacity:.8}.combatant.attack{animation:mechaAttack .38s ease}.enemy-combatant.attack{animation:enemyAttack .38s ease}.combatant.hit{animation:hitShake .3s linear}.target-lock{position:absolute;z-index:8;right:20%;top:34%;width:78px;height:78px;border:1px solid rgba(255,73,83,.65);border-radius:50%;display:grid;place-items:center;color:#ff6671;font:600 8px var(--display);letter-spacing:.12em;animation:lockPulse 1.3s ease-in-out infinite;pointer-events:none}.target-lock::before,.target-lock::after{content:"";position:absolute;background:#ff6671}.target-lock::before{width:98px;height:1px}.target-lock::after{height:98px;width:1px}.target-lock i{width:52px;height:52px;border:1px dashed #ff6671;border-radius:50%;animation:spin 5s linear infinite}.target-lock span{position:absolute;bottom:-18px}.weapon-effect{position:absolute;z-index:7;height:5px;left:34%;right:33%;top:53%;transform-origin:left;opacity:0;pointer-events:none}.weapon-effect.fire{opacity:1;background:linear-gradient(90deg,#fff,var(--effect,#55e7ff),transparent);box-shadow:0 0 18px var(--effect,#55e7ff);animation:weaponBeam .42s ease-out}.weapon-effect.special{height:16px;top:48%;filter:blur(1px);animation:specialBeam .7s ease-out}.damage-number{position:absolute;z-index:10;right:25%;top:33%;font:800 30px var(--display);color:white;text-shadow:0 0 10px var(--danger);opacity:0;pointer-events:none}.damage-number.show{animation:damageFloat .75s ease-out}.impact-flash{position:absolute;z-index:9;right:21%;top:37%;width:120px;height:120px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff,var(--effect,#ff5b43) 20%,transparent 68%);pointer-events:none}.impact-flash.show{animation:impact .48s ease-out}.cockpit-frame{display:none;position:absolute;z-index:9;inset:0;pointer-events:none}.cockpit-top{position:absolute;left:16%;right:16%;top:0;height:17%;background:linear-gradient(180deg,#05090d 35%,rgba(13,24,32,.9));clip-path:polygon(0 0,100% 0,85% 100%,58% 74%,50% 100%,42% 74%,15% 100%)}.cockpit-top i{position:absolute;left:50%;top:25%;width:70px;height:26px;transform:translateX(-50%);border:1px solid #334b5b;background:#081017}.cockpit-left,.cockpit-right{position:absolute;top:10%;bottom:0;width:25%;background:linear-gradient(90deg,#030609 25%,rgba(10,19,26,.92));clip-path:polygon(0 0,50% 0,100% 30%,72% 67%,100% 100%,0 100%)}.cockpit-right{right:0;transform:scaleX(-1)}.cockpit-left{left:0}.cockpit-glass{position:absolute;inset:12% 20% 18%;border:1px solid rgba(78,170,205,.12);background:linear-gradient(135deg,rgba(81,183,221,.035),transparent 42%);box-shadow:inset 0 0 70px rgba(0,0,0,.45)}.cockpit-reticle{position:absolute;left:50%;top:48%;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid rgba(85,231,255,.22);border-radius:50%}.cockpit-reticle::before,.cockpit-reticle::after{content:"";position:absolute;left:50%;top:50%;background:rgba(85,231,255,.4);transform:translate(-50%,-50%)}.cockpit-reticle::before{width:190px;height:1px}.cockpit-reticle::after{height:190px;width:1px}.cockpit-view .cockpit-frame{display:block}.cockpit-view .player-combatant{display:none}.cockpit-view .enemy-combatant{width:min(45vw,590px);height:94%;right:50%;transform:translateX(50%)}.cockpit-view .target-lock{right:calc(50% - 40px);top:30%}.cockpit-view .weapon-effect{left:50%;right:auto;width:30%;transform:translateX(-50%);top:65%}.cockpit-view .damage-number{right:42%;top:30%}.cockpit-view .impact-flash{right:calc(50% - 60px);top:34%}.combat-log{position:absolute;z-index:15;left:24px;bottom:137px;max-width:390px;padding:8px 12px;color:#9fb0bb;background:rgba(3,8,12,.7);border-left:2px solid var(--cyan);font:600 10px var(--display);letter-spacing:.08em}.combat-controls{position:absolute;z-index:18;left:0;right:0;bottom:0;min-height:128px;padding:15px 24px;display:grid;grid-template-columns:240px 1fr 240px;align-items:center;background:linear-gradient(180deg,rgba(4,8,12,.3),rgba(3,7,10,.97) 32%);border-top:1px solid #263945}.energy-panel small{color:#607482;font:600 9px var(--display);letter-spacing:.15em}.energy-panel strong{display:inline-block;margin-left:10px;color:var(--cyan);font:700 22px var(--display)}.energy-track{display:inline-block;width:145px;height:8px;background:#13232d}.energy-track i{display:block;width:40%;height:100%;background:linear-gradient(90deg,#1a8ba5,#6ef1ff);box-shadow:0 0 9px #55e7ff;transition:width .25s}.action-buttons{display:flex;justify-content:center;gap:10px}.action-buttons button{position:relative;min-width:150px;min-height:66px;display:flex;align-items:center;gap:10px;padding:10px 14px;color:#dce8ef;border:1px solid #334954;background:linear-gradient(145deg,#101c26,#081018);cursor:pointer;overflow:hidden;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.action-buttons button:hover:not(:disabled){border-color:var(--cyan);filter:brightness(1.16)}.action-buttons button:disabled{opacity:.42;cursor:not-allowed}.action-buttons kbd{display:grid;place-items:center;width:30px;height:30px;color:#8ba0ad;background:#060b10;border:1px solid #314652;font:700 12px var(--display)}.action-buttons b,.action-buttons small{display:block;text-align:left}.action-buttons b{font-size:13px}.action-buttons small{max-width:115px;color:#657886;font:600 8px var(--display);letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attack-action{border-bottom-color:var(--orange)!important}.special-action{border-bottom-color:#aa7bff!important}.cooldown-mask{position:absolute;left:0;right:0;bottom:0;height:0;background:rgba(3,7,10,.76);pointer-events:none}.control-help{justify-self:end;text-align:right;color:#60717e;font:600 9px var(--display);line-height:1.9}.control-help span{display:block}.battle-toast{position:fixed;z-index:80;left:50%;top:88px;transform:translate(-50%,-15px);padding:10px 17px;color:white;background:rgba(7,15,22,.94);border:1px solid #385060;border-left:2px solid var(--cyan);font-size:11px;opacity:0;pointer-events:none;transition:.2s}.battle-toast.show{opacity:1;transform:translate(-50%,0)}.result-overlay{position:fixed;z-index:70;inset:68px 0 0;display:grid;place-items:center;background:rgba(2,5,8,.82);backdrop-filter:blur(12px)}.result-panel{width:min(520px,calc(100% - 32px));padding:45px;text-align:center;border:1px solid #3a5261;background:linear-gradient(145deg,#101c26,#070c12);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);animation:resultIn .4s ease}.result-panel small{color:var(--cyan);font:600 10px var(--display);letter-spacing:.28em}.result-panel h2{margin:8px 0;font:800 52px var(--display);letter-spacing:.08em}.result-panel p{color:#8da0ad}.result-panel div{display:flex;justify-content:center;gap:10px;margin-top:25px}.result-panel button,.result-panel a{padding:11px 18px;text-decoration:none;border:1px solid #3b5260;background:#0b151e;color:#cfdae1;cursor:pointer}.result-panel button{color:#061018;background:var(--cyan);border-color:var(--cyan);font-weight:900}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes scan{0%,100%{top:8%}50%{top:82%}}@keyframes machinePulse{to{filter:brightness(1.25)}}@keyframes revealUnit{from{opacity:0;transform:scale(.72);filter:brightness(3) drop-shadow(0 0 30px #55e7ff)}}@keyframes mechaAttack{50%{transform:translateX(45px) scale(1.04)}}@keyframes enemyAttack{50%{transform:translateX(-45px) scale(1.04)}}@keyframes hitShake{20%,60%{filter:brightness(2);transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}@keyframes lockPulse{50%{transform:scale(.9);opacity:.55}}@keyframes weaponBeam{0%{transform:scaleX(0);opacity:1}75%{transform:scaleX(1);opacity:1}100%{opacity:0}}@keyframes specialBeam{0%{transform:scaleX(0) scaleY(.4);opacity:1}60%{transform:scaleX(1) scaleY(2.5);opacity:1}100%{opacity:0}}@keyframes damageFloat{0%{opacity:0;transform:translateY(15px)}25%{opacity:1}100%{opacity:0;transform:translateY(-48px)}}@keyframes impact{0%{opacity:0;transform:scale(.3)}35%{opacity:1}100%{opacity:0;transform:scale(1.7)}}@keyframes resultIn{from{opacity:0;transform:translateY(22px) scale(.97)}}
.world-canvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;touch-action:none}.world-canvas.world-failed{display:none}.webgl-ready .arena-sky,.webgl-ready .arena-structures{display:none}.webgl-ready .combatant,.webgl-ready .unit-shadow{display:none}.camera-switch small{padding:0 8px;color:var(--cyan);font:600 8px var(--display);letter-spacing:.08em;white-space:nowrap}.roam-zone{position:absolute;z-index:16;top:76px;bottom:128px;width:50%;touch-action:none;user-select:none;cursor:crosshair}.move-zone{left:0}.look-zone{right:0}.zone-label{position:absolute;bottom:18px;color:rgba(155,196,216,.38);font:600 9px var(--display);letter-spacing:.15em;pointer-events:none}.move-zone .zone-label{left:22px}.look-zone .zone-label{right:22px}.look-zone.looking{cursor:grabbing}.virtual-stick{position:absolute;left:25%;top:70%;width:128px;height:128px;transform:translate(-50%,-50%);border:1px solid rgba(85,231,255,.3);border-radius:50%;background:radial-gradient(circle,rgba(85,231,255,.05),rgba(3,10,15,.22));box-shadow:inset 0 0 25px rgba(85,231,255,.08);opacity:.42;pointer-events:none;transition:opacity .2s}.virtual-stick::before,.virtual-stick::after{content:"";position:absolute;left:50%;top:50%;background:rgba(85,231,255,.16);transform:translate(-50%,-50%)}.virtual-stick::before{width:86%;height:1px}.virtual-stick::after{height:86%;width:1px}.virtual-stick i{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:rgba(16,49,62,.88);border:1px solid var(--cyan);box-shadow:0 0 18px rgba(85,231,255,.22);will-change:transform}.virtual-stick.active{opacity:1}
@media(max-width:1050px){.battle-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.combat-controls{grid-template-columns:160px 1fr}.control-help{display:none}.combatant{width:min(42vw,420px)}.action-buttons button{min-width:130px}.unit-hud{max-width:330px}.battle-phase small{display:none}}
@media(max-width:720px){.battle-header{height:58px;padding:0 12px;grid-template-columns:1fr auto}.battle-phase{display:none}.battle-brand small{display:none}.archive-return{font-size:10px;padding:7px 9px}.battle-app{min-height:calc(100vh - 58px)}.selection-screen{width:calc(100% - 20px);padding:34px 0}.mode-grid{grid-template-columns:1fr;margin-top:28px}.mode-card{min-height:285px;padding:25px}.mode-symbol{margin-bottom:23px}.battle-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.roster-unit img{height:170px}.roster-toolbar{display:block}.selection-readout{text-align:left;border-right:0;border-left:2px solid var(--cyan);padding:8px 0 8px 10px;margin-top:18px}.stage-actions{flex-wrap:wrap}.sticky-actions{width:100%;bottom:6px}.combat-screen{height:calc(100vh - 58px);min-height:570px}.combat-hud{top:8px;left:8px;right:8px;grid-template-columns:1fr 54px 1fr;gap:5px}.unit-hud{padding:7px 8px;gap:4px;min-width:0}.unit-hud strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-hud small{font-size:7px}.unit-hud>span{display:none}.versus-readout{padding:5px}.versus-readout strong{font-size:15px}.camera-switch{right:8px;top:78px}.battlefield{inset:8% 0 26%}.combatant{width:52vw;height:78%;bottom:2%}.player-combatant{left:-5%}.enemy-combatant{right:-5%}.target-lock{right:12%;top:37%;transform:scale(.72)}.cockpit-view .enemy-combatant{width:78vw;height:88%}.combat-controls{min-height:155px;padding:10px 8px;display:block}.energy-panel{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.action-buttons{gap:5px}.action-buttons button{min-width:0;flex:1;min-height:64px;padding:8px 6px;justify-content:center}.action-buttons kbd{display:none}.action-buttons b{font-size:11px}.action-buttons small{font-size:7px;max-width:90px}.combat-log{left:8px;bottom:160px;font-size:8px}.draw-machine{height:54vh}.draw-data span{display:none}.result-overlay{inset:58px 0 0}.result-panel{padding:35px 22px}.result-panel h2{font-size:42px}}
@media(max-width:720px){.roam-zone{top:66px;bottom:155px}.virtual-stick{width:112px;height:112px}.virtual-stick i{width:44px;height:44px;margin:-22px}.camera-switch small{display:none}.zone-label{bottom:8px;font-size:8px}.world-canvas{image-rendering:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}