:root{color-scheme:dark;--ink: #f4f7ff;--muted: #8e95b9;--muted-bright: #b7bfdf;--void: #070817;--panel: #0d1025;--panel-raised: #121633;--line: rgba(129, 142, 220, .2);--cyan: #59efff;--cyan-soft: rgba(89, 239, 255, .13);--pink: #ff55b5;--yellow: #ffe46c;--green: #72f3b4;--danger: #ff77b7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px;background:var(--void)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 14% -5%,rgba(74,47,166,.32),transparent 30rem),radial-gradient(circle at 90% 18%,rgba(13,163,196,.13),transparent 28rem),var(--void)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#app{position:relative;min-height:100vh;overflow:hidden}#app:before,#app:after{position:fixed;z-index:0;width:1px;height:100vh;background:linear-gradient(transparent,rgba(89,239,255,.3),transparent);content:"";pointer-events:none}#app:before{left:max(22px,calc((100vw - 1320px)/2))}#app:after{right:max(22px,calc((100vw - 1320px)/2))}.topbar,.app-shell,.site-footer{position:relative;z-index:1;width:min(1320px,calc(100% - 72px));margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.1em;box-shadow:4px 4px #ff55b58c}.brand-name{font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.brand-name strong{color:var(--cyan);font-weight:700}.topbar-center{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.status-dot.syncing{background:var(--yellow);box-shadow:0 0 12px var(--yellow);animation:pulse-dot .8s ease-in-out infinite alternate}.status-dot.offline,.status-dot.error{background:var(--pink);box-shadow:0 0 12px var(--pink)}.status-dot.ready{background:var(--green);box-shadow:0 0 12px var(--green)}.mute-button,.refresh-button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted-bright);cursor:pointer;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;transition:color .16s ease,transform .16s ease}.mute-button:hover,.refresh-button:hover{color:var(--cyan)}.mute-button:active,.refresh-button:active{transform:translateY(1px)}.speaker-icon{color:var(--cyan);font-size:14px;letter-spacing:-.2em}.mute-button.is-muted .speaker-icon{color:var(--pink)}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:28px;padding-block:46px 36px}.game-column,.side-column{min-width:0}.section-kicker,.game-card-topline,.side-heading,.game-footer,.briefing-meta{display:flex;align-items:center;justify-content:space-between}.section-kicker{margin-bottom:12px;color:var(--muted);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.section-kicker p{margin:0}.section-kicker p span{padding-inline:7px;color:var(--pink)}.phase-readout{color:var(--cyan)}.game-card,.leaderboard-card,.briefing-card{border:1px solid var(--line);background:linear-gradient(145deg,#16193be6,#0a0c1ef0);box-shadow:0 22px 75px #00000047}.game-card{padding:25px 25px 0}.game-card-topline{align-items:flex-start;padding-bottom:23px}.card-eyebrow{margin:0 0 9px;color:var(--cyan);font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.game-card h1,.side-heading h2,.briefing-card h2{margin:0;font-weight:500;letter-spacing:-.04em}.game-card h1{font-size:clamp(25px,3vw,40px);line-height:1}.mission-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(89,239,255,.24);color:var(--muted-bright);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.mission-chip span{width:5px;height:5px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink)}.hud{display:flex;align-items:center;min-height:75px;padding:0 19px;border:1px solid rgba(89,239,255,.2);border-bottom:0;background:#04081894}.hud-block{display:flex;flex-direction:column;gap:7px;min-width:65px}.hud-score{min-width:150px}.hud-label,.target-readout{color:var(--muted);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.hud-block strong{color:var(--ink);font:500 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}.hud-score strong{color:var(--cyan);text-shadow:0 0 14px rgba(89,239,255,.5)}.hud-block strong.critical,.hud-block #lives.critical{color:var(--pink);text-shadow:0 0 14px rgba(255,85,181,.55);animation:pulse-text .65s ease-in-out infinite alternate}.hud-divider{width:1px;height:30px;margin-inline:21px;background:var(--line)}.hud-spacer{flex:1}.target-readout{display:flex;flex-direction:column;gap:7px;text-align:right}.target-readout span:last-child{color:var(--green);font-size:10px}.game-stage{position:relative;overflow:hidden;border:1px solid rgba(89,239,255,.2);border-top-color:#59efff14;background:#080a1d;aspect-ratio:16 / 9;isolation:isolate}.game-stage:before,.game-stage:after{position:absolute;z-index:4;width:12px;height:12px;border-color:var(--cyan);content:"";pointer-events:none}.game-stage:before{top:9px;left:9px;border-top:1px solid;border-left:1px solid}.game-stage:after{right:9px;bottom:9px;border-right:1px solid;border-bottom:1px solid}#gameCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.stage-grid,.stage-noise{position:absolute;inset:0;pointer-events:none}.stage-grid{z-index:1;opacity:.45;background:linear-gradient(110deg,transparent 0 47%,rgba(89,239,255,.08) 47.1% 47.25%,transparent 47.35% 100%);mix-blend-mode:screen}.stage-noise{z-index:2;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.14) 4px,transparent 5px);mix-blend-mode:overlay}.stage-overlay{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;padding:28px;text-align:center;background:radial-gradient(circle,#0b0e2e3d,#070817b3)}.ready-overlay{align-content:center;padding-bottom:82px}.ready-mark{display:grid;width:47px;height:47px;margin-bottom:20px;place-items:center;border:1px solid var(--pink);color:var(--pink);font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.12em;box-shadow:0 0 24px #ff55b533,6px 6px #59efff4d;transform:rotate(45deg)}.ready-mark span{transform:rotate(-45deg)}.overlay-kicker{margin:0 0 12px;color:var(--cyan);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em}.stage-overlay h2{margin:0;font-size:clamp(24px,3.8vw,42px);font-weight:400;letter-spacing:-.055em}.stage-overlay h2 em{color:var(--pink);font-style:normal;text-shadow:0 0 20px rgba(255,85,181,.48)}.overlay-copy{max-width:330px;margin:15px 0 0;color:var(--muted-bright);font-size:13px;line-height:1.6}.gameover-overlay{background:#070817d1;backdrop-filter:blur(6px)}.gameover-card{width:min(430px,100%);padding:25px 27px 23px;border:1px solid rgba(255,85,181,.5);background:linear-gradient(145deg,#1b1139f0,#0d0c22f5);box-shadow:0 0 45px #ff55b51f}.gameover-card h2{font-size:clamp(27px,4vw,38px)}.final-score-label{display:flex;align-items:baseline;justify-content:space-between;margin:21px 0 19px;padding-bottom:13px;border-bottom:1px solid var(--line);color:var(--muted);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}.final-score-label strong{color:var(--yellow);font-size:24px;letter-spacing:0;text-shadow:0 0 15px rgba(255,228,108,.42)}.input-label{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--muted);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.input-label span:first-child{color:var(--muted-bright)}.input-row{display:flex;gap:7px}.input-row input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid rgba(89,239,255,.31);border-radius:0;outline:0;background:#040818ad;color:var(--ink);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;transition:border-color .16s ease,box-shadow .16s ease}.input-row input::placeholder{color:#646c91}.input-row input:focus{border-color:var(--cyan);box-shadow:0 0 18px #59efff26}.input-row button,.mission-action button{border:1px solid var(--cyan);border-radius:0;background:var(--cyan);color:#071021;cursor:pointer;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.input-row button{padding:0 15px}.input-row button:hover,.mission-action button:hover{background:#b4f8ff;box-shadow:0 0 22px #59efff59}.input-row button:active,.mission-action button:active{transform:translateY(1px)}.input-row button:disabled{cursor:wait;opacity:.6}.form-status{min-height:15px;margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.form-status.error{color:var(--danger)}.form-status.success{color:var(--green)}.form-status.active{color:var(--cyan)}.mission-action{position:absolute;z-index:5;right:50%;bottom:23px;display:flex;align-items:center;gap:13px;transform:translate(50%)}.mission-action button{min-width:190px;min-height:45px;padding:0 18px;box-shadow:0 0 24px #59efff2e}.mission-action span{color:var(--muted-bright);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;white-space:nowrap}.touch-controls{display:none;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px 4px;user-select:none}.touch-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,40px);gap:5px}.touch-up{grid-column:2}.touch-left{grid-column:1}.touch-down{grid-column:2}.touch-right{grid-column:3;grid-row:2}.touch-button,.touch-fire{border:1px solid rgba(89,239,255,.38);background:#0f1b39e6;color:var(--cyan);cursor:pointer;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-button{min-height:40px}.touch-button.is-pressed,.touch-fire.is-pressed{border-color:var(--pink);background:#ff55b533;color:#fff;box-shadow:0 0 18px #ff55b53d}.touch-fire{display:grid;width:78px;height:78px;place-items:center;border-color:#ff55b5a6;border-radius:50%;color:var(--pink);box-shadow:inset 0 0 0 5px #ff55b50f}.game-footer{min-height:57px;gap:20px;color:var(--muted)}.control-hint{display:flex;align-items:center;gap:5px;white-space:nowrap;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.keycap{display:grid;min-width:17px;height:17px;padding-inline:3px;place-items:center;border:1px solid rgba(142,149,185,.46);color:var(--muted-bright);font-size:8px}.wide-key{min-width:39px;margin-left:9px}.run-status{margin:0;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.3;text-align:right;text-overflow:ellipsis;white-space:nowrap}.run-status.active{color:var(--cyan)}.run-status.warning{color:var(--pink)}.side-column{display:flex;flex-direction:column;gap:20px;padding-top:35px}.leaderboard-card,.briefing-card{padding:24px}.side-heading{align-items:flex-end;margin-bottom:20px}.side-heading h2,.briefing-card h2{font-size:27px}.rank-count{padding:6px 7px;border:1px solid rgba(255,85,181,.27);color:var(--pink);font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.leaderboard{min-height:340px;border-top:1px solid var(--line)}.leaderboard-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;text-align:center}.loading-state{gap:9px;align-items:stretch;padding:0 22px}.loading-bar{display:block;width:100%;height:10px;background:linear-gradient(90deg,#59efff0a,#59efff2e,#59efff0a);animation:load-shimmer 1.1s ease-in-out infinite}.loading-bar.short{width:72%}.empty-mark{display:grid;width:31px;height:31px;margin-bottom:14px;place-items:center;border:1px solid rgba(89,239,255,.42);color:var(--cyan);font-size:20px;font-weight:300}.empty-state strong{color:var(--muted-bright);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.empty-state p{margin:10px 0 0;color:var(--muted);font-size:11px}.leaderboard-list{display:flex;flex-direction:column;gap:0;min-height:340px;margin:0;padding:7px 0 0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:33px;border-bottom:1px solid rgba(129,142,220,.1)}.leaderboard-row.top-row{min-height:43px;margin-bottom:4px;border-bottom-color:#ffe46c38;background:linear-gradient(90deg,rgba(255,228,108,.06),transparent)}.leaderboard-rank{color:var(--muted);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.top-row .leaderboard-rank{color:var(--yellow)}.leaderboard-name{overflow:hidden;color:var(--muted-bright);font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.leaderboard-score{color:var(--ink);font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.top-row .leaderboard-score{color:var(--yellow)}.leaderboard-note{margin:15px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.leaderboard-note.error{color:var(--pink)}.leaderboard-note.offline{color:var(--yellow)}.refresh-button{width:100%;justify-content:center;min-height:38px;margin-top:19px;border:1px solid var(--line);background:#59efff0a}.refresh-button span{color:var(--cyan);font-size:18px;font-weight:400}.briefing-card{position:relative;overflow:hidden;min-height:188px;border-color:#ff55b533}.briefing-orbit{position:absolute;top:-44px;right:-27px;width:135px;height:135px;border:1px solid rgba(255,85,181,.3);border-radius:50%;transform:rotate(-28deg) skew(-18deg)}.briefing-orbit:before,.briefing-orbit:after{position:absolute;inset:14px;border:1px solid rgba(89,239,255,.22);border-radius:50%;content:""}.briefing-orbit:after{inset:29px;border-color:#ffe46c40}.briefing-orbit span{position:absolute;top:24px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 13px var(--pink)}.briefing-card h2{position:relative;margin-bottom:12px}.briefing-card>p:not(.card-eyebrow){position:relative;max-width:245px;margin:0;color:var(--muted-bright);font-size:12px;line-height:1.65}.briefing-meta{justify-content:flex-start;gap:18px;margin-top:19px;color:var(--muted);font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.meta-dot{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%}.meta-dot.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.meta-dot.pink{background:var(--pink);box-shadow:0 0 8px var(--pink)}.site-footer{display:flex;justify-content:space-between;padding-block:0 25px;color:#626989;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.site-footer b{color:var(--green);font-weight:700}@keyframes pulse-dot{0%{opacity:.45}to{opacity:1}}@keyframes pulse-text{0%{opacity:.65}to{opacity:1}}@keyframes load-shimmer{0%{opacity:.35;transform:translate(-4%)}50%{opacity:1}to{opacity:.35;transform:translate(4%)}}@media (max-width: 1080px){.topbar,.app-shell,.site-footer{width:min(100% - 40px,900px)}.app-shell{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.game-card{padding-inline:18px}.hud-divider{margin-inline:13px}.hud-score{min-width:115px}}@media (max-width: 820px){.topbar,.app-shell,.site-footer{width:min(100% - 28px,680px)}.topbar{min-height:72px}.topbar-center{display:none}.app-shell{display:block;padding-top:28px}.side-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding-top:22px}.leaderboard-card,.briefing-card{padding:19px}.leaderboard,.leaderboard-state,.leaderboard-list{min-height:300px}}@media (max-width: 580px){.topbar,.app-shell,.site-footer{width:calc(100% - 24px)}.brand-name{font-size:11px}.mute-button{font-size:9px}.app-shell{padding-block:25px 25px}.game-card{padding:16px 12px 0}.game-card-topline{padding-bottom:17px}.mission-chip{padding:7px;font-size:8px}.hud{min-height:63px;padding:0 10px}.hud-score{min-width:94px}.hud-block{min-width:40px;gap:5px}.hud-block strong{font-size:18px}.hud-label{font-size:7px}.hud-divider{height:24px;margin-inline:7px}.target-readout{display:none}.ready-overlay{padding-bottom:73px}.ready-mark{width:36px;height:36px;margin-bottom:14px;font-size:10px}.overlay-copy{max-width:240px;margin-top:11px;font-size:11px}.mission-action{bottom:13px;gap:9px}.mission-action button{min-width:158px;min-height:39px;padding-inline:11px;font-size:9px}.mission-action span{display:none}.touch-controls{display:flex}.game-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;min-height:72px}.run-status{width:100%;text-align:left}.control-hint{display:none}.side-column{display:flex}.leaderboard-card,.briefing-card{padding:19px 16px}.leaderboard,.leaderboard-state,.leaderboard-list{min-height:290px}.input-row{flex-direction:column}.input-row button{min-height:39px}.site-footer{flex-direction:column;gap:9px;padding-bottom:18px;font-size:8px}}@media (min-width: 581px) and (pointer: coarse){.touch-controls{display:flex}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}