*{margin:0;padding:0}:root{--bg:#0a0f0c;--surface:#131a15;--accent:#34d399;--text:#e8ede9;--text-primary:var(--text);--text-secondary:color-mix(in srgb, var(--text) 55%, transparent);--border:color-mix(in srgb, var(--accent) 16%, var(--surface) 84%);--border-strong:color-mix(in srgb, var(--accent) 32%, var(--surface) 68%);--surface-hover:color-mix(in srgb, var(--surface) 85%, var(--text) 15%);--accent-hover:color-mix(in srgb, var(--accent) 85%, black 15%);--accent-muted:color-mix(in srgb, var(--accent) 22%, transparent);--accent-contrast:#08090b;--danger:#ff6b6b;--bg-gradient-end:color-mix(in srgb, var(--bg) 55%, black 45%)}html[data-theme=tropical_forest]{--bg:#0a0f0c;--surface:#131a15;--accent:#34d399;--text:#e8ede9}html[data-theme=neon_hacker]{--bg:#0a0e14;--surface:#12181f;--accent:#00ff9d;--text:#e0e6e3}html[data-theme=underwater_vault]{--bg:#06131c;--surface:#0d1e2a;--accent:#38bdf8;--text:#e3eef5}html[data-theme=ancient_temple]{--bg:#14100c;--surface:#1e1811;--accent:#d9a441;--text:#f0e9dd}html[data-theme=philosophy]{--bg:#0f172a;--surface:#1e293b;--accent:#a855f7;--text:#f1f5f9}html[data-theme=true_crime]{--bg:#0d0d0d;--surface:#1a1512;--accent:#ef4444;--text:#e2e8f0}html[data-theme=wall_street]{--bg:#020617;--surface:#0f172a;--accent:#22c55e;--text:#f8fafc}html[data-theme=cosmic_voyage]{--bg:#0b0314;--surface:#160d29;--accent:#f43f5e;--text:#f1f5f9}html[data-theme=glitch_arcade]{--bg:#0b071e;--surface:#170f35;--accent:#f43f5e;--text:#e0f2fe}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--bg) 0%, var(--bg-gradient-end) 65%);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .25s}.app{flex-direction:column;min-height:100vh;display:flex}.milky-way-bg{background-color:#020406}.milky-way-dust{filter:blur(50px);background:radial-gradient(at 45% 55%,#042f2e40 0%,#064e3b26 30%,#14b8a60a 55%,#0000 75%);width:160%;height:160%;animation:30s ease-in-out infinite alternate galaxy-breathe;position:absolute;top:-30%;left:-30%;transform:rotate(-35deg)}.milky-way-canvas{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes galaxy-breathe{0%{opacity:.85;transform:rotate(-33deg)scale(1)}to{opacity:1;transform:rotate(-37deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.milky-way-dust{animation:none}}.theme-bg-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tropical-forest-bg{background:radial-gradient(at 50% 25%,#0a2a15 0%,#04140a 50%,#010804 100%)}.tf-vine{filter:blur(1px);opacity:.85;background:linear-gradient(#08331aeb,#08331a80 60%,#0000);border-radius:50% 50% 40% 60%/60% 60% 40% 40%;width:90px;height:340px;position:absolute}.tf-vine--top-left{transform-origin:top;animation:22s ease-in-out infinite tf-sway-a;top:-60px;left:-30px}.tf-vine--top-right{transform-origin:top;animation:26s ease-in-out infinite tf-sway-b;top:-60px;right:-30px;transform:scaleX(-1)}.tf-vine--bottom-left{transform-origin:bottom;background:linear-gradient(#0000,#08331a80 40%,#08331aeb);width:70px;height:260px;animation:24s ease-in-out infinite reverse tf-sway-a;bottom:-80px;left:-20px}.tf-vine--bottom-right{transform-origin:bottom;background:linear-gradient(#0000,#08331a80 40%,#08331aeb);width:70px;height:260px;animation:20s ease-in-out infinite reverse tf-sway-b;bottom:-80px;right:-20px;transform:scaleX(-1)}@keyframes tf-sway-a{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes tf-sway-b{0%,to{transform:scaleX(-1)rotate(-3deg)}50%{transform:scaleX(-1)rotate(4deg)}}.tf-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.tf-mist{filter:blur(18px);background:linear-gradient(#0000 0%,#b4c8b40a 45%,#b4c8b41a 100%);width:120%;height:22%;animation:48s ease-in-out infinite alternate tf-mist-drift;position:absolute;bottom:0;left:-10%}@keyframes tf-mist-drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}@media (prefers-reduced-motion:reduce){.tf-vine,.tf-mist{animation:none}}.neon-hacker-bg{background:radial-gradient(at 20% 20%,#0d94881a 0%,#0000 45%),radial-gradient(at 80% 75%,#00ff9d0f 0%,#0000 50%),#020205}.nh-canvas{filter:blur(2.5px);width:100%;height:100%;position:absolute;top:0;left:0}.nh-grid{transform-origin:bottom;opacity:.55;width:200%;height:45%;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)perspective(320px)rotateX(62deg)}.nh-grid-lines{background-image:repeating-linear-gradient(90deg,#2dd4bf1f 0 1px,#0000 1px 48px),repeating-linear-gradient(0deg,#2dd4bf1f 0 1px,#0000 1px 48px);position:absolute;inset:0}.nh-grid-pulse{filter:blur(3px);background:linear-gradient(#0000 0%,#2dd4bf73 45%,#befdf4bf 50%,#2dd4bf73 55%,#0000 100%);height:40%;animation:5s linear infinite nh-pulse-travel;position:absolute;top:-40%;left:0;right:0}@keyframes nh-pulse-travel{0%{opacity:0;top:-40%}6%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@media (prefers-reduced-motion:reduce){.nh-grid-pulse{opacity:0;animation:none}}.underwater-vault-bg{background:radial-gradient(at 50% 0,#0a2438 0%,#041521 40%,#01070e 100%)}.uv-caustics{filter:blur(6px);mix-blend-mode:screen;background-image:radial-gradient(220px 90px at 20% 30%,#7dd3fc1a,#0000 60%),radial-gradient(260px 100px at 70% 60%,#5eead414,#0000 60%),radial-gradient(200px 80px at 45% 80%,#7dd3fc12,#0000 60%),radial-gradient(240px 90px at 85% 15%,#5eead417,#0000 60%);width:140%;height:140%;animation:26s ease-in-out infinite alternate uv-caustic-drift,9s ease-in-out infinite uv-caustic-shimmer;position:absolute;inset:-20%}@keyframes uv-caustic-drift{0%{transform:translate(-4%,-2%)rotate(-1.5deg)scale(1.05)}to{transform:translate(4%,3%)rotate(1.5deg)scale(1.12)}}@keyframes uv-caustic-shimmer{0%,to{opacity:.7}50%{opacity:1}}.uv-canvas{width:100%;height:100%;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.uv-caustics{animation:none}}.philosophy-bg{background:radial-gradient(at 50% 40%,#12141a 0%,#08090c 45%,#040508 100%)}.ph-ink{filter:blur(30px);background-image:radial-gradient(300px 220px at 30% 35%,#646e821a,#0000 65%),radial-gradient(260px 200px at 68% 60%,#46506417,#0000 65%),radial-gradient(240px 180px at 50% 80%,#787d8c12,#0000 65%);width:150%;height:150%;animation:34s ease-in-out infinite alternate ph-ink-breathe;position:absolute;inset:-25%}@keyframes ph-ink-breathe{0%{opacity:.75;transform:scale(.9)rotate(-2deg)}to{opacity:1;transform:scale(1.15)rotate(2deg)}}.ph-canvas{width:100%;height:100%;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.ph-ink{animation:none}}.ancient-temple-bg{background:radial-gradient(at 50% 30%,#14100a 0%,#0a0704 55%,#060302 100%)}.at-torch-flicker{background:radial-gradient(circle at 50% 45%,#e6be822e 0%,#c8a06412 35%,#0000 70%);animation:5.3s ease-in-out infinite at-torch-flicker;position:absolute;inset:0}@keyframes at-torch-flicker{0%{opacity:.55}6%{opacity:.72}11%{opacity:.4}19%{opacity:.68}27%{opacity:.46}35%{opacity:.6}42%{opacity:.38}51%{opacity:.75}59%{opacity:.45}68%{opacity:.65}76%{opacity:.5}84%{opacity:.7}92%{opacity:.42}to{opacity:.55}}.at-canvas{width:100%;height:100%;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.at-torch-flicker{opacity:.55;animation:none}}.true-crime-bg{background:radial-gradient(at 50% 40%,#0a0a0d 0%,#050506 50%,#030305 100%)}.tc-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.wall-street-bg{background:radial-gradient(at 50% 40%,#0c0c0c 0%,#070707 50%,#050505 100%)}.ws-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.cosmic-voyage-bg{background:#010105}.cv-nebula-glow{background:radial-gradient(at 70% 30%,#4c1d951f 0%,#1e3a8a1a 40%,#0000 80%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.cv-planet{background:#020208;border-radius:50%;width:55vw;height:55vw;position:absolute;bottom:-20vh;left:-10vw;box-shadow:inset -20px 20px 50px #6366f10a,-10px 10px 40px #000000e6}.cv-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.glitch-arcade-bg{background:#050806}.ga-scanlines{background-image:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;position:absolute;inset:0}.ga-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.navbar{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:relative}.navbar .brand{letter-spacing:.02em;color:var(--text-primary);font-size:1.15rem;font-weight:700;text-decoration:none}.navbar-right{align-items:center;gap:1.25rem;display:flex}.color-scheme-toggle{border:1px solid var(--border-strong);width:2.1rem;height:2.1rem;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;transition:border-color .15s,color .15s;display:flex}.color-scheme-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--accent)}.nav-links button{color:var(--text-secondary);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;padding:.45rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,color .15s}.nav-links button:hover{border-color:var(--accent);color:var(--accent)}.nav-player{color:var(--accent);font-weight:500}.nav-guest-label{color:var(--text-secondary);font-size:.85rem;font-style:italic}.save-progress-cta{font-weight:600;color:var(--accent)!important}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:3rem 2rem}h1{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 2rem;font-size:1.9rem;font-weight:700}.error{color:var(--danger);text-align:center;font-size:.9rem}.auth-success{color:var(--accent);text-align:center;font-size:.95rem;line-height:1.6}.auth-page{z-index:1;max-width:380px;margin:2rem auto;position:relative}.auth-page h1{text-align:center}.auth-form{text-align:left;flex-direction:column;gap:1.25rem;display:flex}.auth-form label{color:var(--text-secondary);flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.auth-form input{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);border-radius:8px;padding:.7rem .85rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted), 0 0 16px 0 var(--accent);outline:none}.password-field{display:flex;position:relative}.password-field input{flex:1;padding-right:2.75rem}.auth-form button.password-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.auth-form button.password-toggle:hover{color:var(--accent);background:0 0}.auth-form button.password-toggle:focus-visible{box-shadow:0 0 0 2px var(--accent-muted);outline:none}.auth-form button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:8px;padding:.8rem;font-size:1rem;font-weight:600;transition:background .15s}.auth-form button:not(:disabled):hover{background:var(--accent-hover)}.auth-form button:disabled{opacity:.5;cursor:default}.auth-form button.resend-verification-btn{color:var(--accent);border:1px solid var(--accent-muted);background:0 0;font-size:.9rem;font-weight:600}.auth-form button.resend-verification-btn:hover{border-color:var(--accent);background:0 0}.auth-page p{color:var(--text-secondary);text-align:center;margin-top:1.25rem}.auth-page a{color:var(--accent);text-decoration:none}.auth-page a:hover{text-decoration:underline}.auth-form-checkbox{align-items:flex-start;flex-direction:row!important;gap:.6rem!important}.auth-form-checkbox input{accent-color:var(--accent);cursor:pointer;margin-top:.2rem}.auth-form-checkbox span{font-weight:400;line-height:1.5}.auth-form-checkbox a{color:var(--accent);text-decoration:none}.auth-form-checkbox a:hover{text-decoration:underline}.footer{z-index:1;text-align:center;padding:1.5rem 2rem;position:relative}.footer a{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.footer-sep{color:var(--text-secondary);opacity:.5;margin:0 .6rem;font-size:.85rem}.footer a:hover{color:var(--accent)}.terms-page{z-index:1;max-width:640px;margin:0 auto;position:relative}.terms-page h2{color:var(--text-primary);margin:2rem 0 .75rem;font-size:1.1rem}.terms-page section:first-of-type h2{margin-top:0}.terms-page p{color:var(--text-secondary);margin:0;line-height:1.7}.terms-page a{color:var(--accent)}.terminal-loading{text-align:center;color:var(--text-secondary);padding:4rem 0}.game-shell{flex-direction:column;align-items:center;gap:2rem;display:flex}.game-shell>:not(.theme-bg-layer){z-index:1;position:relative}.game-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding-bottom:1.5rem;display:flex}.leave-room-btn{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .85rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,color .15s}.leave-room-btn:hover{border-color:var(--danger);color:var(--danger)}.leave-confirm{color:var(--text-secondary);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.leave-confirm-yes,.leave-confirm-cancel{cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-family:inherit;font-size:.78rem}.leave-confirm-yes{background:var(--danger);color:#08090b;border:none;font-weight:600}.leave-confirm-cancel{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0;transition:border-color .15s,color .15s}.leave-confirm-cancel:hover{border-color:var(--accent);color:var(--accent)}.timer-wrapper{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.timer-label{letter-spacing:.1em;color:var(--text-secondary);font-size:.65rem}.timer-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.timer-wrapper.pulsing .timer-value{animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.terminal-frame{background:var(--surface);border:1px solid var(--border-strong);text-align:center;width:100%;max-width:640px;box-shadow:0 0 40px -10px var(--accent);border-radius:16px;padding:2.5rem;transition:box-shadow .25s}.terminal-frame.key-frame{border-color:var(--accent)}.terminal-frame-bar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.terminal-node-count{letter-spacing:.08em;color:var(--text-secondary);font-size:.72rem;font-weight:600}.terminal-node-type{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);border:1px solid var(--accent-muted);border-radius:999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.terminal-node-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.3rem;font-weight:700}.challenge-content{-webkit-user-select:none;user-select:none}.terminal-node-prompt{color:var(--text-secondary);margin:0 0 2rem;font-size:1.05rem;line-height:1.7}.terminal-form{flex-direction:column;gap:1rem;display:flex}.terminal-input{border:1px solid var(--border-strong);background:var(--bg);color:var(--text-primary);text-align:center;border-radius:10px;padding:.85rem 1rem;font-family:inherit;font-size:1.05rem;transition:border-color .15s}.terminal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted), 0 0 16px 0 var(--accent);outline:none}.terminal-actions{gap:.75rem;display:flex}.execute-btn{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:10px;flex:2;padding:.85rem;font-size:1rem;font-weight:700;transition:background .15s}.execute-btn:hover{background:var(--accent-hover)}.execute-btn:disabled{opacity:.6;cursor:default}.exit-cta{width:100%;box-shadow:0 0 20px -4px var(--accent);margin-top:.5rem}.hint-btn{cursor:pointer;background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-muted);border-radius:10px;flex:1;padding:.85rem .75rem;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s}.hint-btn:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 30%, transparent)}.hint-btn:disabled{opacity:.5;cursor:default}.feedback{letter-spacing:.02em;margin:1.25rem 0 0;font-weight:700;line-height:1.5}.feedback--granted{color:var(--accent)}.feedback--denied{color:var(--danger);font-weight:600}.hint-stack{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.hint-text{color:var(--text-secondary);border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);text-align:left;border-radius:0 8px 8px 0;margin:0;padding:.6rem .75rem;font-size:.92rem;line-height:1.55}.hint-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-right:.5rem;font-size:.65rem;font-weight:700;display:inline-block}.how-to-play{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--border);text-align:left;counter-reset:htp;border-radius:12px;flex-direction:column;gap:.6rem;max-width:640px;margin:0 auto 2rem;padding:1.1rem 1.25rem;list-style:none;display:flex}.how-to-play li{color:var(--text-secondary);counter-increment:htp;padding-left:2.25rem;font-size:.95rem;line-height:1.5;position:relative}.how-to-play li:before{content:counter(htp);background:var(--accent-muted);width:1.6rem;height:1.6rem;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-.1rem;left:0}.how-to-play strong{color:var(--text-primary)}.breadcrumb{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.breadcrumb-segment{align-items:center;gap:.5rem;display:flex}.breadcrumb-step{letter-spacing:.03em;color:var(--text-secondary);border:1px solid var(--border-strong);white-space:nowrap;cursor:default;background:0 0;border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.78rem;font-weight:600}button.breadcrumb-step{cursor:pointer}.breadcrumb-step--unlocked{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.breadcrumb-step--solved{color:var(--accent);border-color:var(--accent)}.breadcrumb-step--locked{opacity:.55}.breadcrumb-step--exit{color:var(--text-secondary);border-style:dashed}.breadcrumb-step--ready{color:var(--accent-contrast);background:var(--accent);border-style:solid;border-color:var(--accent);box-shadow:0 0 16px -2px var(--accent);animation:1.4s ease-in-out infinite timer-pulse}.breadcrumb-connector{color:var(--border-strong);font-size:.8rem}.theme-hub{z-index:1;flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex;position:relative}.hub-subtitle{color:var(--text-secondary);margin:0}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;width:100%;display:grid}.hub-card{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.hub-card:hover{border-color:var(--accent);background:var(--surface-hover)}.hub-card-label{font-size:1.02rem;font-weight:700}.hub-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.level-map{z-index:1;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:640px;display:flex;position:relative}.level-map-header{align-items:center;gap:1rem;width:100%;display:flex}.level-map-back{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,color .15s}.level-map-back:hover{border-color:var(--accent);color:var(--accent)}.level-map-title{color:var(--text-primary);margin:0;font-size:1.2rem}.level-grid{grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:.75rem;width:100%;display:grid}.level-node{aspect-ratio:1;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;font-size:1rem;font-weight:700;transition:border-color .15s,background .15s;display:flex}.level-node:disabled{cursor:default;opacity:.45}.level-node.breadcrumb-step--unlocked{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent);box-shadow:0 0 16px -2px var(--accent)}.level-node.breadcrumb-step--solved{color:var(--accent);border-color:var(--accent);background:var(--surface)}.level-node.breadcrumb-step--locked{color:var(--text-secondary)}.grid-clue-list{text-align:left;flex-direction:column;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.grid-clue{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.grid-clue-direction{text-transform:capitalize;color:var(--accent);font-weight:700}.mc-options{flex-direction:column;gap:.6rem;margin-bottom:1rem;display:flex}.mc-option{border:1px solid var(--border-strong);background:var(--bg);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .15s,background .15s}.mc-option:hover{border-color:var(--accent)}.mc-option--selected{border-color:var(--accent);background:var(--accent-muted)}.fail-screen{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:560px;display:flex}.fail-title{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700;line-height:1.5}.near-miss{flex-direction:column;gap:.6rem;width:100%;display:flex}.near-miss-bar{background:var(--surface);border:1px solid var(--border);border-radius:999px;width:100%;height:8px;overflow:hidden}.near-miss-fill{background:var(--accent);height:100%;transition:width .4s}.near-miss-text{color:var(--text-secondary);margin:0;font-size:.92rem}.restart-btn{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:10px;padding:.8rem 1.75rem;font-weight:700;transition:background .15s}.restart-btn:hover{background:var(--accent-hover)}.success-screen{text-align:center;background:var(--surface);border:1px solid var(--accent);border-radius:16px;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:480px;padding:2.5rem;display:flex}.success-title{color:var(--text-primary);margin:0;font-size:1.4rem}.success-score{color:var(--text-secondary);margin:0}.success-score strong{color:var(--accent);font-size:1.5rem}.leaderboard-page table{border-collapse:collapse;width:100%;margin-top:1.5rem}.leaderboard-page th,.leaderboard-page td{border-bottom:1px solid var(--border);text-align:left;padding:.75rem 1rem}.leaderboard-page th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.leaderboard-page td{color:var(--text-primary)}.leaderboard-page tbody tr:hover{background:var(--surface-hover)}.landing{z-index:1;flex-direction:column;gap:4rem;display:flex;position:relative}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 0 1rem;display:flex}.landing-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.landing-title{letter-spacing:.08em;color:var(--text-primary);flex-direction:column;gap:.5rem;margin:0;font-size:3.2rem;font-weight:700;line-height:1.05;display:flex}.landing-title-sub{letter-spacing:-.01em;color:var(--text-secondary);font-size:1.5rem;font-weight:500}.landing-lede{max-width:620px;color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-btn{border-radius:8px;justify-content:center;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.landing-btn--primary{background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent)}.landing-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.landing-btn--ghost{color:var(--text-primary);border:1px solid var(--border-strong);background:0 0}.landing-btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.landing-cta-note{color:var(--text-secondary);font-size:.9rem}.landing-section{flex-direction:column;gap:1.25rem;display:flex}.landing-h2{letter-spacing:-.01em;color:var(--text-primary);text-align:center;margin:0;font-size:1.9rem;font-weight:700}.landing-section-lede{text-align:center;max-width:620px;color:var(--text-secondary);margin:0 auto;font-size:1rem;line-height:1.6}.landing-grid{gap:1.25rem;display:grid}.landing-grid--puzzles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-grid--rooms{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.landing-grid--steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing-card,.landing-step{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.landing-card-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.landing-card-body{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.landing-step-n{letter-spacing:.08em;color:var(--accent);font-size:.8rem;font-weight:700}.landing-room--tropical_forest{--bg:#0a0f0c;--surface:#131a15;--accent:#34d399;--text:#e8ede9}.landing-room--neon_hacker{--bg:#0a0e14;--surface:#12181f;--accent:#00ff9d;--text:#e0e6e3}.landing-room--underwater_vault{--bg:#06131c;--surface:#0d1e2a;--accent:#38bdf8;--text:#e3eef5}.landing-room--ancient_temple{--bg:#14100c;--surface:#1e1811;--accent:#d9a441;--text:#f0e9dd}.landing-room--philosophy{--bg:#0f172a;--surface:#1e293b;--accent:#a855f7;--text:#f1f5f9}.landing-room--true_crime{--bg:#0d0d0d;--surface:#1a1512;--accent:#ef4444;--text:#e2e8f0}.landing-room--wall_street{--bg:#020617;--surface:#0f172a;--accent:#22c55e;--text:#f8fafc}.landing-room--cosmic_voyage{--bg:#0b0314;--surface:#160d29;--accent:#f43f5e;--text:#f1f5f9}.landing-room--glitch_arcade{--bg:#0b071e;--surface:#170f35;--accent:#f43f5e;--text:#e0f2fe}.landing-room{background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.landing-room:before{content:"";background:radial-gradient(circle at 0% 0%, var(--accent-muted), transparent 55%);pointer-events:none;position:absolute;inset:0}.landing-room-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 12px 0 var(--accent);border-radius:50%}.landing-room-name{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.landing-room-tagline{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.landing-final{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:1rem;padding:2.5rem 2rem;display:flex}@media (width<=600px){.landing-title{font-size:2.4rem}.landing-title-sub{font-size:1.2rem}}.streak-banner{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border:1px solid var(--border-strong);border-radius:999px;align-items:center;gap:.5rem;margin:0 auto 1.25rem;padding:.5rem 1rem;display:inline-flex}.streak-flame{filter:drop-shadow(0 0 6px #ff8c0099);font-size:1.2rem}.streak-count{color:var(--accent);font-size:1.15rem;font-weight:800}.streak-label{color:var(--text-secondary);font-size:.85rem}.star-row{justify-content:center;gap:.35rem;display:flex}.star-row--lg{margin:.25rem 0 .5rem;font-size:2.6rem}.star-row--sm{font-size:1rem}.star{line-height:1;animation:.45s cubic-bezier(.2,1.4,.4,1) forwards star-pop;transform:scale(0)}.star--on{color:#ffcf3f;text-shadow:0 0 14px #ffcf3f99}.star--off{color:color-mix(in srgb, var(--text) 22%, transparent)}@keyframes star-pop{0%{transform:scale(0)rotate(-30deg)}to{transform:scale(1)rotate(0)}}.success-screen--celebrate{position:relative;overflow:hidden}.success-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0;font-size:.8rem;font-weight:700}.success-newbest{color:#ffcf3f;margin:.25rem 0 0;font-size:.95rem;font-weight:700;animation:.5s .6s both star-pop}.success-actions{flex-direction:column;gap:.75rem;width:100%;max-width:320px;margin-top:1.5rem;display:flex}.bonus-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.bonus-chip{color:var(--accent);background:var(--accent-muted);border:1px solid var(--border-strong);border-radius:999px;padding:.35rem .7rem;font-size:.82rem;font-weight:600;animation:.4s both chip-in}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.streak-line{color:var(--text-secondary);margin:1rem 0 0;font-size:.9rem}.streak-line strong{color:var(--accent)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.9;border-radius:2px;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-12px}.confetti-piece--0{background:var(--accent)}.confetti-piece--1{background:#ffcf3f}.confetti-piece--2{background:color-mix(in srgb, var(--accent) 50%, #fff)}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(120vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.confetti-piece{display:none}.star{animation:none;transform:scale(1)}}.level-map-stars{color:#ffcf3f;white-space:nowrap;margin-left:auto;font-size:.9rem;font-weight:700}.level-node{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.level-node-num{line-height:1}.level-node-stars{gap:1px;font-size:.55rem;line-height:1;display:flex}.ln-star{color:color-mix(in srgb, var(--text) 25%, transparent)}.ln-star--on{color:#ffcf3f}.ach-toast-stack{z-index:100;flex-direction:column;gap:.6rem;max-width:min(340px,100vw - 2rem);display:flex;position:fixed;top:1rem;right:1rem}.ach-toast{background:var(--surface);border:1px solid var(--accent);box-shadow:0 8px 30px -8px #0009, 0 0 20px -6px var(--accent);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem 1rem;animation:.45s cubic-bezier(.2,1.3,.4,1) both ach-in;display:flex}@keyframes ach-in{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.ach-toast-emoji{filter:drop-shadow(0 0 8px var(--accent-muted));font-size:1.9rem;line-height:1}.ach-toast-body{flex-direction:column;gap:1px;display:flex}.ach-toast-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.62rem;font-weight:700}.ach-toast-title{color:var(--text-primary);font-size:1rem;font-weight:700}.ach-toast-desc{color:var(--text-secondary);font-size:.82rem}.badges-panel{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--border);border-radius:12px;max-width:640px;margin:2.5rem auto 0;padding:1.25rem}.badges-head{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.badges-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.badges-count{color:var(--accent);font-size:.9rem;font-weight:700}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.75rem;display:grid}.badge{background:var(--bg);border:1px solid var(--border);text-align:center;opacity:.55;filter:grayscale(.7);border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .5rem;transition:transform .15s;display:flex}.badge--on{opacity:1;filter:none;border-color:var(--border-strong);background:color-mix(in srgb, var(--accent) 6%, var(--bg))}.badge--on:hover{transform:translateY(-2px)}.badge-emoji{font-size:1.7rem;line-height:1}.badge-name{color:var(--text-secondary);font-size:.68rem;font-weight:600;line-height:1.2}.badge--on .badge-name{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.ach-toast{animation:none}}.daily-cta{text-align:left;cursor:pointer;width:100%;max-width:640px;color:var(--text-primary);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface));border:1px solid var(--border-strong);border-radius:12px;align-items:center;gap:1rem;margin:0 auto 1.5rem;padding:1rem 1.25rem;transition:transform .15s,border-color .15s;display:flex}.daily-cta:hover{border-color:var(--accent);transform:translateY(-2px)}.daily-cta-icon{font-size:1.8rem;line-height:1}.daily-cta-body{flex-direction:column;flex:1;gap:2px;display:flex}.daily-cta-title{font-size:1.05rem;font-weight:700}.daily-cta-sub{color:var(--text-secondary);font-size:.85rem}.daily-cta-arrow{color:var(--accent);font-size:1.3rem}.daily-frame{max-width:560px;margin:0 auto}.daily-done{flex-direction:column;align-items:center;gap:.75rem;display:flex}.daily-done .star--on{color:var(--accent);text-shadow:0 0 14px var(--accent-muted)}.my-rank{background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 18%, var(--surface)), var(--surface));border:1px solid var(--accent);border-radius:12px;flex-direction:column;gap:.35rem;margin:0 0 1.5rem;padding:1.1rem 1.25rem;display:flex}.my-rank-main{align-items:baseline;gap:.6rem;display:flex}.my-rank-pos{color:var(--accent);font-size:2rem;font-weight:800;line-height:1}.my-rank-of,.my-rank-detail{color:var(--text-secondary);font-size:.9rem}.my-rank-detail strong{color:var(--text-primary)}.leaderboard-page tr.lb-me{background:var(--accent-muted);outline:1px solid var(--border-strong)}.leaderboard-page tr.lb-me td{color:var(--text-primary);font-weight:700}.tf-frond{z-index:1;pointer-events:none;width:0;height:0;position:absolute}.tf-frond--tl{animation:9s ease-in-out infinite tf-frond-tl;top:8px;left:46px}.tf-frond--tr{animation:11s ease-in-out infinite tf-frond-tr;top:8px;right:46px}.tf-frond--bl{animation:10.5s ease-in-out infinite tf-frond-bl;bottom:20px;left:40px}.tf-frond--br{animation:12s ease-in-out infinite tf-frond-br;bottom:20px;right:40px}.tf-blade{clip-path:polygon(50% 0%,66% 16%,58% 52%,50% 100%,42% 52%,34% 16%);transform-origin:bottom;filter:blur(.4px);background:linear-gradient(#145c2e73,#0b3f20cc 45%,#052211f5);width:34px;position:absolute;bottom:0;left:-17px}.tf-blade:nth-child(odd){opacity:.92}.tf-blade:nth-child(2n){opacity:.78}@keyframes tf-frond-tl{0%,to{transform:rotate(150deg)}50%{transform:rotate(158deg)}}@keyframes tf-frond-tr{0%,to{transform:rotate(210deg)}50%{transform:rotate(202deg)}}@keyframes tf-frond-bl{0%,to{transform:rotate(28deg)}50%{transform:rotate(36deg)}}@keyframes tf-frond-br{0%,to{transform:rotate(-28deg)}50%{transform:rotate(-36deg)}}@media (prefers-reduced-motion:reduce){.tf-frond{animation:none}.tf-frond--tl{transform:rotate(150deg)}.tf-frond--tr{transform:rotate(210deg)}.tf-frond--bl{transform:rotate(28deg)}.tf-frond--br{transform:rotate(-28deg)}}.uv-fish-track{will-change:transform;animation-name:uv-swim;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:0}.uv-fish-track--rev{animation-direction:reverse}.uv-fish-bob{animation-name:uv-bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.uv-fish{height:auto;fill:color-mix(in srgb, var(--accent) 42%, #0a2230);opacity:.5;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 30%, transparent));display:block}.uv-fish-eye{fill:#06131c}@keyframes uv-swim{0%{transform:translate(-14vw)}to{transform:translate(114vw)}}@keyframes uv-bob{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}@media (prefers-reduced-motion:reduce){.uv-fish-track,.uv-fish-bob{animation:none}.uv-fish-track{transform:translate(40vw)}}.at-pillar{z-index:1;opacity:.5;filter:blur(.4px);background:repeating-linear-gradient(0deg,#0006 0 2px,#0000 2px 44px),linear-gradient(90deg,#4a3c2899,#1c160f59);width:68px;position:absolute;top:0;bottom:0}.at-pillar--left{left:0;box-shadow:inset -16px 0 26px -12px #000000bf}.at-pillar--right{right:0;box-shadow:inset 16px 0 26px -12px #000000bf}.tc-rain{z-index:1;opacity:.4;background-image:repeating-linear-gradient(100deg,#0000 0 21px,#becde12e 21px 22px);animation:.55s linear infinite tc-rain-fall;position:absolute;inset:-25%}@keyframes tc-rain-fall{0%{transform:translateY(-22px)}to{transform:translateY(0)}}.cv-shooting{opacity:0;z-index:1;background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 7px 1px #fff}.cv-shooting:before{content:"";background:linear-gradient(90deg,#0000,#ffffffbf);width:90px;height:1px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.cv-shooting--1{animation:7s ease-in 2s infinite cv-shoot;top:12%;left:-8%}.cv-shooting--2{animation:9s ease-in 5.5s infinite cv-shoot;top:26%;left:-8%}.cv-shooting--3{animation:11s ease-in 9s infinite cv-shoot;top:18%;left:-8%}@keyframes cv-shoot{0%{opacity:0;transform:translate(0)}3%{opacity:1}14%{opacity:0;transform:translate(62vw,24vh)}to{opacity:0;transform:translate(62vw,24vh)}}.ws-arrows{z-index:1;position:absolute;inset:0}.ws-arrow{opacity:0;font-size:1.3rem;font-weight:700;position:absolute}.ws-arrow--up{color:#22c55e;animation:linear infinite ws-rise}.ws-arrow--down{color:#ef4444;animation:linear infinite ws-fall}.ws-arrow:first-child{animation-duration:8s;animation-delay:0s;top:50%;left:14%}.ws-arrow:nth-child(2){animation-duration:10s;animation-delay:1.5s;top:50%;left:30%}.ws-arrow:nth-child(3){animation-duration:9s;animation-delay:3s;top:50%;left:47%}.ws-arrow:nth-child(4){animation-duration:11s;animation-delay:.8s;top:50%;left:63%}.ws-arrow:nth-child(5){animation-duration:8.5s;animation-delay:2.2s;top:50%;left:78%}.ws-arrow:nth-child(6){animation-duration:10.5s;animation-delay:4s;top:50%;left:90%}@keyframes ws-rise{0%{opacity:0;transform:translateY(24vh)}12%{opacity:.7}88%{opacity:.7}to{opacity:0;transform:translateY(-24vh)}}@keyframes ws-fall{0%{opacity:0;transform:translateY(-24vh)}12%{opacity:.7}88%{opacity:.7}to{opacity:0;transform:translateY(24vh)}}.ga-sprites{z-index:1;position:absolute;inset:0}.ga-sprite{opacity:.55;background:var(--accent);clip-path:polygon(20% 0,80% 0,80% 20%,100% 20%,100% 60%,80% 60%,80% 80%,100% 80%,100% 100%,70% 100%,70% 80%,30% 80%,30% 100%,0 100%,0 80%,20% 80%,20% 60%,0 60%,0 20%,20% 20%);width:26px;height:20px;animation:linear infinite ga-descend;position:absolute}.ga-sprite:first-child{background:#f43f5e;animation-duration:11s;animation-delay:0s;left:12%}.ga-sprite:nth-child(2){background:#22d3ee;animation-duration:14s;animation-delay:3s;left:34%}.ga-sprite:nth-child(3){background:#a855f7;animation-duration:12s;animation-delay:6s;left:55%}.ga-sprite:nth-child(4){background:#f43f5e;animation-duration:15s;animation-delay:1.5s;left:72%}.ga-sprite:nth-child(5){background:#22d3ee;animation-duration:13s;animation-delay:4.5s;left:88%}@keyframes ga-descend{0%{opacity:0;transform:translateY(-12vh)}8%{opacity:.55}92%{opacity:.55}to{opacity:0;transform:translateY(112vh)}}.ph-glyphs{z-index:1;position:absolute;inset:0}.ph-glyph{color:var(--accent);opacity:.12;font-family:Georgia,Times New Roman,serif;font-size:2.6rem;animation:ease-in-out infinite ph-float;position:absolute}.ph-glyph:first-child{animation-duration:19s;animation-delay:0s;top:22%;left:12%}.ph-glyph:nth-child(2){animation-duration:23s;animation-delay:2s;top:30%;left:72%}.ph-glyph:nth-child(3){animation-duration:21s;animation-delay:4s;top:60%;left:40%}.ph-glyph:nth-child(4){animation-duration:25s;animation-delay:1s;top:68%;left:84%}.ph-glyph:nth-child(5){animation-duration:20s;animation-delay:3s;top:78%;left:24%}.ph-glyph:nth-child(6){animation-duration:24s;animation-delay:5s;top:14%;left:58%}@keyframes ph-float{0%,to{opacity:.08;transform:translateY(0)rotate(-6deg)}50%{opacity:.2;transform:translateY(-18px)rotate(6deg)}}.nh-scan{z-index:1;background:linear-gradient(#0000,#00ff9d12 50%,#0000);height:140px;animation:6s linear infinite nh-sweep;position:absolute;top:0;left:0;right:0}@keyframes nh-sweep{0%{transform:translateY(-140px)}to{transform:translateY(100vh)}}@media (prefers-reduced-motion:reduce){.tc-rain,.cv-shooting,.ws-arrow,.ga-sprite,.ph-glyph,.nh-scan{animation:none}.cv-shooting,.ws-arrow,.ga-sprite{opacity:0}}.level-node--premium{opacity:.85;border-style:dashed}.level-node-premium-badge{font-size:.7rem;line-height:1;position:absolute;top:4px;right:4px}.paywall-frame{max-width:480px;margin:0 auto}.paywall-perks{text-align:left;flex-direction:column;gap:.6rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.paywall-perks li{color:var(--text-secondary);padding-left:1.5rem;font-size:.92rem;line-height:1.5;position:relative}.paywall-perks li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}