@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#eaf2fb;background:#101f32;font-synthesis:none;color-scheme:dark;--yellow:#ffdc69;--blue:#53baff;--muted:#9bacc0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 20%,#203a56 0,transparent 65%),#101f32}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffdc69;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{max-width:1440px;margin:auto;padding:19px 36px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.7px}.brand img{margin-right:8px}.brand span{color:var(--yellow)}.brand b{font-size:13px;margin:0 5px;color:var(--yellow)}.back-link{font-size:12px;color:var(--muted);margin-left:auto}.header-tools{display:flex;gap:8px}.header-tools button,.close{width:36px;height:36px;border:1px solid #ffffff21;border-radius:50%;background:#ffffff09;font-weight:700;font-size:18px}.header-tools button:hover{background:#ffffff20}.layout{max-width:1370px;margin:auto;padding:28px 34px;display:grid;grid-template-columns:minmax(225px,1fr) minmax(340px,520px) 190px;gap:34px;align-items:start}.briefing{padding-top:24px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:var(--muted)}.eyebrow>span,.below-arena i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83e8cc;margin-right:7px}.briefing h1{position:relative;font:900 clamp(58px,6.5vw,94px)/.81 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;margin:30px 0 22px;transform:skew(-5deg);text-shadow:0 4px #081827}.briefing h1 em{font-style:normal;color:var(--yellow)}.title-star{font:30px/1 Arial;color:var(--yellow);position:absolute;right:18px;top:1px;transform:rotate(-10deg)}.intro{font-size:23px;line-height:1.25;font-weight:800;letter-spacing:-.8px}.description{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:28px}.campaign-summary{padding-top:20px;border-top:1px solid #ffffff19;max-width:270px}.campaign-summary strong{font-size:29px}.campaign-summary div>span{font-size:12px;color:var(--muted);margin-left:6px}.save-track{height:5px;background:#ffffff12;border-radius:5px;margin:10px 0}.save-track span{display:block;height:100%;background:#72d1ed;border-radius:4px;margin:0!important;transition:width .3s}.campaign-summary p{font-size:11px;color:var(--muted)}.campaign-summary p>span:last-child{color:var(--yellow);float:right}.outline{background:#ffffff06;border:1px solid #ffffff29;border-radius:11px;padding:13px 16px;font-size:12px;font-weight:700;width:100%}.outline:hover{background:#ffffff12}.briefing>.outline{max-width:270px;margin:12px 0 26px;display:flex;justify-content:space-between}.field-notes>div{display:flex;gap:13px;align-items:center;margin:15px 0}.field-notes b{color:#65819c;font-size:10px}.field-notes p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.field-notes strong{display:block;color:#eaf2fb;font-weight:600}.save-note{font-size:9px;color:#7890a8;line-height:1.6;margin-top:26px;max-width:220px}.game-wrap{min-width:0}.arena{height:min(810px,calc(100dvh - 150px));min-height:610px;position:relative;overflow:hidden;border-radius:24px;border:1px solid #ffffff25;background:#dbeef6;box-shadow:0 18px 65px #020d2659;isolation:isolate}.arena canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#23394c2e,transparent 20%,transparent 75%,#15273a30)}.mission-bar{position:absolute;left:20px;right:16px;top:15px;display:flex;align-items:center;justify-content:space-between;color:#1b3853}.mission-bar>span{font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;text-shadow:0 1px #ffffff66}.mission-bar i{width:6px;height:6px;border-radius:50%;background:#24907b}.mission-bar button{background:#ffffffbf;border:1px solid #ffffff55;color:#23445a;border-radius:11px;width:33px;height:33px;font-weight:900;font-size:14px;box-shadow:0 2px 8px #274b5a13}.mission-bar button:disabled{opacity:.45}.mission-progress{position:absolute;top:59px;left:20px;right:20px;height:3px;background:#284a6e20;border-radius:3px}.mission-progress span{display:block;height:100%;width:0;background:#216ca6;transition:width .15s}.hud{position:absolute;top:77px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.squad-chip{display:flex;gap:10px;background:#137bd7;color:white;border:1px solid #b4e7ff;box-shadow:0 4px 0 #0b5298,0 5px 16px #134a8733;border-radius:13px;padding:10px 14px;transform:rotate(-2deg)}.squad-chip svg{width:22px;fill:#8edcff;stroke:#8edcff;stroke-width:2}.squad-chip small{font-size:8px;letter-spacing:1px;display:block;color:#c2e9ff;font-weight:800}.squad-chip strong{display:block;font:900 29px/1.12 'DM Sans',sans-serif;letter-spacing:-1px}.boost-chips{display:flex;gap:6px;flex-direction:column}.boost-chips span{background:#ffffffd9;color:#244264;padding:7px 10px;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 3px 12px #31586a15}.boss-hud{position:absolute;top:155px;left:18%;right:18%;background:#fff8eeed;padding:10px 12px;border:1px solid #b8354c22;border-radius:11px;color:#85273f;box-shadow:0 3px 12px #74163322}.boss-hud>div:first-child{display:flex;justify-content:space-between;font-size:8px;font-weight:900;letter-spacing:1px;margin-bottom:6px}.boss-track{height:7px;background:#85273f25;border-radius:6px;overflow:hidden}.boss-track span{display:block;height:100%;background:#e74763;transition:width .15s}.toast{position:absolute;top:34%;left:10%;right:10%;text-align:center;color:white;text-shadow:0 2px 4px #173250;font-weight:900;font-size:24px;letter-spacing:-.6px;pointer-events:none;opacity:0;transition:opacity .15s,transform .2s;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}.danger{position:absolute;left:16%;right:16%;bottom:24%;padding:10px;background:#b82248ec;border:1px solid #ffacb8;border-radius:9px;text-align:center;font-size:10px;font-weight:900;letter-spacing:1px;animation:danger .55s infinite alternate;pointer-events:none}@keyframes danger{to{background:#f3525cec}}.hit-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #ed214c;opacity:0}.launch-card{position:absolute;bottom:18px;left:18px;right:18px;padding:17px 20px 9px;background:#fbfcf5f5;color:#1c344c;border:1px solid #fff;border-radius:18px;box-shadow:0 10px 30px #17395833}.launch-kicker{display:flex;justify-content:space-between;font-weight:900;font-size:8px;letter-spacing:1.3px;color:#608094}.launch-kicker span:last-child{color:#b3882d;font-size:11px;letter-spacing:2px}.launch-card h2{font-size:25px;letter-spacing:-1px;margin:6px 0}.launch-card p{font-size:11px;color:#56718a;margin:6px 0 14px}.primary{display:block;width:100%;border:1px solid #f6ca3b;background:var(--yellow);color:#20304a;border-radius:11px;font-size:13px;font-weight:900;padding:15px 20px;box-shadow:0 3px 0 #c49b39;transition:transform .15s,background .15s}.primary:hover{background:#ffe994;transform:translateY(-1px)}.primary:active{transform:translateY(2px);box-shadow:none}.primary:disabled{opacity:.5;transform:none}.text-button{display:block;width:100%;background:none;border:0;padding:13px;font-size:11px;font-weight:700;color:inherit}.text-button>span{margin-left:10px}.play-controls{position:absolute;left:16px;right:16px;bottom:18px;display:flex;justify-content:space-between;pointer-events:none}.play-controls button{pointer-events:auto;touch-action:none}.steer{display:flex;gap:9px}.steer button{width:49px;height:49px;border:1px solid #ffffff99;border-radius:14px;color:#1a3f66;background:#ffffffe0;font-size:25px;font-weight:800;box-shadow:0 3px 0 #b3c5d2}.steer button:active{background:#80d9ff}.airstrike{display:flex;align-items:center;gap:8px;min-width:112px;justify-content:center;border:1px solid #fff0a2;background:#ffdb67;color:#293b50;padding:7px 12px;border-radius:14px;box-shadow:0 3px 0 #aa8436;font-weight:900;font-size:9px;letter-spacing:.5px}.airstrike>span:first-child{font-size:26px}.airstrike small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:3px;opacity:.7}.airstrike:disabled{background:#dce9ef;color:#72869c;box-shadow:0 3px 0 #9eafb9;border-color:#ffffffaa}.below-arena{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:9px;color:#92abc0;letter-spacing:.4px}.below-arena b{font-weight:500}.below-arena>span:last-child{font-size:8px;letter-spacing:1px}.campaign-aside{padding-top:25px}.mission-stamp{border-bottom:1px solid #ffffff19;padding-bottom:23px}.mission-stamp strong{display:block;color:var(--yellow);font:800 74px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px}.mission-stamp span{display:block;font-size:9px;line-height:1.5;letter-spacing:1.6px;color:#9cb4cb;margin-top:12px}.sector-list{margin:26px 0}.sector-list button{display:flex;gap:12px;align-items:center;background:none;border:0;text-align:left;width:100%;padding:12px 0;color:#879db4}.sector-list button b{font-size:10px;color:#60819d}.sector-list button span{font-size:11px}.sector-list button.active{color:#e7f4ff}.sector-list button.active b{color:var(--yellow)}.sector-list button.active:after{content:'●';font-size:6px;color:var(--yellow);margin-left:auto}.tip-card{padding:16px;border-radius:13px;border:1px solid #ffffff15;background:#ffffff04;transform:rotate(2deg)}.tip-card>span{color:#7ea6c5;letter-spacing:1.4px;font-size:8px;font-weight:800}.tip-card p{font-size:12px;line-height:1.6;font-weight:500}.tip-card svg{width:100%}.tip-card text{font:bold 20px Arial;fill:white;text-anchor:middle}.home-note{display:block;font-size:9px;line-height:1.7;color:#718da6;margin-top:35px;max-width:140px}.loading-error{position:absolute;inset:0;padding:40% 25px 20px;text-align:center;background:#142840;color:white;z-index:10}.loading-error p{font-size:13px;line-height:1.7}dialog{position:fixed;background:#172b42;color:#edf4fc;border:1px solid #ffffff22;border-radius:23px;padding:28px;box-shadow:0 25px 100px #0007;max-height:92dvh;overflow:auto;width:min(640px,calc(100vw - 28px))}dialog::backdrop{background:#061728b8;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:29px;letter-spacing:-1px;margin:6px 0 20px}.close{flex-shrink:0;background:#ffffff0b;font-size:23px}.sector-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:23px}.sector-tabs button{border:1px solid #ffffff21;border-radius:9px;background:#ffffff05;font-size:10px;padding:12px 3px;color:#93abc2}.sector-tabs button[aria-pressed=true]{background:#ffdc69;color:#23374c;border-color:#ffdc69;font-weight:900}.sector-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px}.sector-heading h3{font-size:21px;letter-spacing:-.6px;margin:0 0 5px}.sector-heading p{font-size:11px;color:var(--muted);margin:0}.sector-heading>strong{font-size:10px;color:var(--muted);white-space:nowrap;margin-left:10px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.level-grid button{border:1px solid #ffffff20;border-radius:12px;background:#ffffff07;min-height:66px;color:#f1f7fb;font-size:18px;font-weight:800;position:relative}.level-grid button small{display:block;font-size:9px;letter-spacing:2px;color:#ffdb69;min-height:13px;margin-top:3px}.level-grid button:disabled{color:#60788d;border-color:#ffffff09;background:#ffffff03}.level-grid button:disabled small{color:#526b82;letter-spacing:0;font-size:8px}.level-grid button.current{border:2px solid #ffdc69;background:#ffdc6914}.level-grid button:not(:disabled):hover{background:#6dbce531}.dialog-foot{font-size:10px;color:#8da5ba;line-height:1.7;margin:20px 0 0;text-align:center}.small-dialog{width:min(420px,calc(100vw - 28px));text-align:center;padding:34px 27px}.small-dialog h2{font-size:31px;letter-spacing:-1px;margin:12px 0}.small-dialog p{font-size:12px;line-height:1.8;color:#a1b7cc}.small-dialog .outline{margin-top:12px}.small-dialog>.primary{margin-top:22px}.result-icon{font-size:56px;color:#ffdc69;margin-bottom:18px;text-shadow:0 0 35px #ffdc6944}.result-stars{font-size:36px;letter-spacing:8px;color:#ffdc69;margin:17px 0}.result-stats{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;margin:23px 0;padding:20px 0;gap:6px}.result-stats strong{font-size:22px;display:block}.result-stats span{font-size:7px;color:var(--muted);letter-spacing:.7px;font-weight:700}.help-dialog{text-align:left;width:min(480px,calc(100vw - 28px))}.help-dialog .close{float:right}.help-dialog strong{color:#edf4fc}.star-guide{color:#e4cf83!important;border-top:1px solid #ffffff14;padding-top:15px;font-size:11px!important}.arena[data-state=playing] #stateDot{animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.4}}
@media(min-width:1500px){.layout{gap:50px}.briefing{padding-top:48px}.field-notes{margin-top:20px}}
@media(max-width:1150px){.layout{grid-template-columns:minmax(210px,1fr) minmax(340px,520px);max-width:970px;gap:30px}.campaign-aside{display:none}.briefing h1{font-size:80px}.title-star{right:25px}.arena{min-height:590px}.site-header{padding:16px 28px}}
@media(max-width:760px){.site-header{padding:10px 16px;height:59px;gap:12px}.brand{font-size:17px}.brand img{width:28px;height:28px}.back-link{font-size:10px}.header-tools{gap:5px}.header-tools button{width:30px;height:30px;font-size:16px}.layout{display:block;padding:12px 14px 16px;max-width:560px}.briefing{display:none}.arena{height:calc(100dvh - 112px);min-height:500px;max-height:950px;border-radius:20px}.below-arena{margin-top:10px}.launch-card{left:14px;right:14px;bottom:14px;padding:15px 17px 7px}.launch-card h2{font-size:24px}.mission-bar{left:18px;right:15px;top:13px}.hud{top:75px}.squad-chip{padding:9px 12px}.squad-chip strong{font-size:27px}.mission-progress{top:57px}.play-controls{bottom:max(16px,env(safe-area-inset-bottom));left:14px;right:14px}.airstrike{min-width:119px}.steer button{width:54px;height:52px}.small-dialog{padding:27px 24px}.campaign-dialog{padding:22px 18px}.level-grid{gap:7px}.level-grid button{min-height:61px}.sector-tabs{gap:5px}.sector-tabs button{font-size:9px}.control-hint{font-size:7px}}
@media(max-width:380px){.back-link{display:none}.header-tools{margin-left:auto}.layout{padding:8px}.arena{height:calc(100dvh - 101px);min-height:470px}.launch-card p{font-size:10px}.launch-card{padding:13px 14px 4px}.launch-card h2{font-size:22px}.level-grid button{min-height:55px}}
@media(max-height:650px) and (min-width:761px){.arena{height:520px;min-height:520px}.layout{padding-top:18px}.field-notes{display:none}.briefing{padding-top:8px}.briefing h1{font-size:66px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* A focused, edge-to-edge battlefield when a mission starts. */
.game-tools{display:flex;gap:8px}.mission-bar{z-index:3}.mission-bar>span{color:#f0fbff;background:#102c48df;padding:11px 13px;border:1px solid #b8edff35;border-radius:10px;text-shadow:none;box-shadow:0 3px 12px #062d4530}.mission-bar i{background:#6af3bf}.mission-bar button{width:38px;height:38px;background:#102c48e8;color:#e3f7ff;border-color:#b8edff35;box-shadow:0 3px 12px #062d4530}.mission-progress{background:#153f5b55;height:4px;overflow:hidden}.mission-progress span{background:#69e6ff;box-shadow:0 0 10px #68e6ff}.vignette{background:linear-gradient(#0e354837,transparent 22%,transparent 70%,#082d4c30)}.squad-chip{transform:none;border-radius:12px;background:linear-gradient(140deg,#138df6,#075cc1);border:1px solid #8fddff;box-shadow:0 4px 0 #08427b,0 7px 18px #06365c35}.squad-chip strong{font-size:32px}.boost-chips span{background:#112e48eb;color:#effbff;border:1px solid #b8edff35}.boss-hud{z-index:2;left:23%;right:23%;top:78px;background:#5b1632ed;color:#fff1f3;border-color:#ff9fb144}.boss-track{background:#ffffff25}.boss-track span{background:linear-gradient(90deg,#ff4d70,#ffb371)}.boss-hud>div:first-child{font-size:8px;letter-spacing:.3px;gap:8px}.toast{top:45%;font-size:clamp(19px,4vw,28px);text-shadow:0 2px 0 #07304d,0 4px 16px #07304da8}.play-controls{z-index:3}.steer button{color:#e6f7ff;background:#123652e8;border-color:#bcf0ff6b;box-shadow:0 4px 0 #082a45;backdrop-filter:blur(8px)}.airstrike{background:linear-gradient(135deg,#ffec8d,#ffbe42);box-shadow:0 4px 0 #936525,0 6px 20px #5e42132b}.launch-card{background:#102e48f2;color:#f5fcff;border-color:#96dfff4d;backdrop-filter:blur(12px)}.launch-card p{color:#b2cedd}.launch-kicker{color:#9adced}.launch-kicker span:last-child{color:#ffdc69}.launch-card .text-button{color:#acd0e4}.arena{border-color:#96dfff4d;background:#157f9d}.arena:fullscreen{border:0;border-radius:0}
body.immersive{overflow:hidden;overscroll-behavior:none;background:#0d4d70}body.immersive .site-header,body.immersive .briefing,body.immersive .campaign-aside,body.immersive .below-arena{display:none}body.immersive .layout{display:block;padding:0;max-width:none}body.immersive .arena{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none}body.immersive .mission-bar{top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}body.immersive .mission-progress{top:calc(max(16px,env(safe-area-inset-top)) + 48px);left:20px;right:20px}body.immersive .hud{top:calc(max(16px,env(safe-area-inset-top)) + 66px);left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}body.immersive .boss-hud{top:calc(max(16px,env(safe-area-inset-top)) + 66px);left:50%;right:auto;transform:translateX(-50%);width:min(260px,35vw)}body.immersive .play-controls{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom))}body.immersive .steer button{width:60px;height:56px}body.immersive .airstrike{min-width:144px;font-size:11px;padding:10px 18px}body.immersive .airstrike small{font-size:8px}body.immersive .danger{left:50%;right:auto;transform:translateX(-50%);bottom:13%;width:max-content;max-width:90%}
@media(min-width:900px){body.immersive .mission-bar{left:32px;right:32px;top:24px}body.immersive .mission-progress{left:32px;right:32px;top:75px}body.immersive .hud{top:100px;left:32px;right:32px}body.immersive .squad-chip{padding:15px 21px;gap:16px}body.immersive .squad-chip strong{font-size:44px}body.immersive .squad-chip small{font-size:10px}body.immersive .squad-chip svg{width:30px}body.immersive .boss-hud{top:28px;width:280px}body.immersive .play-controls{left:32px;right:32px;bottom:30px}.boss-hud{top:155px;left:20%;right:20%}}
@media(max-width:600px){.squad-chip{padding:9px 11px;gap:7px}.squad-chip strong{font-size:28px}.squad-chip small{font-size:7px}.boss-hud,body.immersive .boss-hud{top:150px;left:50%;right:auto;transform:translateX(-50%);width:54%}.boss-hud>div:first-child{font-size:7px}body.immersive .steer button{width:52px;height:52px}body.immersive .airstrike{min-width:125px;font-size:9px;padding:8px 12px}body.immersive .toast{top:48%}}
@media(max-height:500px){body.immersive .hud{top:75px}.squad-chip{padding:7px 10px}.squad-chip strong{font-size:25px}.squad-chip svg{width:17px}body.immersive .boss-hud{top:20px;width:230px}.play-controls,body.immersive .play-controls{bottom:12px}.steer button,body.immersive .steer button{height:43px;width:48px}body.immersive .airstrike{padding:5px 10px}.mission-progress,body.immersive .mission-progress{top:61px}}