@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,900&family=Share+Tech+Mono&display=swap";:root{color-scheme:dark;--ink: #f7f8ff;--muted: #a4abc3;--panel: rgba(7, 9, 28, .78);--line: rgba(255, 255, 255, .17);--accent: #ff2a63;--accent-2: #46efff;--yellow: #ffe04f;font-family:Barlow Condensed,Arial Narrow,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#07091f}body{color:var(--ink)}button{font:inherit}#game-canvas{display:block;width:100%;height:100%;outline:none}.scanlines,.vignette{position:fixed;inset:0;z-index:4;pointer-events:none}.scanlines{opacity:.18;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.vignette{box-shadow:inset 0 0 13vw 2vw #00000abf}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;min-height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px clamp(16px,2.6vw,42px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#050718f2,#0507188c);backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;line-height:.82}.brand-kicker{color:var(--accent-2);font:700 10px/1 Share Tech Mono,monospace;letter-spacing:.28em;margin-bottom:7px}.brand strong{font-size:clamp(19px,2vw,27px);font-weight:900;font-style:italic;letter-spacing:-.04em}.brand i{color:var(--accent);font-style:italic}.mode-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);background:#00000047;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.mode-button{min-width:164px;height:52px;display:flex;align-items:center;gap:11px;padding:6px 15px;border:0;color:#a8aec1;background:transparent;cursor:pointer;text-align:left;transition:.16s ease}.mode-button:hover{color:#fff;background:#ffffff14}.mode-button.is-active{color:#07101b;background:var(--ink)}.mode-number{font:700 15px/1 Share Tech Mono,monospace;opacity:.58}.mode-button span:last-child{display:flex;flex-direction:column}.mode-button b{font-weight:900;font-size:16px;letter-spacing:.03em}.mode-button small{font:700 8px/1.1 Share Tech Mono,monospace;letter-spacing:.18em;opacity:.55}.quick-actions{justify-self:end;display:flex;gap:7px}.icon-button{min-width:62px;padding:9px 11px;border:1px solid var(--line);color:var(--ink);background:#0305148a;font:700 10px/1 Share Tech Mono,monospace;cursor:pointer}.icon-button:hover{border-color:var(--accent-2);color:var(--accent-2)}.reference-button{border-color:#ffe04f80;color:var(--yellow)}.hud{position:fixed;z-index:8;top:108px;left:clamp(16px,2.6vw,42px);right:clamp(16px,2.6vw,42px);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud-objective{width:min(360px,38vw)}.eyebrow{display:block;color:var(--accent-2);font:700 10px/1 Share Tech Mono,monospace;letter-spacing:.2em;margin-bottom:8px}.hud-objective strong{display:block;font-size:clamp(20px,2.5vw,34px);line-height:.95;font-style:italic;font-weight:900;letter-spacing:-.02em;text-shadow:0 3px 14px #000}.progress-track{width:100%;height:5px;margin-top:12px;background:#ffffff2e;overflow:hidden}.progress-track i{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--accent),var(--yellow));box-shadow:0 0 12px var(--accent);transition:width .22s ease}.hud-stats{display:flex;align-items:stretch;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px)}.stat{min-width:100px;padding:10px 16px;border-left:1px solid var(--line)}.stat:first-child{border-left:0}.stat span{display:block;color:var(--muted);font:700 9px/1 Share Tech Mono,monospace;letter-spacing:.18em}.stat b{display:block;margin-top:4px;font:700 23px/1 Share Tech Mono,monospace;white-space:nowrap}.stat-primary b{color:var(--yellow)}.stat.is-danger b{color:var(--accent);animation:dangerPulse .5s steps(2) infinite}.mission-card{position:fixed;z-index:8;left:clamp(16px,2.6vw,42px);bottom:72px;width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;padding:12px 15px;border-left:3px solid var(--accent);background:linear-gradient(90deg,#06081ce0,#06081c66);backdrop-filter:blur(7px);pointer-events:none}.mission-icon{color:var(--accent);font-size:34px;line-height:1}.mission-card small{color:var(--accent-2);font:700 9px/1 Share Tech Mono,monospace;letter-spacing:.2em}.mission-card p{margin:4px 0 0;color:#d3d7e7;font-size:14px;line-height:1.15}.controls-card{position:fixed;z-index:8;right:clamp(16px,2.6vw,42px);bottom:24px;display:flex;gap:7px;align-items:center;color:#929ab4;font:700 9px/1 Share Tech Mono,monospace;pointer-events:none}.controls-card kbd{margin-right:5px;padding:5px 7px;border:1px solid var(--line);color:#fff;background:#040613b3;font:inherit}.toast{position:fixed;z-index:20;left:50%;top:36%;transform:translate(-50%,18px) skew(-7deg);padding:8px 20px;color:#07101b;background:var(--yellow);font:900 clamp(20px,4vw,48px)/1 "Barlow Condensed",sans-serif;letter-spacing:.03em;opacity:0;pointer-events:none;transition:.18s ease}.toast.is-visible{opacity:1;transform:translate(-50%) skew(-7deg)}.toast.is-hit{background:var(--accent);color:#fff}.overlay,.result-panel{position:fixed;inset:0;z-index:30;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s}.overlay.is-visible,.result-panel.is-visible{visibility:visible;opacity:1}.overlay{overflow:hidden;background:radial-gradient(circle at 70% 42%,rgba(37,73,180,.23),transparent 36%),#040514d6;backdrop-filter:blur(7px)}.overlay-grid{position:absolute;inset:50% -20% -35%;transform:perspective(350px) rotateX(58deg);transform-origin:top;background-image:linear-gradient(rgba(70,239,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(70,239,255,.14) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.overlay-content{position:relative;width:min(700px,calc(100vw - 32px));text-align:center}.overlay-kicker{color:var(--accent-2);font:700 12px/1 Share Tech Mono,monospace;letter-spacing:.25em}.overlay h1{margin:17px 0 14px;font-size:clamp(64px,11vw,132px);font-style:italic;font-weight:900;line-height:.68;letter-spacing:-.075em;text-shadow:10px 12px 0 rgba(255,42,99,.25)}.overlay h1 em{color:var(--accent);font-style:inherit;-webkit-text-stroke:1px rgba(255,255,255,.25)}.overlay p{width:min(560px,90%);margin:28px auto 21px;color:#c4cada;font-size:18px;line-height:1.35}.overlay-meta{display:flex;justify-content:center;margin-bottom:24px}.overlay-meta span{min-width:132px;padding:8px 18px;border-left:1px solid var(--line)}.overlay-meta span:last-child{border-right:1px solid var(--line)}.overlay-meta small{display:block;color:#7f88a5;font:700 8px/1 Share Tech Mono,monospace;letter-spacing:.18em}.overlay-meta b{display:block;margin-top:4px;font-size:17px}.start-button{width:min(320px,85vw);display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:15px 17px 15px 22px;border:0;color:#06111d;background:var(--yellow);font-weight:900;font-size:18px;letter-spacing:.08em;cursor:pointer;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}.start-button:hover{background:#fff;transform:translateY(-2px)}.start-button b{display:grid;place-items:center;width:30px;height:30px;background:#07101b;color:#fff}.start-hint{display:block;margin-top:10px;color:#737d9b;font:700 9px/1 Share Tech Mono,monospace;letter-spacing:.14em}.result-panel{background:#040512e0;backdrop-filter:blur(9px);text-align:center}.result-panel>span{color:var(--accent-2);font:700 12px/1 Share Tech Mono,monospace;letter-spacing:.25em}.result-panel h2{margin:14px 0 0;color:var(--yellow);font-style:italic;font-size:clamp(64px,12vw,140px);line-height:.9;letter-spacing:-.06em}.result-panel p{margin:16px 0 26px;color:#bdc4d7;font-size:19px}.result-actions{display:flex;justify-content:center;gap:9px}.result-actions button{min-width:150px;padding:13px 20px;border:1px solid var(--line);color:#fff;background:#11152f;font-weight:900;cursor:pointer}.result-actions button:last-child{color:#07101b;border-color:var(--yellow);background:var(--yellow)}.reference-panel{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:clamp(14px,3vw,42px);visibility:hidden;opacity:0;background:#030410e6;backdrop-filter:blur(12px);transition:opacity .22s ease,visibility .22s}.reference-panel.is-visible{visibility:visible;opacity:1}.reference-window{width:min(1500px,100%);border:1px solid rgba(255,255,255,.24);background:#090b21;box-shadow:0 24px 90px #0000009e;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.reference-header,.reference-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px}.reference-header{border-bottom:1px solid var(--line)}.reference-header span{color:var(--accent-2);font:700 9px/1 Share Tech Mono,monospace;letter-spacing:.21em}.reference-header h2{margin:4px 0 0;font-size:clamp(22px,3vw,38px);line-height:.9;font-style:italic;letter-spacing:-.03em}.reference-header button{padding:10px 13px;border:1px solid var(--line);color:#fff;background:#161a36;font:700 10px/1 Share Tech Mono,monospace;cursor:pointer}.reference-header button:hover{color:#07101b;border-color:var(--yellow);background:var(--yellow)}.reference-viewport{width:100%;overflow-x:auto;overflow-y:hidden;background:#510006;scrollbar-color:var(--yellow) #161a36;scrollbar-width:thin}.reference-viewport img{display:block;width:max(100%,1100px);height:auto;image-rendering:pixelated}.reference-footer{border-top:1px solid var(--line)}.reference-footer p{margin:0;color:#b5bdd2;font-size:14px;line-height:1.25}.reference-footer span{flex:0 0 auto;color:var(--yellow);font:700 9px/1 Share Tech Mono,monospace;letter-spacing:.12em}.touch-controls{display:none}.loading-screen{position:fixed;inset:0;z-index:100;display:grid;place-content:center;gap:11px;background:#080a22;text-align:center;transition:.4s ease}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen span{font-weight:900;font-style:italic;font-size:26px}.loading-screen>div{width:230px;height:5px;background:#232844;overflow:hidden}.loading-screen i{display:block;height:100%;width:40%;background:var(--accent);animation:loading .8s ease-in-out infinite alternate}.loading-screen small{color:#737d9b;font:700 9px/1 Share Tech Mono,monospace;letter-spacing:.18em}#app[data-mode=chaotix]{--accent: #ff3b38;--accent-2: #6bffab;--yellow: #ffe754}#app.is-paused:after{content:"PAUSED";position:fixed;z-index:24;inset:0;display:grid;place-items:center;background:#0305128f;backdrop-filter:blur(4px);font-size:clamp(70px,15vw,180px);font-style:italic;font-weight:900;letter-spacing:-.05em}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes dangerPulse{50%{opacity:.35}}@media(max-width:900px){.topbar{grid-template-columns:1fr auto;min-height:72px}.mode-switcher{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:15;background:#050718e6}.quick-actions{display:flex}.quick-actions #sound-button,.quick-actions #pause-button{display:none}.hud{top:91px}.controls-card{display:none}.mission-card{bottom:84px}}@media(pointer:coarse),(max-width:680px){.topbar{padding:10px 14px;min-height:58px}.brand-kicker{font-size:7px;margin-bottom:5px}.brand strong{font-size:17px}.mode-switcher{width:calc(100% - 20px);bottom:calc(8px + env(safe-area-inset-bottom))}.mode-button{flex:1;min-width:0;height:46px;padding:4px 9px;justify-content:center}.mode-button b{font-size:14px}.mode-number{display:none}.hud{top:73px;left:12px;right:12px}.hud-objective{width:47vw}.eyebrow{font-size:7px;margin-bottom:5px}.hud-objective strong{font-size:18px}.progress-track{margin-top:7px}.compact-stat{display:none}.stat{min-width:72px;padding:8px 9px}.stat span{font-size:7px}.stat b{font-size:16px}.mission-card{display:none}.touch-controls{position:fixed;z-index:12;left:14px;right:14px;bottom:calc(72px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;pointer-events:none}.touch-cluster{display:flex;gap:9px;pointer-events:auto}.touch-cluster button{width:58px;height:58px;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:#fff;background:#06081c8c;backdrop-filter:blur(5px);font:800 11px/1 Share Tech Mono,monospace;touch-action:none;user-select:none}.touch-cluster button.is-pressed{background:var(--accent);transform:scale(.94)}.touch-cluster .jump-touch{width:68px;height:68px;margin-top:-10px;border-color:var(--yellow);color:#06111d;background:var(--yellow)}.overlay h1{font-size:clamp(58px,20vw,88px)}.overlay p{font-size:15px;margin-top:23px}.overlay-meta span{min-width:0;flex:1;padding-inline:8px}.overlay-meta b{font-size:14px}.result-actions{flex-direction:column;align-items:center}.reference-panel{padding:10px}.reference-header,.reference-footer{padding:12px}.reference-footer{align-items:flex-start;flex-direction:column;gap:8px}.reference-viewport img{width:1100px}}@media(max-height:640px){.overlay h1{font-size:62px;margin:11px 0 4px}.overlay p{margin:16px auto 12px}.overlay-meta{margin-bottom:12px}.mission-card{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}