:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--welcome-duration:3.4s;--welcome-flare:#ff7b43d1;--welcome-red-signal:#b7362db3;--page-bg:#151712;--page-overlay-a:#161814f0;--page-overlay-b:#23271fd1;--panel:#1d221bc7;--panel-strong:#282c23e6;--panel-soft:#d8b75d14;--text:#ede7d7;--text-strong:#fff7e6;--muted:#aaa08a;--subtle:#d4c9ad;--border:#dac69c38;--border-strong:#d8b75d7a;--map-grid-line:#dac69c13;--panel-grid-line:#dac69c0b;--accent:#d8b75d;--accent-2:#8f9870;--danger:#7e2d27;--danger-soft:#b7362d2e;--safe-soft:#707c5533;--shadow:#0000004d;background:var(--page-bg);color:var(--text);font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#e6dcc3;--page-overlay-a:#efe7d2f0;--page-overlay-b:#d7cfb7c7;--panel:#faf6ead1;--panel-strong:#fffcf4f0;--panel-soft:#7e2d270f;--text:#242820;--text-strong:#151712;--muted:#70694f;--subtle:#444934;--border:#594e3738;--border-strong:#7e2d276b;--map-grid-line:#594e3713;--panel-grid-line:#594e370e;--accent:#8c611c;--accent-2:#66704a;--danger:#7e2d27;--danger-soft:#a33a2f21;--safe-soft:#237d6b1f;--shadow:#48402a38}*{box-sizing:border-box}body{background:linear-gradient(90deg, var(--page-overlay-a), #22271fbd 46%, #111311e6), linear-gradient(var(--map-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--map-grid-line) 1px, transparent 1px), url(/assets/command-room.jpg) center / cover fixed, var(--page-bg);background-size:auto,72px 72px,72px 72px,cover,auto;min-width:320px;min-height:100vh;margin:0}:root[data-theme=light] body{background:linear-gradient(90deg, var(--page-overlay-a), #dfdcccd6 48%, #383d3370), linear-gradient(var(--map-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--map-grid-line) 1px, transparent 1px), url(/assets/command-room.jpg) center / cover fixed, var(--page-bg);background-size:auto,72px 72px,72px 72px,cover,auto}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.66}.app-shell{width:min(1360px,100vw - 40px);min-height:100vh;margin:0 auto;padding:18px 0 34px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:6px 0 16px;display:flex}.brand-lockup,.session-tools,.login-form,.battle-header,.commander-level,.action-title,.history-card>div,.tool-button,.final-panel button{align-items:center;display:flex}.brand-lockup{gap:14px;min-width:0}.brand-logo-image{border:1px solid var(--border-strong);object-fit:cover;object-position:center;background:#03070c;border-radius:8px;flex:none;width:62px;height:62px;display:block;box-shadow:0 12px 26px #00000042}.welcome-gate{z-index:1000;background:linear-gradient(120deg, #060909f5, #141c1bc7), url(/assets/command-room.jpg) center / cover, var(--page-bg);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}:root[data-theme=light] .welcome-gate{background:linear-gradient(120deg, #ece9def0, #d4ded9bd), url(/assets/command-room.jpg) center / cover, var(--page-bg)}.welcome-gate:before,.welcome-gate:after{pointer-events:none;content:"";position:absolute;inset:0}.welcome-gate:before{opacity:.24;background-image:linear-gradient(#dfb9562e 1px,#0000 1px),linear-gradient(90deg,#6bb4a624 1px,#0000 1px);background-size:56px 56px;animation:12s linear infinite welcomeGrid}.welcome-gate:after{background:linear-gradient(90deg,#0000,#dfb9563d,#0000);width:44%;animation:1.7s ease-in-out 2 both welcomeSweep;inset:0 auto 0 0;transform:translate(-150%)skew(-16deg)}.welcome-panel{z-index:1;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111615eb;border-radius:8px;width:min(560px,100vw - 32px);padding:28px;animation:.52s both welcomePanelIn;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000080}.welcome-panel.intro{animation:welcomePanelIn .52s ease both, welcomePanelGlow var(--welcome-duration) ease-in-out both}:root[data-theme=light] .welcome-panel{background:#fffcf3ed;box-shadow:0 24px 70px #48402a4d}.welcome-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.welcome-mark-row{color:var(--accent);letter-spacing:0;text-transform:uppercase;align-items:center;gap:10px;font-size:.78rem;font-weight:900;display:flex}.welcome-language{border:1px solid var(--border);background:#070a0952;border-radius:8px;flex:none;gap:4px;padding:4px;display:inline-flex}.welcome-language button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:.74rem;font-weight:900}.welcome-language button.active{color:var(--text-strong);background:#dfb9562e}.welcome-brand{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--accent);background:#dfb9561c;border-radius:8px;place-items:center;display:grid}.welcome-panel.intro .welcome-brand{animation:1.1s ease-in-out infinite welcomeBrandPulse}.welcome-panel h2{color:var(--text-strong);letter-spacing:0;margin:18px 0 8px;font-size:2.35rem;line-height:1.05}.welcome-panel.intro h2{animation:.9s both welcomeTitleReveal}.welcome-panel.intro p{animation:.9s .16s both welcomeTitleReveal}.welcome-panel p{color:var(--subtle);margin:0;font-size:1rem;line-height:1.55}.welcome-boot{justify-items:center;gap:16px;min-height:246px;margin-top:28px;animation:.9s .24s both welcomeBootLift;display:grid;position:relative}.welcome-battle-effects{pointer-events:none;position:absolute;inset:-8px 4% 26px}.welcome-smoke,.welcome-fire,.welcome-red-signal,.welcome-help-signal{z-index:1;position:absolute}.welcome-smoke{filter:blur(3px);opacity:0;background:radial-gradient(circle at 28% 56%,#dce1d775,#0000 42%),radial-gradient(circle at 58% 38%,#b4bcb457,#0000 48%),radial-gradient(circle at 76% 62%,#78827d38,#0000 44%);border-radius:999px;width:92px;height:44px;animation:2.6s ease-in-out infinite welcomeSmoke;transform:translateY(20px)scale(.8)}.welcome-smoke.smoke-a{top:36%;left:4%}.welcome-smoke.smoke-b{animation-delay:.7s;top:18%;right:3%}.welcome-fire{background:radial-gradient(circle at 48% 72%, #fff0b8 0 18%, transparent 21%), radial-gradient(circle at 50% 58%, #ffb84d 0 35%, transparent 38%), linear-gradient(180deg, transparent 0 8%, var(--welcome-flare) 28%, #b7362d9e 82%);filter:drop-shadow(0 0 16px #ff7b4361);opacity:0;transform-origin:50% 100%;border-radius:50% 50% 42% 42%;width:34px;height:54px;animation:.9s ease-in-out infinite welcomeFire}.welcome-fire.fire-a{bottom:34%;left:18%}.welcome-fire.fire-b{animation-delay:.26s;bottom:46%;right:18%}.welcome-red-signal{background:radial-gradient(circle, #ffcdc1b8, var(--welcome-red-signal) 52%, transparent 68%);opacity:0;border:1px solid #ffc0b080;border-radius:50%;width:28px;height:28px;animation:1.4s ease-in-out infinite welcomeRedSignal;box-shadow:0 0 20px #b7362d5c}.welcome-red-signal.red-a{top:16%;left:28%}.welcome-red-signal.red-b{animation-delay:.52s;top:52%;right:28%}.welcome-help-signal{width:44px;height:44px;color:var(--accent-2);background:#6bb4a629;border:1px solid #6bb4a680;border-radius:50%;place-items:center;animation:1.9s ease-in-out infinite welcomeHelp;display:grid;box-shadow:0 0 24px #6bb4a63d}.welcome-help-signal.help-a{bottom:18%;right:12%}.welcome-radar{z-index:2;aspect-ratio:1;width:142px;color:var(--accent-2);border:1px solid #6bb4a680;border-radius:50%;place-items:center;animation:1.4s ease-in-out infinite welcomeRadarPulse;display:grid;position:relative;box-shadow:inset 0 0 0 22px #6bb4a60f,inset 0 0 0 44px #dfb9560d,0 0 44px #6bb4a638}.welcome-radar:before,.welcome-radar:after{content:"";position:absolute}.welcome-radar:before{border:1px solid #dfb95647;border-radius:50%;animation:1.6s ease-in-out infinite welcomeRing;inset:-14px}.welcome-radar:after{background:linear-gradient(90deg, var(--accent-2), transparent);transform-origin:0;width:50%;height:2px;animation:1.2s linear infinite welcomeRadar;top:50%;left:50%}.signal-bars{z-index:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(360px,100%);display:grid;position:relative}.signal-bars span{background:var(--accent);opacity:.25;border-radius:999px;height:5px;animation:.9s ease-in-out infinite signalPulse}.signal-bars span:nth-child(2){animation-delay:.12s}.signal-bars span:nth-child(3){animation-delay:.24s}.signal-bars span:nth-child(4){animation-delay:.36s}.signal-bars span:nth-child(5){animation-delay:.48s}.welcome-progress{z-index:2;background:#f2ead91a;border-radius:999px;width:min(360px,100%);height:4px;position:relative;overflow:hidden}.welcome-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent), #fff0b8);transform-origin:0;width:100%;height:100%;animation:welcomeProgress var(--welcome-duration) linear both;display:block;transform:scaleX(0)}.welcome-choice{gap:12px;margin-top:22px;animation:.36s both welcomePanelIn;display:grid}.welcome-login-form{gap:12px;display:grid}.welcome-login-form label{color:var(--muted);gap:8px;font-size:.78rem;font-weight:900;display:grid}.welcome-login-form input{border:1px solid var(--border);background:var(--panel-strong);width:100%;min-height:46px;color:var(--text-strong);border-radius:6px;outline:none;padding:0 14px}.welcome-login-form input[aria-invalid=true]{border-color:var(--danger)}.welcome-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.welcome-primary,.welcome-secondary,.welcome-link-button{border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:900;display:flex}.welcome-primary{background:linear-gradient(135deg, var(--accent), #fff0b8);color:#12140f;border-color:#0000}.welcome-secondary{color:var(--text-strong);background:#6bb4a624}.welcome-link-button{min-height:38px;color:var(--accent-2);background:0 0;border-color:#6bb4a652;font-size:.82rem}.welcome-message{color:var(--accent-2);align-items:center;gap:7px;font-size:.82rem;font-weight:800;display:flex}.series-title,.battle-header p,.panel-heading span,.history-card span,.final-panel span,.skill-ledger p,.leaderboard p{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:var(--text-strong);letter-spacing:0;margin-bottom:0;font-size:1.72rem;line-height:1.08}.session-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px}.session-tools label,.login-form label{color:var(--muted);gap:5px;font-size:.74rem;font-weight:800;display:grid}.session-tools input,.login-form input,.session-tools select,.tool-button,.icon-button{border:1px solid var(--border);min-height:36px;color:var(--text-strong);background:#181b16bd;border-radius:6px;outline:none}:root[data-theme=light] .session-tools input,:root[data-theme=light] .login-form input,:root[data-theme=light] .session-tools select,:root[data-theme=light] .tool-button,:root[data-theme=light] .icon-button{background:#fffcf4b8}.session-tools input{width:min(220px,44vw);padding:0 12px}.login-form{flex-wrap:wrap;justify-content:flex-end;gap:8px}.login-form input{width:min(240px,46vw);padding:0 12px}.login-form input[aria-invalid=true]{border-color:var(--danger)}.login-status{width:100%;color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;font-size:.72rem;font-weight:900;display:flex}.login-status.signed-in{color:var(--accent-2)}.session-tools select{width:64px;padding:0 8px}.tool-button{gap:8px;margin-top:17px;padding:0 11px;font-size:.82rem;font-weight:900}.secondary-tool{background:color-mix(in srgb, var(--accent-2), transparent 84%)}.icon-button{place-items:center;width:36px;margin-top:17px;display:grid}.command-topbar{border-bottom-color:#dac69c47;grid-template-columns:minmax(220px,1fr) auto;align-items:stretch;gap:12px;padding:10px 0 18px;display:grid}.command-topbar .brand-lockup{align-self:center}.command-topbar .series-title{color:var(--accent)}.topbar-controls{grid-column:1/-1;grid-template-columns:minmax(300px,.88fr) minmax(360px,1.12fr) minmax(220px,auto);justify-content:stretch;align-items:stretch;gap:10px;display:grid}.control-cluster{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), transparent), linear-gradient(var(--panel-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--panel-grid-line) 1px, transparent 1px), color-mix(in srgb, var(--panel-strong), transparent 16%);background-size:auto,34px 34px,34px 34px,auto;border-radius:8px;min-height:68px;padding:10px}.command-topbar .session-tools.profile-cluster{grid-template-columns:minmax(0,1fr) 76px;justify-content:stretch;align-items:end;display:grid}.command-topbar .session-tools input,.command-topbar .session-tools select{width:100%}.command-topbar .login-form{grid-template-columns:minmax(180px,1fr) auto;justify-content:stretch;align-items:end;gap:8px;display:grid}.login-fields{gap:8px;display:grid}.login-actions,.utility-cluster{align-items:end;gap:8px;display:flex}.login-actions{flex-wrap:wrap}.command-topbar .login-form input{width:min(260px,100%)}.command-topbar .tool-button,.command-topbar .icon-button{margin-top:0}.home-tool{background:var(--danger);color:#fff4df;border-color:#e8b98b47;justify-content:center;align-self:stretch;min-width:120px;box-shadow:0 14px 28px #280b0842}.home-tool:hover{background:color-mix(in srgb, var(--danger), #201a14 18%);border-color:#d8b75d94}.utility-cluster{justify-content:flex-end}.utility-cluster .tool-button span{white-space:nowrap}.command-topbar .login-status{grid-column:1/-1;justify-content:flex-start}.command-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"battle mission""battle score";align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(135deg, #eee2c712, transparent 46%), linear-gradient(var(--panel-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--panel-grid-line) 1px, transparent 1px), var(--panel);box-shadow:inset 0 1px 0 #ffffff0a, 0 18px 38px var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-size:auto,38px 38px,38px 38px,auto;border-radius:8px}.mission-panel,.score-panel{padding:16px}.mission-panel{grid-area:mission}.battle-panel{grid-area:battle}.score-panel{grid-area:score;gap:12px}.mission-panel,.score-panel{position:sticky;top:18px}.panel-heading{gap:4px;margin-bottom:12px;display:grid}.panel-heading strong{color:var(--accent);font-size:1.05rem}.english-title{color:var(--accent);margin-bottom:10px;font-weight:900}.focus-list{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.focus-list span{border:1px solid color-mix(in srgb, var(--accent), transparent 70%);background:color-mix(in srgb, var(--accent), transparent 88%);color:var(--subtle);border-radius:999px;padding:5px 8px;font-size:.78rem;font-weight:900}.unlock-box{border-left:2px solid var(--accent);background:0 0;gap:3px;margin:10px 0 12px;padding:7px 0 7px 10px;display:grid}.unlock-box p,.unlock-box span{color:var(--subtle);margin:0;font-size:.86rem;line-height:1.5}.unlock-box strong{color:var(--text-strong)}.level-timeline{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.level-timeline li{color:var(--muted);display:block}.level-timeline span{border:1px solid var(--border);background:var(--panel-strong);border-radius:50%;place-items:center;width:25px;height:25px;font-size:.78rem;font-weight:900;display:grid}.level-timeline .done,.level-timeline .current{color:var(--accent)}.battle-panel{background:linear-gradient(180deg, #d8b75d14, transparent 28%), linear-gradient(var(--map-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--map-grid-line) 1px, transparent 1px), var(--panel);background-size:auto,46px 46px,46px 46px,auto;min-height:720px;padding:20px}.battle-header{justify-content:space-between;gap:12px;margin-bottom:14px}.battle-header h2{color:var(--text-strong);letter-spacing:0;margin:4px 0 0;font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.02}.commander-level{border:1px solid color-mix(in srgb, var(--accent), transparent 44%);background:color-mix(in srgb, var(--accent), transparent 88%);min-width:max-content;color:var(--accent);border-radius:8px;gap:8px;padding:9px 11px;font-weight:900}.boss-visual{background:linear-gradient(var(--map-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--map-grid-line) 1px, transparent 1px), #171912;background-size:42px 42px;border:1px solid #dac69c33;border-radius:8px;place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.scene-image{object-fit:cover;filter:sepia(.16)saturate(.72)contrast(1.05)brightness(.78);width:100%;height:100%;position:absolute;inset:0}.boss-visual:after{content:"";background:linear-gradient(90deg, #151712a3, transparent 28%, transparent 72%, #15171285), linear-gradient(0deg, #1517129e, transparent 48%), linear-gradient(var(--map-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--panel-grid-line) 1px, transparent 1px);background-size:auto,auto,44px 44px,44px 44px;position:absolute;inset:0}:root[data-theme=light] .boss-visual:after{background:linear-gradient(90deg,#fffcf329,#0000 22% 78%,#fffcf329),linear-gradient(#0000 52%,#fffcf33d)}.scene-badge{z-index:4;color:#f3ddb0;background:#181b16bd;border:1px solid #dac69c57;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;position:absolute;top:12px;left:12px}.screen-battle-animation{z-index:720;pointer-events:none;position:fixed;inset:0;overflow:hidden}.screen-battle-vignette{opacity:0;background:radial-gradient(circle at 22% 78%,#d8b75d29,#0000 24%),radial-gradient(circle at 78% 18%,#b7362d29,#0000 24%),linear-gradient(90deg,#0306076b,#0000 36% 64%,#2a08075c);animation:2.2s ease-out both screenBattleVignette;position:absolute;inset:0}.screen-command-sweep{opacity:0;background:linear-gradient(90deg,#0000,#68d5c0e6,#d8b75dd1,#0000);border-radius:999px;width:136%;height:2px;animation:1.35s cubic-bezier(.2,.82,.2,1) both screenCommandSweep;position:absolute;left:-18%;transform:rotate(-8deg)translate(-24%);box-shadow:0 0 22px #68d5c05c}.screen-command-sweep.sweep-a{--screen-sweep-rotate:-8deg;top:24%}.screen-command-sweep.sweep-b{--screen-sweep-rotate:7deg;animation-delay:.16s;top:72%;transform:rotate(7deg)translate(-28%)}.screen-shockwave{aspect-ratio:1;opacity:0;border:2px solid #d8b75d94;border-radius:50%;width:34vmin;animation:1.4s ease-out both screenShockwave;position:absolute;transform:translate(-50%,-50%)scale(.22)}.screen-shockwave.shock-a{top:45%;left:50%}.screen-shockwave.shock-b{border-color:#68d5c080;animation-delay:.22s;top:78%;left:22%}.screen-smoke{filter:blur(12px);opacity:0;background:radial-gradient(circle at 22% 56%,#ebefe847,#0000 44%),radial-gradient(circle at 58% 36%,#a5b0aa33,#0000 48%),radial-gradient(circle at 80% 66%,#5b696529,#0000 48%);border-radius:999px;width:28vmin;height:12vmin;animation:2.2s ease-out both screenSmoke;position:absolute;transform:translateY(22px)scale(.78)}.screen-smoke-a{bottom:6%;left:4%}.screen-smoke-b{animation-delay:.26s;top:10%;right:6%}.screen-fire{filter:blur(1px)drop-shadow(0 0 24px #ff7b4357);opacity:0;transform-origin:50% 100%;background:radial-gradient(circle at 50% 72%,#fff0b8f2 0 16%,#0000 20%),radial-gradient(circle at 50% 60%,#ffb84ddb 0 34%,#0000 38%),linear-gradient(#0000 0 8%,#ff7b43c7 28%,#b7362d7a 82%);border-radius:50% 50% 44% 44%;width:64px;height:120px;animation:1.12s ease-in-out both screenFire;position:absolute}.screen-fire-a{bottom:0;left:12%}.screen-fire-b{animation-delay:.16s;bottom:3%;right:14%}.screen-red-alert{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#ffcdc180,#b7362d57 52%,#0000 68%);border:1px solid #ffbfb06b;border-radius:50%;width:10vmin;animation:1.24s ease-out both screenRedAlert;position:absolute;box-shadow:0 0 28px #b7362d57}.screen-red-alert.alert-a{top:24%;left:8%}.screen-red-alert.alert-b{animation-delay:.26s;top:56%;right:8%}.screen-battle-hud{width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 40px);color:var(--text-strong);opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a0ac2;border:1px solid #68d5c057;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;animation:1.55s ease-out .22s both screenHudPop;display:flex;position:absolute;bottom:28px;right:28px;transform:translateY(14px)scale(.96);box-shadow:0 18px 48px #00000057}.screen-battle-icon{width:36px;height:36px;color:var(--accent-2);background:#68d5c024;border-radius:8px;place-items:center;display:grid}.screen-battle-hud strong,.screen-battle-hud em{display:block}.screen-battle-hud strong{color:var(--accent-2);text-transform:uppercase;white-space:nowrap;font-size:.88rem}.screen-battle-hud em{color:var(--accent);white-space:nowrap;align-self:center;font-size:1.25rem;font-style:normal;font-weight:900}.screen-battle-animation.intensity-heavy .screen-battle-vignette{animation-name:screenBattleVignetteHeavy}.screen-battle-animation.intensity-heavy .screen-shockwave.shock-a{border-color:#ffb84dad;width:42vmin}.screen-battle-animation.air .screen-command-sweep.sweep-a{top:18%}.screen-battle-animation.sea .screen-shockwave.shock-a{top:64%}.screen-battle-animation.rocket .screen-red-alert.alert-a{top:20%;left:50%}.screen-battle-animation.support .screen-battle-icon,.screen-battle-animation.support .screen-shockwave.shock-b{border-color:#68d5c099}.battle-animation{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.combat-vignette{opacity:0;background:radial-gradient(circle at 28% 68%,#dfb95629,#0000 24%),radial-gradient(circle at 72% 34%,#b7362d33,#0000 26%),linear-gradient(90deg,#03050580,#0000 35% 62%,#460c096b);animation:1.55s ease-out both combatVignette;position:absolute;inset:0}.battlefield-line{opacity:0;align-items:flex-end;gap:14px;height:58px;display:flex;position:absolute}.allied-line{animation:1.36s cubic-bezier(.2,.78,.22,1) 80ms both alliedCharge;bottom:18%;left:7%}.enemy-line{animation:1.26s cubic-bezier(.22,.76,.25,1) .16s both enemyBrace;top:31%;right:8%;transform:scaleX(-1)}.soldier{transform-origin:bottom;width:17px;height:36px;transform-style:preserve-3d;background:linear-gradient(100deg,#ffffff1f,#0000 28%),linear-gradient(145deg,#405648,#121815 68%);border:1px solid #ffe8ad1f;border-radius:10px 10px 4px 4px;animation:.36s ease-in-out infinite alternate soldierStep;position:relative;box-shadow:7px 10px 10px #0000006b,inset -5px -3px #00000047,inset 3px 2px #ffffff21}.soldier:before{content:"";background:linear-gradient(120deg,#ffffff2e,#0000 34%),#36483d;border-radius:999px 999px 5px 5px;width:20px;height:13px;position:absolute;top:-11px;left:-1px;transform:translateZ(9px)rotate(-8deg);box-shadow:inset -4px -2px #00000038,3px 4px 6px #00000047}.soldier:after{content:"";transform-origin:0;background:#263a31;border-radius:999px;width:15px;height:5px;position:absolute;top:16px;left:8px;transform:translateZ(8px)rotate(-16deg);box-shadow:inset -3px -1px #00000042}.soldier-depth{background:#ffffff14;border-radius:7px 8px 4px 4px;position:absolute;inset:5px 1px 3px 7px;transform:translateZ(10px)skewY(-8deg)}.soldier-pack{background:linear-gradient(145deg,#28362e,#0d1110);border-radius:3px;width:9px;height:17px;position:absolute;top:10px;left:-6px;transform:translateZ(-3px)rotateY(-20deg);box-shadow:inset 2px 1px #ffffff1a}.soldier-rifle{transform-origin:0;background:linear-gradient(90deg,#49371e,#15100b);border-radius:999px;width:31px;height:4px;position:absolute;top:12px;left:11px;transform:translateZ(11px)rotate(-13deg);box-shadow:0 0 0 1px #ffe8ad14,5px 2px 6px #00000057}.enemy-line .soldier{background:linear-gradient(100deg,#ffffff1a,#0000 28%),linear-gradient(145deg,#614039,#241511 68%)}.enemy-line .soldier:before{background:linear-gradient(120deg,#ffffff24,#0000 34%),#5b3a33}.soldier-2{animation-delay:70ms}.soldier-3{animation-delay:.13s}.soldier-4{animation-delay:40ms}.soldier-5{animation-delay:.11s}.tracer{filter:drop-shadow(0 0 7px #ffd383e6);opacity:0;transform-origin:0;background:linear-gradient(90deg,#0000,#ffe9aaf2,#ff8054e6,#0000);border-radius:999px;height:2px;position:absolute}.tracer-a{width:42%;animation:1.15s linear .24s both tracerShot;top:56%;left:24%;transform:rotate(-12deg)}.tracer-b{width:36%;animation:1.12s linear .41s both tracerShot;top:45%;right:26%;transform:rotate(166deg)}.tracer-c{width:34%;animation:1.1s linear .61s both tracerShot;top:66%;left:29%;transform:rotate(-4deg)}.muzzle-flash,.impact-flash{filter:drop-shadow(0 0 10px #ffcd6bd9);opacity:0;background:radial-gradient(circle,#fff9ce 0 18%,#ffb33f 20% 42%,#db4e2b73 44%,#0000 70%);border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%)scale(.4)}.flash-a{animation:1.08s step-end .3s both muzzlePop;top:61%;left:35%}.flash-b{animation:1.08s step-end .51s both muzzlePop;top:40%;left:66%}.impact-flash{filter:drop-shadow(0 0 18px #ffb853cc);background:radial-gradient(circle,#fffbd5f2 0 12%,#ffb853d1 16% 34%,#b7362d80 38%,#0000 72%);width:52px;height:52px;animation:.76s ease-out .68s both impactFlash}.blast-a{top:52%;left:69%}.blast-b{animation-delay:.85s;top:39%;left:44%}.smoke-cloud{filter:blur(1px);opacity:0;background:radial-gradient(circle at 24% 58%,#e9e2cfa3,#0000 30%),radial-gradient(circle at 50% 42%,#9d9687b8,#0000 36%),radial-gradient(circle at 74% 62%,#3e403bad,#0000 33%);border-radius:50%;width:92px;height:40px;animation:1.26s ease-out .76s both smokeRise;position:absolute;transform:translate(-50%,-50%)scale(.72)}.smoke-a{top:52%;left:68%}.smoke-b{animation-delay:.93s;top:38%;left:45%}.heart-row{z-index:5;opacity:0;gap:12px;animation:1.35s ease-out .42s both heartRowIn;display:flex;position:absolute;top:58%;left:20%;transform:translate(-50%)}.heart-pulse{filter:drop-shadow(0 0 8px #db4e43b8);background:#db4e43;width:13px;height:13px;animation:.62s ease-in-out infinite heartPulse;position:relative;transform:rotate(45deg)scale(.7)}.heart-pulse:before,.heart-pulse:after{background:inherit;content:"";border-radius:50%;width:13px;height:13px;position:absolute}.heart-pulse:before{left:-6px}.heart-pulse:after{top:-6px}.heart-2{animation-delay:.14s}.heart-3{animation-delay:.28s}.fire-burst{z-index:5;filter:drop-shadow(0 0 14px #ff8b34b8)blur(.2px);opacity:0;transform-origin:bottom;background:radial-gradient(circle at 50% 72%,#fff0a5 0 13%,#ffb642 16% 32%,#0000 34%),radial-gradient(circle at 50% 44%,#ff8b34 0 24%,#b82a1bb3 30%,#0000 62%);border-radius:48% 52% 46% 50%;width:38px;height:54px;animation:1.2s ease-out .62s both fireFlicker;position:absolute;transform:translate(-50%,-50%)scaleY(.6)}.fire-a{top:38%;left:76%}.fire-b{animation-delay:.85s;top:61%;left:34%}.red-hit{z-index:5;filter:blur(.3px)drop-shadow(0 0 8px #dc3a2c61);opacity:0;background:radial-gradient(circle at 32% 52%,#dc3a2c9e 0 8%,#0000 10%),radial-gradient(circle at 56% 30%,#dc3a2c6b 0 6%,#0000 9%),radial-gradient(circle at 68% 62%,#dc3a2c80 0 7%,#0000 10%);border-radius:50%;width:70px;height:42px;animation:.9s ease-out .78s both redHitPulse;position:absolute;transform:translate(-50%,-50%)scale(.55)}.red-hit-a{top:63%;left:42%}.red-hit-b{animation-delay:1.04s;top:31%;left:68%}.casualty-marker{z-index:4;color:#ffd8ca;opacity:0;background:#48120ec2;border:1px solid #ffc09859;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:900;animation:.9s ease-out .82s both casualtyTag;position:absolute;transform:translate(-50%,8px)}.casualty-a{top:72%;left:39%}.casualty-b{animation-delay:.98s;top:27%;left:63%}.battle-animation.intensity-heavy .combat-vignette{animation-name:combatVignetteHeavy}.battle-animation.intensity-heavy .casualty-marker{background:#6a1813db}.route-line{filter:drop-shadow(0 0 8px #dfb956a6);opacity:0;transform-origin:0;background:linear-gradient(90deg,#0000,#ffe8adeb,#0000);border-radius:999px;height:3px;position:absolute}.route-a{width:62%;animation:.98s ease-out .14s both routeDraw;top:64%;left:16%;transform:rotate(-12deg)}.route-b{width:48%;animation:.98s ease-out .28s both routeDraw;top:42%;left:22%;transform:rotate(18deg)}.model-token{color:#fff2cd;background:linear-gradient(145deg,#fff5d229,#0508082e),#234b43;border:1px solid #ffe8ad8c;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;position:absolute;transform:translate(-50%,-50%)perspective(240px)rotateX(18deg);box-shadow:0 14px 22px #00000059,inset 0 1px #ffffff38}.model-token:after{content:"";filter:blur(4px);background:#00000059;border-radius:50%;width:44px;height:14px;position:absolute;top:50px;left:10px}.model-primary{top:68%;left:14%}.model-escort{opacity:0;background:linear-gradient(145deg,#fff5d226,#0508082e),#544321;border-radius:12px;width:42px;height:42px}.battle-animation.land .model-primary{animation:1.25s cubic-bezier(.18,.92,.27,1) both landAdvance}.battle-animation.land .model-escort{animation:1.18s cubic-bezier(.18,.92,.27,1) .18s both escortAdvance}.battle-animation.air .model-primary{border-radius:50%;animation:1.22s cubic-bezier(.2,.76,.2,1) both airSweep}.battle-animation.air .model-escort{border-radius:50%;animation:1.1s cubic-bezier(.2,.76,.2,1) .14s both airEscort}.battle-animation.sea .model-primary{animation:1.3s cubic-bezier(.22,.78,.2,1) both seaConvoy}.battle-animation.sea .model-escort{animation:1.25s cubic-bezier(.22,.78,.2,1) .18s both seaEscort}.battle-animation.rocket .model-primary{background:linear-gradient(145deg,#fff5d22e,#0508082e),#65372d;border-radius:50%;animation:1.18s cubic-bezier(.14,.82,.24,1) both rocketArc}.battle-animation.rocket .model-escort{animation:1.15s ease-out .14s both signalPulse}.battle-animation.support .model-primary{animation:1.2s cubic-bezier(.2,.76,.24,1) both supportDeploy}.battle-animation.support .model-escort{animation:1.15s cubic-bezier(.2,.76,.24,1) .15s both supportColumn}.battle-animation.support .allied-line{animation-name:supportReliefAdvance}.battle-animation.sea .battlefield-line{bottom:14%}.battle-animation.air .tracer-a,.battle-animation.air .tracer-b{top:33%}.battle-animation.rocket .impact-flash,.battle-animation.rocket .smoke-cloud{transform-origin:50%}.impact-ring{opacity:0;border:2px solid #ffe8ade0;border-radius:50%;width:92px;height:92px;animation:.78s ease-out .85s both impactPulse;position:absolute;top:48%;left:72%;transform:translate(-50%,-50%)scale(.22)}.battle-animation.air .impact-ring{top:36%;left:67%}.battle-animation.sea .impact-ring{top:64%;left:70%}.battle-animation.rocket .impact-ring{top:34%;left:73%}.battle-animation.support .impact-ring{border-color:#7bd4c3e6;top:58%;left:58%}.result-burst{z-index:6;color:#fff7e8;opacity:0;background:#090c0cd1;border:1px solid #ffe8ad57;border-radius:8px;gap:7px;width:min(320px,100% - 32px);padding:12px;animation:.76s ease-out .92s both resultPop;display:grid;position:absolute;bottom:16px;right:16px;transform:translateY(12px)scale(.96);box-shadow:0 18px 34px #00000057}.result-burst strong{color:#fff2cd}.result-burst small{color:#d8d6c4;font-size:.76rem;line-height:1.35}.result-burst>span{color:#ffcf8f;font-weight:900}.result-burst div{flex-wrap:wrap;gap:6px;display:flex}.result-burst em{border-radius:999px;padding:4px 7px;font-size:.74rem;font-style:normal;font-weight:900}.result-burst em.plus{color:#abf0df;background:#6bb4a638}.result-burst em.minus{color:#ffb9ad;background:#b7362d3d}.boss-core{z-index:2;color:#fff7e8;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#eee2c71f,#181b16bd),#181b16c7;border:1px solid #dac69c4d;border-radius:8px;gap:10px;width:min(520px,92%);padding:20px;display:grid;position:relative;box-shadow:0 18px 44px #00000042}.boss-core span,.boss-core small{color:#d8cfb7;font-weight:800}.boss-core strong{color:#fff2cd;font-size:clamp(1.9rem,4vw,2.45rem);line-height:1.05}.boss-hp,.meter-track{background:#0d0f0cb8;border-radius:999px;overflow:hidden}.boss-hp{height:14px}.boss-hp div{border-radius:inherit;background:linear-gradient(90deg, var(--danger), #dfb956);height:100%;transition:width .22s}.history-lesson{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-strong), transparent 28%);border-radius:8px;gap:8px;margin-top:12px;padding:14px;display:grid}.history-lesson-heading,.choice-heading{gap:4px;display:grid}.history-lesson-heading span,.choice-heading span,.action-note{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:900}.history-lesson-heading strong{color:var(--accent);font-size:1rem;line-height:1.35}.lesson-takeaway{color:var(--text);margin:0;font-size:.92rem;font-weight:800;line-height:1.45}.choice-board{gap:10px;margin-top:18px;display:grid}.action-dock{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px;margin-top:10px;display:grid}.action-card{border:1px solid var(--border);background:linear-gradient(135deg, #eee2c714, transparent 52%), color-mix(in srgb, var(--panel-strong), transparent 16%);min-width:0;min-height:132px;color:var(--text);text-align:left;border-radius:8px;gap:9px;padding:13px;transition:border-color .18s,transform .18s,background .18s;display:grid}.action-card:hover:not(:disabled){border-color:var(--border-strong);background:linear-gradient(135deg, #d8b75d24, transparent 52%), color-mix(in srgb, var(--panel-strong), transparent 6%);transform:translateY(-3px)}.action-title{gap:10px}.action-title>span:last-child{min-width:0}.action-icon{width:36px;height:36px;color:var(--text-strong);border-radius:8px;flex:none;place-items:center;display:grid}.action-card strong{overflow-wrap:anywhere;margin-bottom:2px;font-size:1rem;display:block}.action-card small{color:var(--muted);font-weight:900}.action-card p{color:var(--subtle);margin-bottom:0;font-size:.9rem;line-height:1.55}.action-card .action-note{border-left:2px solid color-mix(in srgb, var(--danger), transparent 20%);color:var(--text);text-transform:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-left:10px;font-size:.86rem;font-weight:800;display:-webkit-box;overflow:hidden}.action-card.safe .action-icon{background:color-mix(in srgb, var(--accent-2), transparent 74%)}.action-card.balanced .action-icon{background:color-mix(in srgb, var(--accent), transparent 78%)}.action-card.risky .action-icon{background:#c4562d38}.action-card.moral .action-icon{background:#b7362d42}.action-forecast{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.action-forecast span{color:var(--muted);align-items:center;gap:5px;font-size:.76rem;font-weight:900;display:flex}.action-forecast strong{color:var(--accent);white-space:nowrap;font-size:.9rem}.history-card,.final-panel{border-radius:8px;margin-top:16px;padding:16px}.history-card{border:1px solid color-mix(in srgb, var(--accent), transparent 70%);background:color-mix(in srgb, var(--accent), transparent 90%)}.history-card>div{justify-content:space-between;gap:12px;margin-bottom:8px}.history-card strong{color:var(--accent)}.history-card p{color:var(--text);margin-bottom:8px;line-height:1.65}.history-card em{color:var(--accent);font-style:normal;font-weight:900}.score-panel{align-content:start;gap:10px;display:grid}.connection-mode{color:#151712;border-radius:6px;margin:-4px 0 0;padding:7px 9px;font-size:.82rem;font-weight:900}.connection-mode.connecting{background:#dfb956}.connection-mode.cloud{background:#a7ad7d}.connection-mode.local{background:#e4d6ae}.score-stack{gap:9px;display:grid}.score-meter{gap:5px;display:grid}.score-meter>div:first-child{color:var(--text);justify-content:space-between;gap:10px;font-weight:900;display:flex}.score-meter strong{color:var(--accent)}.score-meter small{display:none}.meter-track{height:5px}.meter-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .22s;display:block}.score-meter.danger .meter-track span{background:linear-gradient(90deg, var(--danger), #df7044)}.skill-ledger,.leaderboard{border-top:1px solid var(--border);gap:7px;padding-top:10px;display:grid}.skill-ledger strong,.skill-ledger span,.leaderboard span,.leaderboard small{color:var(--subtle);font-size:.84rem;line-height:1.45}.leaderboard div{color:var(--text);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;display:grid}.leaderboard .player-rank-card{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:color-mix(in srgb, var(--accent), transparent 88%);grid-template-columns:minmax(0,1fr) auto}.leaderboard .current-player{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:color-mix(in srgb, var(--accent), transparent 88%)}.leaderboard strong,.leaderboard span,.leaderboard small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard strong{color:var(--text-strong);align-items:center;gap:7px;display:flex}.leaderboard strong span{color:var(--accent);font-size:.78rem}.leaderboard>span{padding:2px 0}.final-panel{border:1px solid var(--border-strong);background:var(--panel-strong);gap:14px;display:grid}.final-panel.green{border-color:color-mix(in srgb, var(--accent-2), transparent 48%)}.final-panel.yellow{border-color:color-mix(in srgb, var(--accent), transparent 42%)}.final-panel.orange,.final-panel.red{border-color:color-mix(in srgb, var(--danger), transparent 42%)}.final-panel h2{color:var(--text-strong);margin:2px 0;font-size:2.8rem}.final-panel p{color:var(--subtle);margin-bottom:0;line-height:1.6}.final-panel button{background:var(--accent);width:-moz-fit-content;width:fit-content;color:var(--page-bg);border:0;border-radius:6px;gap:8px;padding:10px 14px;font-weight:900}@media (max-width:1160px){.command-topbar{grid-template-columns:minmax(0,1fr) auto}.topbar-controls{grid-column:1/-1;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr) auto}.command-grid{grid-template-columns:1fr 1fr;grid-template-areas:"battle battle""mission score"}.battle-panel{grid-area:battle}.mission-panel,.score-panel{position:static}}@keyframes routeDraw{0%{opacity:0;clip-path:inset(0 100% 0 0)}28%{opacity:.9}to{opacity:0;clip-path:inset(0)}}@keyframes combatVignette{0%{opacity:0}22%{opacity:.9}to{opacity:.34}}@keyframes combatVignetteHeavy{0%{opacity:0;filter:saturate()}28%{opacity:1;filter:saturate(1.3)}to{opacity:.48;filter:saturate(1.08)}}@keyframes alliedCharge{0%{opacity:0;transform:translate(-38px)translateY(8px)}22%{opacity:.95}to{opacity:.95;transform:translate(70px)translateY(-4px)}}@keyframes supportReliefAdvance{0%{opacity:0;transform:translate(-30px)translateY(4px)}28%{opacity:.95}to{opacity:.9;transform:translate(44px)translateY(-2px)}}@keyframes enemyBrace{0%{opacity:0;transform:scaleX(-1)translate(-36px)translateY(8px)}24%{opacity:.92}to{opacity:.88;transform:scaleX(-1)translate(34px)translateY(-2px)}}@keyframes soldierStep{0%{transform:perspective(140px)rotateX(14deg)rotateY(-12deg)translateY(0)rotate(-2deg)}to{transform:perspective(140px)rotateX(18deg)rotateY(10deg)translateY(-4px)rotate(3deg)}}@keyframes tracerShot{0%,18%{opacity:0;clip-path:inset(0 100% 0 0)}23%,34%{opacity:1;clip-path:inset(0)}38%,to{opacity:0;clip-path:inset(0 0 0 100%)}}@keyframes muzzlePop{0%,20%,44%,to{opacity:0;transform:translate(-50%,-50%)scale(.35)}21%,24%,45%,48%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}}@keyframes impactFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}28%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.78)}}@keyframes smokeRise{0%{opacity:0;transform:translate(-50%,-30%)scale(.64)}28%{opacity:.72}to{opacity:0;transform:translate(-50%,-82%)scale(1.35)}}@keyframes heartRowIn{0%{opacity:0;transform:translate(-50%,10px)}24%,84%{opacity:.95}to{opacity:0;transform:translate(-50%,-18px)}}@keyframes heartPulse{0%,to{transform:rotate(45deg)scale(.68)}42%{transform:rotate(45deg)scale(1.06)}}@keyframes fireFlicker{0%{opacity:0;transform:translate(-50%,-50%)scale(.45,.35)rotate(-4deg)}18%,72%{opacity:.95}34%{transform:translate(-50%,-50%)scale(1.04,1.2)rotate(5deg)}58%{transform:translate(-50%,-50%)scale(.88,1.08)rotate(-6deg)}to{opacity:0;transform:translate(-50%,-62%)scale(.76,1.3)rotate(3deg)}}@keyframes redHitPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}22%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1.34)}}@keyframes casualtyTag{0%{opacity:0;transform:translate(-50%,10px)scale(.88)}22%{opacity:1}to{opacity:.9;transform:translate(-50%)scale(1)}}@keyframes landAdvance{0%{opacity:0;top:68%;left:14%;transform:translate(-50%,-50%)perspective(240px)rotateX(18deg)scale(.82)}20%{opacity:1}to{opacity:1;top:48%;left:66%;transform:translate(-50%,-50%)perspective(240px)rotateX(18deg)scale(1.04)}}@keyframes escortAdvance{0%{opacity:0;top:74%;left:19%}28%{opacity:.9}to{opacity:.9;top:61%;left:55%}}@keyframes airSweep{0%{opacity:0;top:72%;left:8%;transform:translate(-50%,-50%)rotate(-20deg)scale(.82)}20%{opacity:1}to{opacity:1;top:34%;left:70%;transform:translate(-50%,-50%)rotate(16deg)scale(1.05)}}@keyframes airEscort{0%{opacity:0;top:82%;left:13%}30%{opacity:.92}to{opacity:.88;top:44%;left:58%}}@keyframes seaConvoy{0%{opacity:0;top:72%;left:14%}20%{opacity:1}to{opacity:1;top:64%;left:69%}}@keyframes seaEscort{0%{opacity:0;top:82%;left:18%}30%{opacity:.9}to{opacity:.9;top:72%;left:57%}}@keyframes rocketArc{0%{opacity:0;top:78%;left:18%;transform:translate(-50%,-50%)rotate(-30deg)scale(.72)}18%{opacity:1}68%{top:22%;left:56%}to{opacity:1;top:35%;left:75%;transform:translate(-50%,-50%)rotate(22deg)scale(1.04)}}@keyframes signalPulse{0%,to{opacity:.22;transform:scaleX(.76)}50%{opacity:1;transform:scaleX(1)}}@keyframes supportDeploy{0%{opacity:0;top:62%;left:16%;transform:translate(-50%,-50%)perspective(240px)rotateX(18deg)scale(.82)}22%{opacity:1}to{opacity:1;top:58%;left:56%;transform:translate(-50%,-50%)perspective(240px)rotateX(18deg)scale(1.06)}}@keyframes supportColumn{0%{opacity:0;top:72%;left:20%}32%{opacity:.92}to{opacity:.88;top:68%;left:48%}}@keyframes impactPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.18);box-shadow:0 0 #ffe8ad80}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.55);box-shadow:0 0 0 36px #ffe8ad00}}@keyframes resultPop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcomePanelIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcomePanelGlow{0%,to{box-shadow:0 24px 80px #00000080,0 0 #dfb95600}50%{box-shadow:0 24px 80px #00000080,0 0 42px #dfb9562e}}@keyframes welcomeGrid{0%{background-position:0 0}to{background-position:56px 56px}}@keyframes welcomeSweep{0%{transform:translate(-150%)skew(-16deg)}to{transform:translate(260%)skew(-16deg)}}@keyframes welcomeBrandPulse{0%,to{background:#dfb9561c;transform:scale(1)}50%{background:#dfb95647;transform:scale(1.06)}}@keyframes welcomeTitleReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeBootLift{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcomeRadar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes welcomeRadarPulse{0%,to{box-shadow:inset 0 0 0 22px #6bb4a60f,inset 0 0 0 44px #dfb9560d,0 0 44px #6bb4a638}50%{box-shadow:inset 0 0 0 18px #6bb4a624,inset 0 0 0 42px #dfb9561a,0 0 64px #6bb4a657}}@keyframes welcomeRing{0%,to{opacity:.24;transform:scale(.92)}50%{opacity:.8;transform:scale(1.04)}}@keyframes welcomeProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes welcomeSmoke{0%{opacity:0;transform:translateY(22px)scale(.72)}22%{opacity:.7}to{opacity:0;transform:translateY(-34px)translate(12px)scale(1.22)}}@keyframes welcomeFire{0%,to{opacity:.66;transform:scaleY(.82)skew(-4deg)}50%{opacity:1;transform:scaleY(1.08)skew(5deg)}}@keyframes welcomeRedSignal{0%,to{opacity:0;transform:scale(.7)}38%{opacity:.9;transform:scale(1.15)}70%{opacity:.42;transform:scale(1.6)}}@keyframes welcomeHelp{0%,to{opacity:.35;transform:translateY(0)scale(.9)}45%{opacity:1;transform:translateY(-12px)scale(1.08)}}@keyframes screenBattleVignette{0%{opacity:0}16%{opacity:.88}to{opacity:0}}@keyframes screenBattleVignetteHeavy{0%{opacity:0;filter:saturate()}18%{opacity:1;filter:saturate(1.25)}to{opacity:0;filter:saturate()}}@keyframes screenCommandSweep{0%{opacity:0;transform:rotate(var(--screen-sweep-rotate,-8deg)) translateX(-26%)}24%{opacity:1}to{opacity:0;transform:rotate(var(--screen-sweep-rotate,-8deg)) translateX(26%)}}@keyframes screenShockwave{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)}26%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%)scale(2.45)}}@keyframes screenSmoke{0%{opacity:0;transform:translateY(24px)scale(.78)}26%{opacity:.72}to{opacity:0;transform:translateY(-40px)translate(18px)scale(1.22)}}@keyframes screenFire{0%{opacity:0;transform:scaleY(.64)skew(-5deg)}24%,64%{opacity:.72}to{opacity:0;transform:scaleY(1.1)skew(6deg)}}@keyframes screenRedAlert{0%{opacity:0;transform:scale(.56)}30%{opacity:.8;transform:scale(1.12)}to{opacity:0;transform:scale(2.1)}}@keyframes screenHudPop{0%{opacity:0;transform:translateY(14px)scale(.96)}18%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.98)}}@media (max-width:820px){.app-shell{width:min(100vw - 20px,720px);padding-top:10px}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.command-topbar{grid-template-columns:1fr;display:grid}.command-topbar .brand-lockup,.home-tool,.topbar-controls{width:100%}.topbar-controls{grid-template-columns:1fr}.control-cluster{min-height:0}.command-topbar .session-tools{flex-wrap:wrap}.command-topbar .session-tools input,.command-topbar .login-form input{width:100%}.command-topbar .login-form{grid-template-columns:1fr}.login-actions,.utility-cluster{justify-content:flex-start}h1{font-size:1.45rem}.series-title{font-size:.68rem}.welcome-gate{padding:16px}.welcome-panel{padding:22px}.welcome-topline{flex-direction:column;align-items:flex-start}.welcome-panel h2{font-size:1.75rem}.welcome-boot{min-height:220px}.welcome-radar{width:120px}.welcome-smoke{width:74px}.welcome-actions{grid-template-columns:1fr}.session-tools,.login-form{justify-content:flex-start;width:100%}.login-status{justify-content:flex-start}.tool-button,.icon-button{margin-top:0}.session-tools input,.login-form input{width:min(100%,220px)}.command-grid,.action-dock{grid-template-columns:1fr}.command-grid{grid-template-areas:"battle""mission""score"}.battle-panel{min-height:auto;padding:14px}.battle-header{flex-direction:column;align-items:flex-start}.battle-header h2{font-size:2rem}.boss-visual{min-height:270px}.model-token{width:44px;height:44px}.model-escort{width:36px;height:36px}.battlefield-line{gap:8px;transform:scale(.84)}.allied-line{bottom:20%;left:0}.enemy-line{top:32%;right:1%}.tracer-a{width:52%;left:18%}.casualty-marker{padding:4px 6px;font-size:.66rem}.result-burst{width:min(300px,100% - 20px);padding:10px;bottom:10px;right:10px}.screen-battle-hud{width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 20px);padding:10px;bottom:10px;right:10px}.screen-fire{width:44px;height:84px}.boss-core strong{font-size:1.65rem}.action-card{min-height:0}}@media (prefers-reduced-motion:reduce){.battle-animation *,.screen-battle-animation *,.welcome-gate *,.boss-hp div,.meter-track span,.action-card{transition-duration:1ms!important;animation-duration:1ms!important}.welcome-gate:before,.welcome-gate:after{animation-duration:1ms!important}.route-line,.impact-ring,.tracer,.muzzle-flash,.impact-flash,.smoke-cloud,.fire-burst,.red-hit,.screen-command-sweep,.screen-shockwave,.screen-smoke,.screen-fire,.screen-red-alert{display:none}.result-burst,.screen-battle-hud{opacity:1;transform:none}}.landing-gate{place-items:initial;color:#f0eadb;background:linear-gradient(90deg,#161814f0,#22271fc2 44%,#111311e6),linear-gradient(#ece5d314,#191d1894),url(/assets/command-room.jpg) 50%/cover,#151712;padding:0;display:block;overflow-y:auto}:root[data-theme=light] .landing-gate{color:#23261f;background:linear-gradient(90deg,#efe7d2f5,#dfdcccdb 48%,#383d3375),linear-gradient(#fffcf280,#b8b09933),url(/assets/command-room.jpg) 50%/cover,#e5dcc4}.landing-gate:before{opacity:.62;background-image:linear-gradient(#e1d3b41f 1px,#0000 1px),linear-gradient(90deg,#e1d3b41f 1px,#0000 1px),linear-gradient(135deg,#795f3e1f 1px,#0000 1px);background-size:72px 72px,72px 72px,180px 180px;animation:24s linear infinite landingMapDrift}.landing-gate:after{background:radial-gradient(circle at 18% 24%,#7e2d2729,#0000 18%),linear-gradient(110deg,#0000 0 48%,#b29a672e 49%,#0000 52% 100%);width:auto;animation:3.2s ease-out both landingCommandSweep;inset:0;transform:none}.landing-shell{z-index:1;flex-direction:column;gap:22px;width:min(1180px,100vw - 40px);min-height:100svh;margin:0 auto;padding:22px 0 44px;display:flex;position:relative}.landing-nav,.landing-logo,.landing-links,.landing-actions,.landing-form-actions,.landing-map-head,.theatre-card>div,.landing-sync{align-items:center;display:flex}.landing-nav{justify-content:space-between;gap:18px;min-height:58px}.landing-logo{min-width:0;color:inherit;flex:none;text-decoration:none}.landing-logo-image{object-fit:contain;object-position:center;background:#03070c;border:1px solid #dac69c80;border-radius:8px;width:clamp(120px,16vw,172px);height:clamp(58px,8vw,82px);display:block;box-shadow:0 14px 34px #0000003d}.landing-links{flex-wrap:wrap;justify-content:center;gap:4px}.landing-links a{color:color-mix(in srgb, currentColor, transparent 18%);border-radius:8px;padding:9px 11px;font-size:.84rem;font-weight:850;text-decoration:none;transition:background .18s,color .18s,transform .18s}.landing-links a:hover{color:currentColor;background:#7e2d272e;transform:translateY(-1px)}.landing-language{background:#181b167a}:root[data-theme=light] .landing-language{background:#faf6eaa3}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:center;gap:58px;min-height:clamp(420px,100svh - 190px,660px);padding:34px 0 18px;display:grid}.landing-copy{max-width:760px;animation:.62s both landingHeroIn}.landing-eyebrow{color:#d8b75d;letter-spacing:0;text-transform:uppercase;margin-bottom:16px;font-size:.78rem;font-weight:900;display:inline-flex}.landing-copy h2{color:#fff7e6;letter-spacing:0;text-wrap:balance;max-width:8ch;margin:0;font-size:7.15rem;line-height:.86}:root[data-theme=light] .landing-copy h2{color:#151712}.landing-copy p{max-width:560px;color:color-mix(in srgb, currentColor, transparent 16%);margin:22px 0 0;font-size:1.14rem;line-height:1.65}.landing-actions{flex-wrap:wrap;gap:10px;margin-top:30px}.landing-gate .welcome-primary,.landing-gate .welcome-secondary,.landing-gate .welcome-link-button{border-radius:8px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.landing-gate .welcome-primary{color:#fff4df;background:#7e2d27;border:1px solid #e8b98b47;box-shadow:0 14px 28px #280b084d}.landing-gate .welcome-secondary{color:#efe7d6;background:#21261f94;border-color:#dac69c3d}:root[data-theme=light] .landing-gate .welcome-secondary{color:#242820;background:#faf6ea99}.landing-gate .welcome-primary:hover,.landing-gate .welcome-secondary:hover,.landing-gate .welcome-link-button:hover{transform:translateY(-2px)}.landing-primary,.landing-secondary{gap:9px;min-height:48px;padding:0 15px;font-weight:900}.landing-map{background:linear-gradient(#ece1c621,#1d231cb8),linear-gradient(#dac69c1f 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#dac69c1f 1px,#0000 1px) 0 0/42px 42px,#141914b3;border:1px solid #dac69c40;border-radius:8px;min-height:360px;padding:22px;animation:.7s .14s both landingMapIn;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 60px #00000042}:root[data-theme=light] .landing-map{background:linear-gradient(#faf6ea6b,#535b483d),linear-gradient(#4c463624 1px,#0000 1px),linear-gradient(90deg,#4c463624 1px,#0000 1px),#ebe2cccc;box-shadow:0 22px 50px #4437242e}.landing-map:before{content:"";border:1px solid #dac69c2e;border-radius:8px;position:absolute;inset:18px}.landing-map:after{aspect-ratio:1;content:"";border:1px solid #d8b75d47;border-radius:50%;width:62%;position:absolute;bottom:-22%;right:-18%}.landing-map-head{z-index:1;color:#d8b75d;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:.76rem;font-weight:900;position:relative}.landing-map strong{z-index:1;color:currentColor;margin-top:68px;font-size:2rem;display:block;position:relative}.landing-map p{z-index:1;width:min(270px,100%);color:color-mix(in srgb, currentColor, transparent 18%);margin:10px 0 0;line-height:1.55;position:relative}.map-node,.map-route{z-index:1;position:absolute}.map-node{color:#f6e7bc;background:#121612ad;border:1px solid #d8b75d70;border-radius:999px;padding:6px 8px;font-size:.68rem;font-weight:950}:root[data-theme=light] .map-node{color:#322b1e;background:#faf6eab8}.node-land{top:34%;left:22%}.node-sea{bottom:27%;right:20%}.node-sky{top:25%;right:26%}.map-route{opacity:.75;transform-origin:0;background:linear-gradient(90deg,#0000,#d8b75d,#0000);border-radius:999px;height:2px}.route-land{width:42%;top:42%;left:29%;transform:rotate(16deg)}.route-sea{width:38%;bottom:34%;right:23%;transform:rotate(-18deg)}.route-sky{width:34%;top:30%;left:42%;transform:rotate(-8deg)}.theatre-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-4px;display:grid}.theatre-card{background:linear-gradient(135deg,#eee2c71c,#21282094),linear-gradient(#dac69c14 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#dac69c14 1px,#0000 1px) 0 0/34px 34px;border:1px solid #dac69c38;border-radius:8px;min-height:190px;padding:18px;transition:border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden}:root[data-theme=light] .theatre-card{background:linear-gradient(135deg,#fcf7e9c2,#6d715c29),linear-gradient(#594e3714 1px,#0000 1px),linear-gradient(90deg,#594e3714 1px,#0000 1px)}.theatre-card:hover{border-color:#d8b75d80;transform:translateY(-3px)}.theatre-card>div{color:#d8b75d;justify-content:space-between}.theatre-card>div span{font-size:.76rem;font-weight:950}.theatre-card h3{color:currentColor;margin:34px 0 10px;font-size:1.7rem;line-height:1}.theatre-card p{max-width:30ch;color:color-mix(in srgb, currentColor, transparent 18%);margin:0;line-height:1.55}.landing-entry{border-top:1px solid #dac69c38;grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);align-items:start;gap:24px;padding-top:24px;display:grid}.landing-entry-copy h3{color:currentColor;margin:0;font-size:2.15rem;line-height:1.05}.landing-entry-copy p{max-width:520px;color:color-mix(in srgb, currentColor, transparent 18%);margin:12px 0 0;line-height:1.6}.landing-sync{color:#d8b75d;background:#14191475;border:1px solid #dac69c2e;border-radius:8px;justify-content:center;gap:16px;min-height:90px;padding:18px}.landing-sync .welcome-progress{width:min(360px,100%)}.landing-saved-account{background:linear-gradient(135deg, #eee2c71c, #21282085), linear-gradient(var(--panel-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--panel-grid-line) 1px, transparent 1px);background-size:auto,34px 34px,34px 34px;border:1px solid #dac69c3d;border-radius:8px;gap:14px;padding:18px;display:grid}.landing-saved-account span{color:#d8b75d;text-transform:uppercase;font-size:.76rem;font-weight:900;display:block}.landing-saved-account strong{color:currentColor;margin-top:5px;font-size:1.14rem;display:block}.landing-saved-account p{color:color-mix(in srgb, currentColor, transparent 18%);margin:8px 0 0;line-height:1.55}.landing-saved-actions{flex-wrap:wrap;gap:10px;display:flex}.landing-saved-actions .welcome-primary,.landing-saved-actions .welcome-secondary{min-height:46px;padding:0 14px}.landing-login-form{gap:14px}.landing-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing-form-grid label:nth-child(3){grid-column:1/-1}.landing-gate .welcome-login-form input{background:#121612b8;border-color:#dac69c3d}:root[data-theme=light] .landing-gate .welcome-login-form input{background:#fffcf4b8}.landing-form-actions{flex-wrap:wrap}.landing-form-actions .welcome-primary,.landing-form-actions .welcome-secondary{min-height:46px;padding:0 14px}.landing-gate .welcome-link-button{color:#d8b75d;border-color:#d8b75d42;width:-moz-fit-content;width:fit-content}.entry-choice-backdrop{z-index:7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0d0a8a;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.entry-choice-panel{background:linear-gradient(135deg, #eee2c724, #212820b8), linear-gradient(var(--panel-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--panel-grid-line) 1px, transparent 1px), #181b16f2;background-size:auto,38px 38px,38px 38px,auto;border:1px solid #dac69c52;border-radius:8px;gap:14px;width:min(560px,100%);padding:24px;display:grid;position:relative;box-shadow:0 30px 80px #0006}:root[data-theme=light] .entry-choice-panel{background:linear-gradient(135deg, #fcf7e9c7, #6d715c2e), linear-gradient(var(--panel-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--panel-grid-line) 1px, transparent 1px), #faf6eaf5}.entry-choice-panel h3{color:currentColor;margin:0;font-size:2.25rem;line-height:1.04}.entry-choice-panel p{color:color-mix(in srgb, currentColor, transparent 16%);margin:0;line-height:1.6}.entry-choice-close{min-height:34px;color:color-mix(in srgb, currentColor, transparent 10%);background:#181b1694;border:1px solid #dac69c3d;border-radius:8px;padding:0 10px;font-size:.78rem;font-weight:900;position:absolute;top:12px;right:12px}:root[data-theme=light] .entry-choice-close{background:#fffcf4b8}.entry-choice-actions,.entry-choice-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.entry-choice-actions .welcome-primary,.entry-choice-actions .welcome-secondary,.entry-choice-form-actions .welcome-primary,.entry-choice-form-actions .welcome-secondary{min-height:50px}.entry-choice-form{margin-top:4px}@keyframes landingHeroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes landingMapIn{0%{opacity:0;transform:translateY(18px)rotate(.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes landingMapDrift{0%{background-position:0 0,0 0,0 0}to{background-position:72px 72px,72px 72px,180px 180px}}@keyframes landingCommandSweep{0%{opacity:0;transform:translate(-18%)}55%{opacity:.72}to{opacity:.42;transform:translate(0)}}@media (max-width:1180px){.landing-copy h2{font-size:5.6rem}.landing-hero{grid-template-columns:minmax(0,1fr);gap:30px}.landing-map{min-height:300px}}@media (max-width:860px){.landing-shell{width:min(100vw - 28px,720px);padding:14px 0 30px}.landing-nav{flex-direction:column;align-items:flex-start}.landing-links{justify-content:flex-start}.landing-copy h2{max-width:9ch;font-size:3.7rem}.landing-copy p{font-size:1rem}.theatre-strip,.landing-entry,.landing-form-grid{grid-template-columns:1fr}.landing-form-grid label:nth-child(3){grid-column:auto}}@media (max-width:520px){.landing-links a{padding-inline:8px}.landing-copy h2{font-size:3.05rem}.landing-actions,.landing-form-actions{flex-direction:column;align-items:stretch}.landing-primary,.landing-secondary,.landing-form-actions .welcome-primary,.landing-form-actions .welcome-secondary,.entry-choice-actions .welcome-primary,.entry-choice-actions .welcome-secondary,.entry-choice-form-actions .welcome-primary,.entry-choice-form-actions .welcome-secondary{width:100%}.entry-choice-actions,.entry-choice-form-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landing-copy,.landing-map,.landing-gate:before,.landing-gate:after,.landing-links a,.theatre-card,.landing-gate .welcome-primary,.landing-gate .welcome-secondary,.landing-gate .welcome-link-button{transition-duration:1ms!important;animation-duration:1ms!important}}