@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Silkscreen:wght@400;700&display=swap";:root{color-scheme:dark;--cyan:#39f6ff;--pink:#ff3bd4;--amber:#ffb347;--green:#73ffb1;--ink:#050713;--panel:#0c1024;--muted:#8c92ad;font-family:Chakra Petch,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;background:#03040b}body{color:#f2f5ff;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.17) 4px);opacity:var(--crt,.68)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}.shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 70%,#16194c 0,#080a1d 46%,#03040b)}.stars{position:absolute;inset:-100px;opacity:.45;background-image:radial-gradient(#39f6ff 1px,transparent 1px),radial-gradient(#ff3bd4 1px,transparent 1px),radial-gradient(#ffb347 1px,transparent 1px);background-size:43px 43px,71px 71px,113px 113px;background-position:0 0,13px 17px,42px 9px;animation:drift 24s linear infinite}@keyframes drift{to{transform:translateY(113px)}}.menu{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px}.menu-card{position:relative;width:min(650px,100%);padding:46px;border:1px solid rgba(57,246,255,.35);background:linear-gradient(155deg,#111430f5,#060716fa);box-shadow:0 0 0 1px #050713,0 0 60px #39f6ff1f,inset 0 0 70px #ff3bd40b;clip-path:polygon(0 13px,13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%)}.menu-card:after{content:"";position:absolute;top:0;right:30px;width:110px;height:2px;background:linear-gradient(90deg,transparent,var(--pink))}.eyebrow,.pixel{font-family:Silkscreen,monospace;letter-spacing:.08em}.eyebrow{color:var(--cyan);font-size:11px;text-transform:uppercase}.menu h1{margin:14px 0 0;font:700 clamp(38px,8vw,72px)/.87 "Silkscreen";color:#fff;text-shadow:4px 4px 0 #682294,0 0 24px rgba(57,246,255,.58)}.menu h2{margin:14px 0 18px;font:700 clamp(20px,4vw,32px)/1.1 "Silkscreen";color:#fff}.subtitle{margin:19px 0 36px;color:#afb4d0;font-size:18px}.incoming{margin:-14px 0 20px;padding:10px 12px;border-left:2px solid var(--pink);background:#170f2a;color:#c7c5dc;font:11px Silkscreen}.incoming strong{color:var(--pink);letter-spacing:.18em}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary,.secondary,.icon-button,.hint-actions button{border:1px solid var(--cyan);color:#051219;background:var(--cyan);padding:13px 17px;font:10px Silkscreen;letter-spacing:.035em;box-shadow:4px 4px #176575;text-decoration:none;text-align:center}.secondary{background:transparent;color:var(--cyan);box-shadow:4px 4px #17657580}button:hover:not(:disabled),.feedback:hover{filter:brightness(1.17);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.38}.wide{width:100%}.join-row{margin-top:12px;display:flex;gap:10px}.join-row input{min-width:0;flex:1;padding:14px;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:.3em;border:1px solid #4a5173;background:#07091a;outline:none;font:13px Silkscreen}.join-row input:focus{border-color:var(--pink);box-shadow:0 0 16px #ff3bd42e}.micro{display:flex;justify-content:space-between;align-items:center;margin-top:27px;color:#6f7693;font-size:11px}.text-button{border:0;background:none;color:#b2b7ce;padding:6px}.error{min-height:21px;color:#ff829a;margin:13px 0 0;font-size:13px}.hidden{display:none!important}.lobby-card{max-width:590px}.room-code{margin:8px 0 13px;padding:11px;border:1px solid rgba(255,59,212,.35);background:#070817;color:#fff;text-align:center;font:700 30px Silkscreen;letter-spacing:.27em;text-indent:.27em;text-shadow:0 0 15px var(--pink)}.invite-link{display:block;margin-bottom:12px;color:#8c92ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px}.voice-check{display:flex;align-items:flex-start;gap:11px;margin:21px 0;padding:13px;border:1px solid #303752;background:#080b1d;color:#c6cae0;font-size:14px}.voice-check input{width:18px;height:18px;accent-color:var(--cyan)}.signal-pair{display:grid;grid-template-columns:74px 1fr 74px;align-items:center;margin:22px 0}.signal{display:grid;place-items:center;gap:7px;aspect-ratio:1;border:1px solid #37405e;background:#080b1d;color:#6f7693}.signal b{font:20px Silkscreen}.signal span{font:7px Silkscreen}.signal.ready{border-color:var(--green);color:var(--green);box-shadow:inset 0 0 20px #73ffb114,0 0 14px #73ffb11f}.link-line{height:1px;background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 13px);opacity:.45}#game{position:absolute;inset:0;display:grid;place-items:center}#game canvas{image-rendering:pixelated;max-width:100%;max-height:100%;box-shadow:0 0 95px #39f6ff21}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none}.hud{position:absolute;inset:0;z-index:10;pointer-events:none;font-family:Silkscreen,monospace;text-shadow:2px 2px #03040b}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:max(17px,env(safe-area-inset-top)) max(17px,env(safe-area-inset-right)) 17px max(17px,env(safe-area-inset-left))}.room-pill,.zone-pill{padding:9px 11px;font-size:9px;border:1px solid rgba(57,246,255,.35);background:#040612d4;color:var(--cyan);box-shadow:0 7px 20px #00000026}.zone-pill{color:#fff;border-color:#ff3bd466}.hud-bottom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(820px,calc(100% - 28px));text-align:center}.controls{display:inline-block;padding:8px 13px;background:#040612d6;color:#939ab8;font-size:7px;border-top:1px solid #343b5a}.notice,.interaction,.subtitle-box{margin:0 auto 10px;width:max-content;max-width:100%;padding:11px 16px;color:#fff;font-size:10px;background:#07091bf2;border-left:3px solid var(--amber);opacity:0;transform:translateY(8px);transition:.18s}.notice.show,.interaction.show,.subtitle-box.show{opacity:1;transform:none}.interaction{padding:8px 12px;color:var(--cyan);border-color:var(--cyan);font-size:8px}.subtitle-box{border-color:var(--pink);font-family:Chakra Petch;font-size:14px;text-shadow:none}.subtitle-box b{margin-right:8px;color:var(--pink);font:8px Silkscreen}.clue,.notebook{pointer-events:auto;position:absolute;z-index:35;top:72px;right:17px;width:min(320px,calc(100% - 34px));max-height:calc(100% - 145px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:18px;border:1px solid rgba(255,59,212,.55);background:linear-gradient(160deg,#0f0c2af7,#060818f7);box-shadow:8px 8px #2f0e3dad,0 0 35px #ff3bd414;text-shadow:none;-webkit-user-select:text;user-select:text}.notebook{right:auto;left:17px;border-color:#39f6ff8c;box-shadow:8px 8px #082c3cad}.clue-kicker{color:#797f9e;font-size:7px}.clue h2,.notebook h2{margin:10px 25px 13px 0;color:var(--pink);font-size:11px}.notebook h2{color:var(--cyan)}.clue p{margin:6px 0;color:#e1e4f4;font:15px Chakra Petch}.clue .hint-line{margin-top:9px;padding:7px;border-left:2px solid var(--amber);background:#1b1727;color:#ffe3b7;font-size:13px}.panel-close{position:absolute;top:8px;right:8px;border:0;background:transparent;color:#9298b3;font-size:22px}.answer{display:flex;gap:7px;margin-top:13px}.answer input{min-width:0;width:100%;padding:9px;text-transform:uppercase;background:#030510;color:#fff;border:1px solid #4d5575;outline:none;touch-action:manipulation}.answer button{border:0;padding:0 12px;background:var(--pink);color:#fff;font-weight:700}.hint-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.hint-actions button{padding:9px 6px;border-color:var(--amber);background:transparent;color:var(--amber);box-shadow:none;font-size:7px}.notebook-entry{display:grid;grid-template-columns:31px 1fr;align-items:center;width:100%;margin:7px 0;padding:10px 8px;border:1px solid #28334f;background:#080c20;color:#cbd0e5;text-align:left}.notebook-entry span{color:var(--cyan);font:8px Silkscreen}.notebook-entry b{font:9px Silkscreen}.empty-notebook{color:#8e95af;font:14px Chakra Petch;line-height:1.5}.icon-button{pointer-events:auto;position:absolute;bottom:17px;padding:9px 12px;color:var(--cyan);background:#040612e6;box-shadow:none}.notebook-button{left:17px}.settings-button{left:61px}.modal{pointer-events:auto;position:absolute;z-index:40;inset:0;display:grid;place-items:center;background:#02030ac7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings{width:min(480px,calc(100% - 30px));max-height:calc(100% - 30px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:25px;border:1px solid var(--cyan);background:#0c1024;box-shadow:0 0 50px #39f6ff1f}.settings h2{margin-top:0;color:var(--cyan);font-size:14px}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #252c49;font:13px Chakra Petch}.setting input[type=range]{accent-color:var(--cyan)}.setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink)}.key-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0}.key-bind{padding:8px 4px;border:1px solid #303a5d;background:#080b1b;color:#9fa6c0}.key-bind span,.key-bind b{display:block}.key-bind span{font-size:9px}.key-bind b{margin-top:5px;color:var(--cyan);font:7px Silkscreen}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.reconnect{position:absolute;z-index:45;inset:0;display:grid;place-items:center;pointer-events:auto;background:#03040cc9;color:var(--amber);font:12px Silkscreen;letter-spacing:.07em}.completion{pointer-events:auto;position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#ffb34733,#03040ce8 60%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.completion-card{width:min(510px,calc(100% - 30px));padding:40px;text-align:center;border:1px solid var(--amber);background:#0e0e1c;box-shadow:0 0 70px #ffb34733}.completion-card h2{margin:14px 0;color:#fff;font:clamp(25px,6vw,45px) "Silkscreen";text-shadow:0 0 20px var(--amber)}.completion-card p{margin-bottom:30px;color:#c5c3d2}.feedback{display:inline-block}.touch-controls,.rotate-device{display:none}.touch-controls{position:absolute;z-index:20;inset:auto 0 max(10px,env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));pointer-events:none}.touch-direction,.touch-actions{display:flex;align-items:flex-end;gap:10px;pointer-events:auto}.touch-button{display:grid;place-items:center;align-content:center;gap:5px;width:74px;height:74px;padding:0;border:1px solid rgba(57,246,255,.72);border-radius:18px;background:#050919b8;color:var(--cyan);box-shadow:inset 0 0 22px #39f6ff14,0 6px 24px #00000047;text-shadow:0 2px #03040b;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-button b{font:20px Silkscreen}.touch-button span{font:7px Silkscreen;letter-spacing:.04em}.touch-button.pressed,.touch-button[aria-pressed=true]{transform:translateY(2px) scale(.97);background:#39f6ff45;box-shadow:inset 0 0 28px #39f6ff47;filter:brightness(1.18)}.touch-jump{width:88px;height:88px;border-color:#ff3bd4d9;border-radius:50%;color:#fff;background:#481149b8;box-shadow:inset 0 0 26px #ff3bd41f,0 6px 24px #00000047}.touch-interact{border-color:#ffb347c7;color:var(--amber)}.touch-jump.pressed,.touch-jump[aria-pressed=true]{background:#ff3bd466}.rotate-device{position:absolute;z-index:60;inset:0;place-items:center;align-content:center;gap:14px;padding:30px;background:radial-gradient(circle,#171b45,#03040b 70%);color:var(--cyan);text-align:center;pointer-events:auto}.rotate-device p{max-width:280px;margin:0;font:11px/1.6 Silkscreen;letter-spacing:.06em}.rotate-icon{font-size:48px;color:var(--pink);animation:rotate-device 1.8s ease-in-out infinite}@keyframes rotate-device{50%{transform:rotate(90deg)}}.touch-capable .touch-controls{display:flex}.touch-capable .hud-bottom{bottom:calc(106px + env(safe-area-inset-bottom));width:min(52vw,540px)}.touch-capable .controls{display:none}.touch-capable .notebook-button,.touch-capable .settings-button{top:max(56px,calc(env(safe-area-inset-top) + 46px));bottom:auto}.touch-capable .notebook-button{left:max(12px,env(safe-area-inset-left))}.touch-capable .settings-button{left:max(56px,calc(env(safe-area-inset-left) + 44px))}.reduced-motion *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reduced-flashes .stars{opacity:.2}@media(max-width:650px){.menu-card{padding:28px 21px}.actions{grid-template-columns:1fr}.clue,.notebook{top:auto;bottom:calc(104px + env(safe-area-inset-bottom));max-height:52vh}.controls{display:none}.key-grid{grid-template-columns:repeat(2,1fr)}.hud-top{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}.room-pill,.zone-pill{font-size:7px}.completion-card{padding:27px 20px}}@media(max-height:520px)and (orientation:landscape){.menu{padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}.menu-card{max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:18px 22px}.menu h1{font-size:38px}.menu h2{margin:7px 0 10px;font-size:22px}.subtitle{margin:8px 0 14px;font-size:14px}.incoming{margin:0 0 9px}.micro{margin-top:12px}.voice-check{margin:10px 0;padding:8px}.signal-pair{margin:10px 0}.signal{aspect-ratio:auto;height:55px}.room-code{margin:5px 0 8px;padding:6px;font-size:22px}.invite-link{margin-bottom:7px}.hud-top{padding-top:max(8px,env(safe-area-inset-top))}.room-pill,.zone-pill{padding:7px 8px}.touch-button{width:68px;height:68px}.touch-jump{width:80px;height:80px}.touch-capable .hud-bottom{bottom:calc(91px + env(safe-area-inset-bottom))}.clue,.notebook{top:48px;bottom:calc(88px + env(safe-area-inset-bottom));max-height:none}}@media(orientation:portrait)and (max-width:900px){.touch-capable .game-shell .rotate-device{display:grid}}.notebook-entry span{grid-row:1/3}.notebook-entry small{display:block;margin-top:6px;color:#929ab7;font:12px Chakra Petch;line-height:1.35}