:root{--ink:#f7fbff;--muted:#a6bfd0;--cyan:#5cf5ff;--yellow:#ffe258;--orange:#ff7a39;--navy:#07172e;--panel:#081427d1}*{box-sizing:border-box}html,body{background:var(--navy);width:100%;min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{color:inherit;font:inherit}.game-shell{isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(circle at 20% 10%,#35c1ea3d,#0000 38%),#07172e;width:100vw;height:100dvh;position:relative;overflow:hidden}.game-stage,.game-stage canvas{width:100%;height:100%;position:absolute;inset:0}.game-stage canvas{cursor:crosshair;outline:none;display:block}.sun-haze,.scanlines,.vignette{pointer-events:none;position:absolute;inset:0}.sun-haze{mix-blend-mode:screen;background:radial-gradient(circle at 20% 11%,#ffde8b42,#0000 24%)}.scanlines{z-index:5;opacity:.45;background:repeating-linear-gradient(#0000 0 4px,#07121f14 5px)}.vignette{z-index:6;box-shadow:inset 0 0 170px 45px #0107129e}.game-shell.is-hit:after{z-index:40;content:"";pointer-events:none;background:radial-gradient(circle,#0000 35%,#ff302e9e),#ff413024;animation:.13s ease-out both hit-flash;position:absolute;inset:0}@keyframes hit-flash{0%{opacity:1}to{opacity:0}}.top-hud{z-index:20;pointer-events:none;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:12px;display:grid;position:absolute;top:18px;left:22px;right:22px}.brand-lockup,.mission-chip,.squad-chip,.icon-button,.left-hud,.right-hud,.mission-prompt{background:linear-gradient(135deg, #132e4be6, #041022b8), var(--panel);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #79e1ff42;box-shadow:inset 0 1px #ffffff0f,0 14px 42px #0007133d}.brand-lockup{border-radius:14px;justify-self:start;align-items:center;min-width:218px;min-height:58px;padding:8px 13px 8px 8px;display:flex}.brand-mark{width:42px;height:42px;color:var(--cyan);letter-spacing:.08em;background:linear-gradient(145deg,#5cf5ff33,#ffe25824);border:1px solid #5cf5ff94;border-radius:11px;place-items:center;margin-right:11px;font-family:Arial Narrow,Impact,sans-serif;font-size:14px;font-weight:900;display:grid;box-shadow:inset 0 0 18px #45e8ff24}.brand-lockup strong,.brand-lockup small{text-transform:uppercase;display:block}.brand-lockup strong{letter-spacing:.08em;font-family:Arial Narrow,Impact,sans-serif;font-size:17px}.brand-lockup small{color:var(--muted);letter-spacing:.27em;margin-top:1px;font-size:9px;font-weight:800}.mission-chip,.squad-chip{text-align:center;border-radius:14px;min-height:58px;padding:10px 16px}.mission-chip span,.squad-chip span,.right-hud span{color:var(--cyan);letter-spacing:.18em;font-size:9px;font-weight:900;display:block}.mission-chip strong,.squad-chip strong{letter-spacing:.08em;margin-top:4px;font-family:Arial Narrow,Impact,sans-serif;font-size:14px;display:block}.squad-chip strong{color:var(--yellow)}.icon-button{min-height:44px;color:var(--cyan);letter-spacing:.1em;cursor:pointer;pointer-events:auto;border-radius:12px;padding:0 14px;font-size:9px;font-weight:900}.left-hud,.right-hud{z-index:20;pointer-events:none;border-radius:14px;position:absolute;top:102px}.left-hud{width:205px;padding:13px 15px;left:22px}.right-hud{text-align:right;grid-template-columns:repeat(2,auto);gap:18px;min-width:198px;padding:13px 15px;display:grid;right:22px}.right-hud strong{color:#fff;letter-spacing:.08em;margin-top:1px;font-family:Arial Narrow,Impact,sans-serif;font-size:22px;display:block}.right-hud em{color:var(--yellow);letter-spacing:.16em;grid-column:1/-1;margin-top:-8px;font-size:10px;font-style:normal;font-weight:900}.meter-block+.meter-block{margin-top:10px}.meter-label{color:var(--muted);letter-spacing:.16em;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:9px;font-weight:900;display:flex}.meter-label strong{color:#fff;font-size:11px}.meter{background:#ffffff1a;border-radius:100px;height:7px;position:relative;overflow:hidden}.meter>span{border-radius:inherit;height:100%;transition:width .15s ease-out;display:block}.health-fill{background:linear-gradient(90deg,#fb5c42,#ffda53);box-shadow:0 0 14px #ff723db3}.shield-fill{background:linear-gradient(90deg,#2e9dff,#66f7ff);box-shadow:0 0 14px #4be5ffbf}.crosshair{z-index:22;pointer-events:none;filter:drop-shadow(0 0 6px #48f4ffcc);width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i{background:#7efaffeb;border-radius:2px;display:block;position:absolute}.crosshair i:first-child,.crosshair i:nth-child(2){width:16px;height:2px;top:30px}.crosshair i:first-child{left:0}.crosshair i:nth-child(2){right:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:2px;height:16px;left:30px}.crosshair i:nth-child(3){top:0}.crosshair i:nth-child(4){bottom:0}.crosshair b{border:1px solid var(--yellow);border-radius:50%;width:6px;height:6px;position:absolute;top:28px;left:28px}.mission-prompt{z-index:20;color:#d9eef7;letter-spacing:.08em;text-align:center;text-transform:uppercase;border-radius:100px;max-width:min(520px,100vw - 280px);padding:10px 18px;font-size:11px;font-weight:800;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.overlay{z-index:50;background:linear-gradient(145deg, #0d2842f0, #040d1df5), var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #73e9ff4d;border-radius:24px;width:min(760px,100vw - 34px);padding:34px;animation:.42s cubic-bezier(.2,.8,.2,1) both card-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 100px #00040da3,inset 0 1px #ffffff14}.overlay:before,.overlay:after{content:"";background:var(--cyan);width:68px;height:3px;position:absolute;box-shadow:0 0 14px #40ebffe6}.overlay:before{top:-2px;left:34px}.overlay:after{bottom:-2px;right:34px}@keyframes card-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.eyebrow{color:var(--cyan);letter-spacing:.3em;text-align:center;font-size:10px;font-weight:900}.intro-card h1{letter-spacing:.015em;text-align:center;text-shadow:0 10px 32px #0006;margin:13px 0 0;font-family:Arial Narrow,Impact,Haettenschweiler,sans-serif;font-size:clamp(52px,7vw,88px);font-weight:900;line-height:.78}.intro-card h1 span{color:var(--yellow);letter-spacing:.12em;margin-top:14px;font-size:.54em;display:block}.tagline{color:#c8dbe7;text-align:center;margin:18px 0 16px;font-size:17px;font-weight:600}.squad-names{justify-content:center;align-items:center;gap:13px;margin:0 auto 24px;display:flex}.squad-names span{color:var(--yellow);letter-spacing:.16em;background:#ffe25814;border:1px solid #ffe25861;border-radius:100px;padding:6px 12px;font-size:11px;font-weight:900}.squad-names b{color:#ffffff59}.briefing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.briefing-grid>div{background:#ffffff09;border:1px solid #ffffff17;border-radius:14px;padding:15px 17px}.briefing-grid span{color:var(--orange);letter-spacing:.18em;font-size:9px;font-weight:900;display:block}.briefing-grid strong{margin-top:5px;font-size:14px;display:block}.briefing-grid p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.primary-action{color:#fff;cursor:pointer;letter-spacing:.12em;text-align:center;background:linear-gradient(#45eaf533,#219dc421),#061e31e0;border:1px solid #70faffd1;border-radius:13px;place-items:center;width:min(360px,100%);min-height:58px;margin:22px auto 0;padding:11px 24px;font-family:Arial Narrow,Impact,sans-serif;font-size:18px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:grid;box-shadow:0 0 0 4px #3adaf012,0 12px 36px #000c1d66,inset 0 1px #ffffff24}.primary-action:hover{background:linear-gradient(#4ff2ff4d,#23b6dd2e),#07253aeb;transform:translateY(-2px);box-shadow:0 0 0 5px #3adaf017,0 16px 44px #000c1d7a}.primary-action:active{transform:translateY(1px)}.primary-action small{color:#a8d8e3;letter-spacing:.12em;margin-top:3px;font-family:inherit;font-size:8px;display:block}.danger-action{background:linear-gradient(#ff853145,#a32b252e),#301516e0;border-color:#ff9b43e0}.controls-hint{color:#8da8b8;text-transform:uppercase;justify-content:center;gap:20px;margin-top:18px;font-size:9px;font-weight:700;display:flex}kbd{color:#d8eff7;font:inherit;background:#ffffff12;border:1px solid #ffffff29;border-radius:4px;padding:3px 5px}.compact-card{text-align:center;width:min(530px,100vw - 34px)}.compact-card h2{letter-spacing:.02em;margin:12px 0 8px;font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(36px,6vw,58px);line-height:1}.compact-card>p{max-width:450px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.65}.level-stamp{color:var(--cyan);letter-spacing:.18em;background:#43e2f414;border:1px solid #5df5ff73;border-radius:100px;padding:7px 11px;font-size:9px;font-weight:900;display:inline-block}.result-row{justify-content:center;gap:9px;margin-top:20px;display:flex}.result-row span{min-width:130px;color:var(--muted);letter-spacing:.11em;border:1px solid #ffffff17;border-radius:10px;padding:10px 14px;font-size:9px;font-weight:900}.result-row strong{color:#fff;margin-left:5px}.danger-text{color:#ff795c}.victory-card{background:radial-gradient(circle at 50% 0,#ffdb4a24,#0000 45%),linear-gradient(145deg,#0d2842f5,#040d1df7);border-color:#ffe25861}.victory-stars{color:var(--yellow);letter-spacing:.25em;text-shadow:0 0 20px #ffe1438c;margin-bottom:12px;font-size:20px}.final-score{margin:20px auto 0}.final-score span{color:var(--cyan);letter-spacing:.2em;font-size:9px;font-weight:900;display:block}.final-score strong{color:var(--yellow);letter-spacing:.08em;margin-top:2px;font-family:Arial Narrow,Impact,sans-serif;font-size:44px;display:block}.pause-button{z-index:28;width:44px;height:44px;color:var(--cyan);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071629c7;border:1px solid #6de6ff4d;border-radius:12px;place-items:center;font-weight:900;display:grid;position:absolute;bottom:22px;right:22px}.mobile-controls{display:none}@media (width<=820px),(pointer:coarse){.top-hud{grid-template-columns:1fr auto;top:10px;left:10px;right:10px}.brand-lockup{min-width:0;min-height:50px}.brand-mark{width:36px;height:36px}.brand-lockup strong{font-size:14px}.mission-chip{min-height:50px;padding:8px 12px}.squad-chip,.icon-button{display:none}.left-hud,.right-hud{top:73px}.left-hud{width:156px;padding:10px 12px;left:10px}.right-hud{gap:10px;min-width:150px;padding:10px 12px;right:10px}.right-hud strong{font-size:17px}.mission-prompt{max-width:calc(100vw - 220px);font-size:8px;bottom:92px}.pause-button{top:136px;bottom:auto;right:12px}.mobile-controls{z-index:30;pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.move-pad{pointer-events:auto;grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);gap:4px;display:grid}.move-pad button,.fire-button{color:#d7faff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07192cb8;border:1px solid #80eeff57;box-shadow:inset 0 1px #ffffff17}.move-pad button{border-radius:10px;font-size:15px}.move-pad button:first-child{grid-column:2}.move-pad button:nth-child(2){grid-area:2/1}.move-pad button:nth-child(3){grid-area:2/2}.move-pad button:nth-child(4){grid-area:2/3}.fire-button{color:#fff5c9;letter-spacing:.1em;pointer-events:auto;border:2px solid #ffbe4ead;border-radius:50%;width:84px;height:84px;font-family:Arial Narrow,Impact,sans-serif;font-size:16px;font-weight:900;box-shadow:inset 0 0 26px #ff652a3d,0 0 0 6px #ff7e2f14}.controls-hint{display:none}}@media (width<=620px){.overlay{border-radius:19px;max-height:calc(100dvh - 26px);padding:24px 18px;overflow-y:auto}.intro-card h1{font-size:clamp(42px,15vw,66px)}.tagline{margin:14px 0 12px;font-size:14px}.squad-names{margin-bottom:16px}.briefing-grid{grid-template-columns:1fr;gap:7px}.briefing-grid>div{padding:10px 12px}.primary-action{margin-top:15px}.mission-chip span{display:none}.mission-chip strong{font-size:11px}.mission-prompt{display:none}}@media (height<=680px){.intro-card{padding-top:22px;padding-bottom:22px}.intro-card h1{font-size:52px}.tagline{margin:12px 0}.squad-names{margin-bottom:14px}.briefing-grid>div{padding:10px 13px}.primary-action{min-height:50px;margin-top:14px}.controls-hint{margin-top:12px}}