@font-face{font-family:Orbitron;src:url(/fonts/orbitron_variable.ttf)format("truetype");font-display:swap}@font-face{font-family:Oxanium;src:url(/fonts/oxanium_variable.ttf)format("truetype");font-display:swap}:root{--font-body:"Oxanium", system-ui, sans-serif;--font-display:"Orbitron", sans-serif;--font-size-2xs:8px;--font-size-xs:9px;--font-size-sm:10px;--font-size-compact:11px;--font-size-base:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-heading-sm:19px;--font-size-heading-md:20px;--font-size-heading-lg:21px;--font-size-title:22px;--font-size-display-sm:42px;--font-size-display-md:55px;--font-size-display-lg:57px;--font-size-display-xl:58px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-page:var(--space-6);--space-container:34px;--space-container-compact:var(--space-4);--space-stack:var(--space-3);--space-section:var(--space-6);--size-control:52px;--space-control-inline:var(--space-7);--space-inline:18px;--width-xs:360px;--width-control-group:420px;--width-sm:470px;--width-md:620px;--width-lg:690px;--radius-sm:8px;--radius-md:10px;--radius-lg:18px;--radius-round:999px;--border-subtle:1px solid #11ddf459;--border-default:1px solid #11ddf466;--surface-raised:#080a11f0;--surface-control:#0b0e16db;--surface-action:#071018;--transition-fast:.18s;font-family:var(--font-body);color:#eef7ff;font-synthesis:none;--cyan:#11ddf4;--pink:#ef00de;--purple:#8757ff;--accent-warning:#ffd43b;--muted:#8e93a6;background:#020307}*{box-sizing:border-box}html{overscroll-behavior:none;background:#020307;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;width:100%;min-width:0;max-width:100%;height:100%;margin:0;position:fixed;inset:0;overflow:hidden}#root{width:100%;min-width:0;max-width:100%;height:100%;margin:0;overflow:hidden}html.game-pseudo-fullscreen,html.game-pseudo-fullscreen body,html.game-pseudo-fullscreen #root{width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{color:inherit}input:not([type=checkbox]):not([type=range]):focus,input:not([type=checkbox]):not([type=range]):focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--cyan)!important;outline:none!important;box-shadow:0 0 14px #11ddf438!important}.app-shell{isolation:isolate;background:radial-gradient(circle at 77% 13%,#00e5ff11,#0000 28%),radial-gradient(circle at 12% 89%,#ff00de12,#0000 26%),#020307;width:100%;max-width:100%;height:100dvh;position:relative;overflow:clip}.app-shell:before{content:"";z-index:-2;background:0 0;position:absolute;inset:0}.starfield{z-index:-1;pointer-events:none;position:absolute;inset:0}.starfield i{--offset-x:12px;--offset-y:-14px;background:var(--cyan);opacity:.6;will-change:transform,translate,opacity;border-radius:50%;width:4px;height:4px;animation:2.8s ease-in-out infinite alternate twinkle,6.5s ease-in-out infinite alternate drift-dot;position:absolute;box-shadow:0 0 8px}.starfield i:nth-child(3n){color:var(--pink);background:var(--pink)}.starfield i:nth-child(4n){color:var(--purple);background:var(--purple)}.starfield i:nth-child(2n){--offset-x:-16px;--offset-y:10px;animation-duration:3.3s,8s}.starfield i:nth-child(3n){--offset-x:9px;--offset-y:17px;animation-duration:2.5s,7.2s}.starfield i:nth-child(4n){--offset-x:-11px;--offset-y:-13px;animation-duration:3.7s,8.8s}.starfield i:nth-child(5n){--offset-x:18px;--offset-y:-7px;animation-duration:3s,7.7s}.starfield i:nth-child(7n){--offset-x:-8px;--offset-y:18px;animation-duration:4.1s,9.2s}.starfield i:first-child{top:29%;left:3%}.starfield i:nth-child(2){top:71%;left:9%}.starfield i:nth-child(3){top:17%;left:16%}.starfield i:nth-child(4){top:39%;left:23%}.starfield i:nth-child(5){top:76%;left:31%}.starfield i:nth-child(6){top:25%;left:38%}.starfield i:nth-child(7){top:61%;left:45%}.starfield i:nth-child(8){top:16%;left:52%}.starfield i:nth-child(9){top:35%;left:59%}.starfield i:nth-child(10){top:80%;left:67%}.starfield i:nth-child(11){top:31%;left:73%}.starfield i:nth-child(12){top:58%;left:81%}.starfield i:nth-child(13){top:21%;left:89%}.starfield i:nth-child(14){top:68%;left:96%}.starfield i:nth-child(15){top:89%;left:5%}.starfield i:nth-child(16){top:52%;left:14%}.starfield i:nth-child(17){top:10%;left:27%}.starfield i:nth-child(18){top:90%;left:34%}.starfield i:nth-child(19){top:44%;left:42%}.starfield i:nth-child(20){top:88%;left:50%}.starfield i:nth-child(21){top:69%;left:57%}.starfield i:nth-child(22){top:8%;left:64%}.starfield i:nth-child(23){top:52%;left:70%}.starfield i:nth-child(24){top:91%;left:77%}.starfield i:nth-child(25){top:42%;left:84%}.starfield i:nth-child(26){top:84%;left:92%}.starfield i:nth-child(27){top:28%;left:48%}.starfield i:nth-child(28){top:86%;left:19%}.start-screen{height:100%;padding:var(--space-page);place-items:center;display:grid;overflow-y:auto}.home-screen{isolation:isolate;position:relative}.home-screen>.home-panel{z-index:2;position:relative}.home-screen>.language-switch{z-index:8}.start-panel{text-align:center;width:min(500px,100%);padding:var(--space-7) var(--space-container)}.eyebrow{margin:0 0 var(--space-4);font:600 var(--font-size-lg)/1 var(--font-display);letter-spacing:.45em;color:var(--cyan)}.brand-lockup{width:min(var(--width-xs), 90vw);text-align:center;margin:auto}.brand-logo{object-fit:contain;width:100%;height:auto;margin:-42px auto -34px;display:block}.brand-lockup>p{color:#9193a0;letter-spacing:.28em;font:500 var(--font-size-base) var(--font-display)}.brand-lockup b{color:#ccd0df}@media (width>=901px) and (hover:hover) and (pointer:fine){.brand-lockup.broken-neon-flicker .brand-logo{animation:7.6s step-end infinite broken-logo-neon}}@keyframes broken-logo-neon{0%,6%,9%,18%,21%,45%,48%,70%,74%,to{opacity:1;filter:brightness()}7%,19%,46%,72%{opacity:.08;filter:brightness(.25)}8%,20%,47%,73%{opacity:.92;filter:brightness(1.2)}31%{opacity:.45;filter:brightness(.6)}32%{opacity:.04;filter:brightness(.2)}33%{opacity:1;filter:brightness(1.1)}}.start-panel h1{margin:var(--space-container) 0 var(--font-size-sm);font:650 var(--font-size-heading-lg) var(--font-display);letter-spacing:.08em}.start-copy{max-width:460px;margin:0 auto var(--space-6);color:#a8adbd;line-height:1.55}.name-field{max-width:var(--width-xs);margin:0 auto var(--font-size-lg);text-align:left;display:block}.name-field span{margin:0 0 7px var(--space-1);color:#7f8497;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.2em;display:block}.name-field input{width:100%;height:var(--size-control);border:var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-inline);color:#fff;background:var(--surface-control);letter-spacing:.12em;outline:0}.name-field input:focus{border-color:var(--cyan);box-shadow:0 0 14px #11ddf433}.neon-button{min-height:var(--size-control);padding:0 var(--space-control-inline);border-radius:var(--radius-md);background:var(--surface-action);font:650 var(--font-size-md) var(--font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #7e83978c}.neon-button:hover:not(:disabled){transform:translateY(-2px)}.neon-button:disabled{cursor:not-allowed;opacity:1;filter:saturate(.25)brightness(.65)}.neon-button.primary{border:2px solid var(--cyan);color:var(--cyan);box-shadow:0 0 12px #11ddf440,inset 0 0 16px #11ddf40f}.neon-button.buy-card-action{border-color:var(--accent-warning);color:var(--accent-warning);box-shadow:0 0 12px color-mix(in srgb,var(--accent-warning) 25%,transparent),inset 0 0 16px color-mix(in srgb,var(--accent-warning) 7%,transparent)}.spotify-button{width:var(--width-xs);max-width:100%;margin:0 auto var(--space-3);color:#7cf3a8;border:1px solid #42e882;display:block}.spotify-dot{color:#1ed760;margin-right:5px}.start-panel>.primary{width:var(--width-xs);max-width:100%}.home-panel{justify-items:center;display:grid}.home-panel .brand-lockup,.mode-panel .brand-lockup{margin-bottom:var(--space-8)}.home-actions{gap:var(--space-stack);width:var(--width-xs);max-width:100%;margin:0 auto;display:grid}.home-name-field{width:var(--width-xs);max-width:100%;margin:var(--space-6) auto var(--space-7)}.home-actions .neon-button{width:100%;margin:0}.join-game-button{border:2px solid var(--pink);color:#ff55ed;box-shadow:0 0 12px #ef00de2e,inset 0 0 16px #ef00de0d}.how-to-button{color:#bca8ff;border:1px solid #8757ffb3;box-shadow:0 0 12px #8757ff24}.mode-panel .eyebrow{margin-bottom:8px}.how-to-layout{width:min(var(--width-md),100%);text-align:center}.how-to-layout>.equalizer{height:46px;margin:0 auto -8px}.how-to-logo{margin-top:-42px}.how-to-panel{width:100%;margin-top:var(--space-section);padding:var(--space-container);text-align:left;border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:0 0 30px #11ddf41f}.how-to-panel h1{margin:0 0 var(--space-6);text-align:center;font:650 var(--font-size-title) var(--font-display);letter-spacing:.1em}.how-to-panel ol{gap:var(--font-size-lg);margin:0;padding:0;list-style:none;display:grid}.landing-shell{overflow:hidden}.landing-page{z-index:1;scroll-behavior:smooth;color:#f4f6fb;width:100%;max-width:100%;height:100dvh;position:relative;overflow:hidden auto}.landing-page:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#11ddf41f,#8757ff0a 42%,#0000 69%);border-radius:50%;width:min(760px,72vw);position:absolute;top:110px;right:-18vw}.landing-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#020307fa,#020307e0);border-bottom:1px solid #11ddf424;width:100%;min-width:0;position:sticky;top:0}.landing-nav-inner{grid-template-columns:220px 1fr 220px;align-items:center;width:min(1240px,100% - 48px);min-width:0;height:86px;margin:0 auto;display:grid}.landing-nav-brand{cursor:pointer;background:0 0;border:0;width:190px;height:64px;padding:0;display:block}.landing-nav-brand img{object-fit:contain;width:100%;height:100%;display:block}.landing-nav-inner nav{justify-content:center;gap:var(--space-8);display:flex}.landing-nav-inner nav button{padding:var(--space-2);color:#8f95a8;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.16em;cursor:pointer;transition:color var(--transition-fast),text-shadow var(--transition-fast);background:0 0;border:0}.landing-nav-inner nav button:hover{color:var(--cyan);text-shadow:0 0 12px #11ddf473}.landing-nav-inner .language-switch{justify-self:end;position:static}.landing-hero{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(44px,7vw,110px);width:min(1180px,100% - 48px);min-height:calc(100dvh - 86px);margin:0 auto;padding:76px 0 96px;display:grid}.landing-hero-copy,.landing-visual{min-width:0}.landing-kicker,.landing-section-heading>p{margin:0 0 var(--space-4);color:var(--cyan);font:600 var(--font-size-compact) var(--font-display);letter-spacing:.32em;text-transform:uppercase}.landing-hero h1{max-width:760px;font:700 clamp(42px,5.8vw,76px)/1.04 var(--font-display);letter-spacing:.015em;text-wrap:balance;margin:0}.landing-hero h1:after{content:"";width:118px;height:3px;margin:var(--space-6) 0;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));display:block;box-shadow:0 0 16px #ef00de99}.landing-lead{max-width:650px;margin:0 0 var(--space-8);color:#a7adbd;font-size:clamp(16px,1.6vw,20px);line-height:1.62}.landing-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-actions .neon-button{min-width:190px}.landing-highlights{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.landing-highlights span{border-radius:var(--radius-round);color:#888fa3;font:600 var(--font-size-xs) var(--font-display);letter-spacing:.12em;background:#080a11db;border:1px solid #8757ff42;padding:8px 12px}.landing-visual{min-height:590px;padding:var(--space-8);isolation:isolate;background:linear-gradient(155deg,#0c0f19f5,#04050af5);border:1px solid #8757ff47;border-radius:32px;position:relative;box-shadow:0 0 70px #8757ff21,inset 0 0 80px #11ddf406}.landing-visual:before,.landing-visual:after{content:"";z-index:-1;filter:blur(2px);border-radius:50%;position:absolute}.landing-visual:before{background:#11ddf414;width:150px;height:150px;top:-48px;right:-42px;box-shadow:0 0 70px #11ddf42e}.landing-visual:after{background:#ef00de12;width:170px;height:170px;bottom:-38px;left:-36px;box-shadow:0 0 70px #ef00de29}.landing-brand-stage{margin:-6px auto var(--space-4);justify-items:center;display:grid}.landing-brand-stage>.equalizer{width:250px;height:62px;margin-bottom:-10px;transform:translateY(-8px)}.landing-brand-stage>img{width:min(400px,100%);margin:-50px 0 -48px}.landing-brand-stage>small{color:#878d9e;font:500 var(--font-size-sm) var(--font-display);letter-spacing:.26em}.landing-mystery-card{justify-items:center;gap:var(--space-3);width:min(330px,88%);margin:var(--space-7) auto;padding:var(--space-6);border-radius:var(--radius-lg);background:#070910;border:1px solid #ef00de94;display:grid;box-shadow:0 0 26px #ef00de26}.landing-mystery-card>span{border:2px solid var(--cyan);width:58px;height:58px;color:var(--cyan);font:700 28px var(--font-display);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 18px #11ddf438}.landing-mystery-card>div{justify-content:center;align-items:end;gap:5px;height:38px;display:flex}.landing-mystery-card i{background:var(--cyan);transform-origin:bottom;border-radius:3px 3px 0 0;width:5px;animation:1s ease-in-out infinite alternate landing-wave;display:block;box-shadow:0 0 8px}.landing-mystery-card i:first-child{height:18px}.landing-mystery-card i:nth-child(2){background:#3fa4ff;height:34px;animation-delay:-.24s}.landing-mystery-card i:nth-child(3){background:#7168ff;height:25px;animation-delay:-.42s}.landing-mystery-card i:nth-child(4){background:#8f4cf2;height:12px;animation-delay:-.1s}.landing-mystery-card i:nth-child(5){background:#b62ddd;height:29px;animation-delay:-.36s}.landing-mystery-card i:nth-child(6){background:#d21ccd;height:20px;animation-delay:-.56s}.landing-mystery-card i:nth-child(7){background:var(--pink);height:36px;animation-delay:-.18s}.landing-mystery-card p{color:#a2a8b8;font-size:var(--font-size-md);text-align:center;margin:0}.landing-demo-timeline{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-width:0;display:flex}.landing-demo-timeline article{border-radius:var(--radius-md);text-align:center;background:linear-gradient(145deg,#0c1520,#090b13);border:1px solid #11ddf46b;flex:0 132px;place-items:center;min-width:0;height:92px;padding:9px;display:grid}.landing-demo-timeline article.mystery{border-color:var(--pink);box-shadow:0 0 18px #ef00de33}.landing-demo-timeline strong{color:var(--cyan);font:650 var(--font-size-xl) var(--font-display)}.landing-demo-timeline .mystery strong{color:var(--pink)}.landing-demo-timeline span{color:#f2f4fa;max-width:100%;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-demo-timeline small{color:#81879a;max-width:100%;font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-demo-timeline>b{border:1px solid var(--cyan);width:30px;height:30px;color:var(--cyan);border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.landing-section{width:min(1180px,100% - 48px);margin:0 auto;padding:110px 0;scroll-margin-top:86px}.landing-section-heading{max-width:780px;margin-bottom:var(--space-10)}.landing-section-heading h2,.landing-final-cta h2{font:700 clamp(30px,4vw,50px)/1.12 var(--font-display);letter-spacing:.025em;text-wrap:balance;margin:0}.landing-steps{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-steps article{min-height:250px;padding:var(--space-7);border-radius:var(--radius-lg);background:linear-gradient(145deg,#0a0e17fa,#05060bfa);border:1px solid #11ddf433;position:relative;overflow:hidden}.landing-steps article:after{content:"";border:1px solid #11ddf41f;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-65px;right:-50px;box-shadow:0 0 42px #11ddf412}.landing-steps article>span,.landing-mode-grid article>span{color:var(--pink);font:650 var(--font-size-sm) var(--font-display);letter-spacing:.16em}.landing-steps h3,.landing-mode-grid h3{margin:58px 0 var(--space-3);color:#f1f4fb;font:650 var(--font-size-heading-sm) var(--font-display);letter-spacing:.06em}.landing-steps p,.landing-mode-grid p{color:#969daf;font-size:var(--font-size-lg);margin:0;line-height:1.6}.landing-text-link{margin:var(--space-7) auto 0;padding:var(--space-3);color:var(--cyan);font:600 var(--font-size-md) var(--font-display);letter-spacing:.1em;cursor:pointer;background:0 0;border:0;display:block}.landing-modes{position:relative}.landing-mode-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-mode-grid article{min-height:210px;padding:var(--space-6);border-radius:var(--radius-lg);background:#070910;border:1px solid #8757ff47}.landing-mode-grid article.multi{border-color:#ef00de57}.landing-mode-grid article.cast{background:linear-gradient(120deg,#11ddf40f,#070910 45%,#ef00de0d);border-color:#11ddf45c}.landing-steps article>span,.landing-mode-grid article>span{font-size:var(--font-size-xl)}.landing-mode-grid h3{margin-top:42px}.landing-final-cta{width:min(1000px,100% - 48px);padding:80px var(--space-8);text-align:center;background:radial-gradient(circle at 50% 0,#8757ff26,#0000 48%),#070910;border:1px solid #ef00de7a;border-radius:30px;justify-items:center;margin:64px auto 120px;display:grid;overflow:hidden;box-shadow:0 0 48px #ef00de1a}.landing-final-cta>.equalizer{height:58px;margin-bottom:var(--space-5)}.landing-final-cta>p{max-width:650px;margin:var(--space-4) auto var(--space-7);color:#9ba2b3;font-size:var(--font-size-lg);line-height:1.6}.landing-final-cta .landing-actions{justify-content:center}.landing-footer{align-items:center;gap:var(--space-6);width:min(1180px,100% - 48px);padding:var(--space-7) 0;color:#717789;border-top:1px solid #11ddf421;grid-template-columns:210px 1fr auto;margin:0 auto;display:grid}.landing-footer img{width:190px}.landing-footer p{text-align:center;margin:0}.landing-footer span{font-size:var(--font-size-xs);white-space:nowrap}@keyframes landing-wave{0%{transform:scaleY(.58)}to{transform:scaleY(1)}}.how-to-panel li{align-items:center;gap:var(--space-4);grid-template-columns:44px 1fr;display:grid}.how-to-panel li>span{border:2px solid var(--cyan);border-radius:var(--radius-md);width:44px;height:44px;color:var(--cyan);font:600 var(--font-size-xl) var(--font-display);place-items:center;display:grid;box-shadow:0 0 10px #11ddf41f}.how-to-panel li p{color:#b3b8c7;margin:0;line-height:1.45}.multiplayer-start{width:var(--width-xs);max-width:100%;margin-top:var(--font-size-sm);border:1px solid var(--pink);color:#ff55ed;box-shadow:0 0 12px #ef00de2e}.spotify-status{margin:var(--space-1) 0 15px;color:#8ddca9;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.08em}.spotify-status span{background:#1ed760;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #1ed760}.error-message,.floating-error{color:#ff7fae;font-size:var(--font-size-md)}.room-notice{z-index:100;top:max(var(--space-8),env(safe-area-inset-top));min-width:min(360px,calc(100vw - 2 * var(--space-page)));padding:var(--space-4) var(--space-6);border:2px solid var(--accent-warning);border-radius:var(--radius-md);color:var(--accent-warning);box-shadow:0 0 20px color-mix(in srgb,var(--accent-warning) 28%,transparent),inset 0 0 16px color-mix(in srgb,var(--accent-warning) 6%,transparent);text-align:center;font:650 var(--font-size-md) var(--font-display);letter-spacing:.08em;background:#151207;position:fixed;left:50%;transform:translate(-50%)}.setup-hint{color:#a1a5b5;font-size:var(--font-size-base)}.setup-hint code{color:var(--cyan)}.language-switch{z-index:8;top:max(var(--space-page), env(safe-area-inset-top));right:var(--space-7);padding:var(--space-1);border-radius:var(--radius-md);background:#07090fb8;border:1px solid #7a819740;gap:5px;display:flex;position:absolute}.language-switch button{color:#777d90;width:37px;height:30px;font:600 var(--font-size-sm) var(--font-display);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0;border-radius:6px;padding:0}.language-switch button:hover{color:#d7deea}.language-switch button.active{color:var(--cyan);background:#11ddf41a;box-shadow:inset 0 0 8px #11ddf41f}.equalizer{justify-content:center;align-items:flex-end;gap:7.65px;width:196px;height:64px;margin:0 auto;display:flex}.equalizer i{--scale-min:.25;--scale-max:.7;--animation-duration:.6s;--animation-delay:0s;--element-color:var(--cyan);width:var(--space-1);flex:0 0 var(--space-1);border-radius:var(--radius-round);height:56px;transform:scaleY(var(--scale-max));transform-origin:bottom;background:var(--element-color);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--element-color) 20%, transparent), 0 0 8px 3px color-mix(in srgb, var(--element-color) 8%, transparent);display:block}.equalizer.is-active i{animation:equalize var(--animation-duration) var(--animation-delay) ease-in-out infinite alternate}.brand-lockup>.equalizer{z-index:1;margin-bottom:-8px;position:relative}.game-header{z-index:3;top:max(26px, env(safe-area-inset-top));width:min(var(--width-lg), calc(100% - var(--space-10)));grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;left:50%;transform:translate(-50%)}.game-header-actions{justify-self:start;align-items:center;gap:var(--space-4);display:flex}.quit-button{margin-top:var(--font-size-md);color:#7e8397;font:500 var(--font-size-base) var(--font-display);cursor:pointer;background:0 0;border:0;justify-self:start}.quit-button span{font-size:var(--font-size-heading-md);vertical-align:-2px}.fullscreen-button{margin-top:var(--font-size-md);color:#7e8397;font:500 var(--font-size-base) var(--font-display);cursor:pointer;background:0 0;border:0;padding:0}.fullscreen-button span{color:var(--cyan);font:600 var(--font-size-lg) sans-serif;vertical-align:-1px;margin-right:5px}.fullscreen-button:hover,.quit-button:hover{color:#d4d9e5}:-webkit-any(:fullscreen .fullscreen-button,:-webkit-full-screen .fullscreen-button,.game-pseudo-fullscreen .fullscreen-button){display:none}:is(:fullscreen .fullscreen-button,:fullscreen .fullscreen-button,.game-pseudo-fullscreen .fullscreen-button){display:none}.player-badge{color:#858a9d;font-size:var(--font-size-compact);justify-items:center;gap:5px;display:grid}.player-badge strong{color:#b4bac9;width:49px;height:49px;box-shadow:0 0 var(--space-3) #11ddf447;font:600 var(--font-size-md) var(--font-display);border:2px solid #11ddf48c;border-radius:50%;place-items:center;display:grid}.score-board{text-align:center;color:#858a9d;font:500 var(--font-size-sm) var(--font-display);letter-spacing:.08em;justify-self:end}.score-board p{margin:0 0 6px}.score-board>div{gap:28px;display:flex}.score-board span{gap:4px;display:grid}.score-board strong{font-size:20px;font-weight:500}.pink{color:var(--pink);text-shadow:0 0 12px var(--pink)}.cyan{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}.play-zone{width:min(var(--width-sm), calc(100% - var(--space-8)));text-align:center;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.player-card{border-radius:var(--radius-lg);height:225px;box-shadow:0 0 var(--space-4) #ef00de4d, inset 0 0 var(--space-5) #5f20681a;background:#0a0b12e0;border:1px solid #ef00dea6;place-content:center;padding:25px;display:grid}.player-card.is-revealed{border-color:#11ddf499}.listen-label{margin:var(--font-size-lg) 0 var(--space-3);color:var(--cyan);font:500 var(--font-size-md) var(--font-display)}.play-button{border:2px solid var(--cyan);width:68px;height:68px;color:var(--cyan);cursor:pointer;background:#051218;border-radius:50%;margin:auto;font:600 22px sans-serif;box-shadow:0 0 12px #11ddf429}.instruction{color:#9ca2b4;margin:18px 0}.reveal-button{width:min(var(--width-control-group),100%);margin-left:auto;margin-right:auto;display:block}.answer-checks{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.answer-checks span{min-width:72px;font-family:var(--font-display);letter-spacing:.08em;text-align:center;border:1px solid;border-radius:999px;padding:5px 8px;font-size:11px}.answer-checks .is-correct{color:#48e894}.answer-checks .is-wrong{color:#ff557d}.answer-checks .is-token{color:#ffd84a}.answer-checks .is-muted{color:var(--color-text-muted)}.next-button{margin-top:var(--space-6)}.floating-error{width:100%;margin-top:var(--font-size-md);position:absolute}.answer{place-items:center;display:grid}.answer>span{font:600 var(--font-size-compact) var(--font-display);letter-spacing:.22em}.answer strong{font:700 var(--font-size-display-lg) var(--font-display);margin:5px 0 0}.answer h2{max-width:390px;font:650 var(--font-size-heading-sm) var(--font-display);margin:3px 0}.answer p{color:#a6abbb;margin:0}.answer.correct>span,.answer.correct strong{color:var(--cyan);text-shadow:0 0 var(--font-size-md) #11ddf480}.answer.incorrect>span,.answer.incorrect strong{color:#ff3d90;text-shadow:0 0 var(--font-size-md) #ff3d9073}.answer.approximate>span,.approximate-verdict{text-shadow:0 0 var(--font-size-md) #ffd84a6b;color:#ffd84a!important}.answer.approximate strong{color:var(--cyan);text-shadow:0 0 var(--font-size-md) #11ddf480}.answer.purchased strong,.answer.purchased h2,.answer.purchased p,.multiplayer-answer.purchased strong,.multiplayer-answer.purchased h2,.multiplayer-answer.purchased p{color:#fff;text-shadow:none}.fullscreen-penalty-overlay{z-index:100;padding:var(--space-5);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3));background:#020307f0;place-items:center;display:grid;position:fixed;inset:0}.fullscreen-penalty-card{justify-items:center;gap:var(--space-4);width:min(var(--width-sm),100%);padding:var(--space-8);border:1px solid var(--pink);border-radius:var(--radius-lg);text-align:center;box-shadow:0 0 var(--space-7) #ef00de38;background:#090b12;display:grid}.fullscreen-penalty-card>strong{color:var(--pink);font:650 var(--font-size-heading-sm) var(--font-display);letter-spacing:.12em}.fullscreen-penalty-card>p{color:#b0b5c4;max-width:520px;margin:0;line-height:1.55}.fullscreen-penalty-actions{gap:var(--space-2);width:100%;display:grid}.fullscreen-penalty-actions>.neon-button{width:100%;margin:0}.fullscreen-exit-confirm{border:2px solid var(--pink);color:#ff78ee;background:#160817;box-shadow:0 0 12px #ef00de2e,inset 0 0 14px #ef00de0a}.progress-label{left:var(--space-5);color:var(--cyan);font:500 var(--font-size-compact) var(--font-display);letter-spacing:.06em;position:absolute;bottom:119px}.timeline-section{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;height:90px;position:absolute;inset:auto 0 12px;overflow:auto hidden}.timeline-section::-webkit-scrollbar{display:none}.timeline-section:before{display:none}.timeline-rail{min-width:max-content;height:100%;padding:0 var(--space-8);justify-content:center;align-items:flex-start;display:flex}.timeline-piece{align-items:flex-start;display:flex;position:relative}.timeline-end{position:relative}.token-markers{z-index:5;pointer-events:none;justify-content:center;gap:2px;width:42px;display:flex;position:absolute;top:-9px;left:3px}.token-markers i{color:#ffd84a;background:#181406;border:1px solid #ffd84a;border-radius:50%;place-items:center;width:17px;height:17px;font:500 10px/1 sans-serif;display:grid;box-shadow:0 0 8px #ffd84a8c}.token-markers i.confirmed{color:#09070d;background:#ffd84a;box-shadow:0 0 12px #ffd84ad9}.timeline-card{width:118px;height:76px;padding:var(--space-2) var(--font-size-xs);text-align:center;border-radius:var(--radius-sm);box-shadow:0 0 var(--font-size-sm) #11ddf426;animation:card-in .35s var(--animation-delay) both;background:linear-gradient(145deg,#0c232dfa,#0f0c1dfa);border:1px solid #11ddf46b;align-content:center;gap:1px;display:grid}.timeline-card.result-correct{border:2px solid #39e875;box-shadow:0 0 15px #39e875b3,inset 0 0 12px #39e87514}.timeline-card.result-partial{border:2px solid #ffd84a;box-shadow:0 0 15px #ffd84ab3,inset 0 0 12px #ffd84a14}.timeline-card.result-incorrect{border:2px solid #ff436f;box-shadow:0 0 15px #ff436fb3,inset 0 0 12px #ff436f14}.timeline-card strong{color:var(--cyan);font:650 17px/1 var(--font-display);text-shadow:0 0 var(--space-2) #11ddf48c}.timeline-card span,.timeline-card small{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.08;display:block;overflow:visible}.timeline-card span{font-size:var(--font-size-sm);font-weight:700}.timeline-card small{color:#8e93a4;font-size:var(--font-size-xs);font-weight:400}.timeline-card.text-compact span{font-size:9px}.timeline-card.text-compact small{font-size:8px}.timeline-card.text-dense strong{font-size:16px}.timeline-card.text-dense span{font-size:8px}.timeline-card.text-dense small{font-size:7px}.timeline-card.text-very-dense strong{font-size:15px}.timeline-card.text-very-dense span{font-size:7px}.timeline-card.text-very-dense small{font-size:6px}.timeline-pending-placement{flex:none;align-items:flex-start;display:flex}.timeline-pending-placement>.timeline-card{border:2px solid var(--pink);flex:0 0 118px;box-shadow:0 0 15px #ef00de94,inset 0 0 12px #ef00de0f}.timeline-pending-placement>.timeline-card strong{display:none}.timeline-pending-placement>.timeline-card{align-content:center;justify-items:center;gap:3px}.timeline-pending-placement>.timeline-card span,.timeline-pending-placement>.timeline-card small{text-align:center;width:100%}.timeline-pending-placement>.timeline-card span{font-weight:700}.timeline-pending-placement>.timeline-card small{font-weight:400}.timeline-pending-placement.final-slot{margin-right:38px}.timeline-pending-placement .pending-separator{cursor:default}.timeline-slot.pending-separator span,.timeline-slot.pending-separator:hover span{color:var(--cyan);box-shadow:none;background:#070a10;border-color:#11ddf473;transform:none}.timeline-slot{z-index:2;cursor:pointer;background:0 0;border:0;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:76px;padding:0;display:flex;position:relative}.timeline-slot span{width:25px;height:25px;color:var(--cyan);background:#070a10;border:2px solid #11ddf473;border-radius:50%;place-items:center;font:500 17px/1 sans-serif;transition:all .2s;display:grid}.timeline-slot:hover:not(:disabled) span,.timeline-slot.selected span{border-color:var(--pink);color:var(--pink);box-shadow:0 0 13px var(--pink);transform:scale(1.14)}.timeline-slot.selected span{transform:scale(1.14)}.timeline-slot.claimed span{color:#ffd84a;background:#181406;border-color:#ffd84a;transform:scale(1.14);box-shadow:0 0 13px #ffd84abf}.timeline-slot.claimed.confirmed span{color:#09070d;background:#ffd84a;box-shadow:0 0 16px #ffd84af2}.timeline-slot.claimed:after{content:attr(data-player);z-index:20;padding:5px var(--space-2);color:#ffd84a;font:500 var(--font-size-xs)/1.2 var(--font-display);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,var(--space-1));background:#11100a;border:1px solid #ffd84aa6;border-radius:6px;transition:all .15s;position:absolute;bottom:calc(100% - 2px);left:50%}.timeline-slot.claimed:hover:after{opacity:1;transform:translate(-50%)}.timeline-slot:disabled{cursor:default}.final-slot{margin-right:38px}.timeline-slot.blocked{cursor:not-allowed}.end-overlay{z-index:20;padding:var(--space-5);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3));background:#020307c7;place-items:center;display:grid;position:fixed;inset:0}.end-card{width:min(820px,100%);padding:38px var(--space-container);text-align:center;border:2px solid var(--cyan);border-radius:var(--radius-lg);background:#0a0b12;box-shadow:0 0 30px #11ddf447}.end-card h2{color:var(--cyan);font:750 var(--font-size-display-md) var(--font-display);margin:7px 0}.end-card p:not(.eyebrow){color:#a8adbd}.end-card .neon-button{margin-top:var(--space-inline)}.end-timeline{width:100%;margin-top:var(--font-size-title);padding:var(--space-3) var(--space-1) var(--space-4);overscroll-behavior-x:contain;scrollbar-color:#11ddf4bf #ffffff0f;scrollbar-width:thin;position:relative;overflow:auto hidden}.end-timeline::-webkit-scrollbar{height:7px}.end-timeline::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.end-timeline::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:999px}.end-timeline-rail{z-index:1;gap:var(--space-stack);width:max-content;min-width:100%;padding:0 var(--space-1);justify-content:flex-start;display:flex;position:relative}.end-timeline-rail:before{content:"";z-index:-1;background:linear-gradient(90deg,#11ddf41f,#11ddf494,#11ddf41f);height:1px;position:absolute;top:38px;left:4px;right:4px}.end-timeline .timeline-card{flex:0 0 118px}.multiplayer-entry,.multiplayer-lobby{width:100%;min-width:0;max-width:100%;padding:var(--space-page);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden auto}.create-entry-layout{width:min(var(--width-md),100%);justify-items:center;min-width:0;max-width:100%;display:grid}.create-entry-layout>.eyebrow{margin-bottom:var(--space-2)}.create-entry-layout>.equalizer{margin:0 auto -8px}.create-entry-layout>.equalizer+.multiplayer-logo{margin-top:-42px}.create-entry-layout>.multiplayer-panel{width:100%}.create-entry-layout>.text-button{margin-top:var(--space-inline)}.multiplayer-panel,.lobby-card{width:min(var(--width-md),100%);min-width:0;max-width:100%;padding:var(--space-container);text-align:center;border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:0 0 30px #11ddf41f}.lobby-layout{width:min(var(--width-md),100%);text-align:center;min-width:0;max-width:100%}.lobby-layout>.room-code{width:min(var(--width-xs),100%);margin:0 auto var(--space-section)}.lobby-layout>.lobby-card{width:100%}.multiplayer-logo{width:min(var(--width-xs),100%);margin:-42px auto calc(-1 * var(--space-container));display:block}.multiplayer-panel>.equalizer{margin:0 auto -8px}.multiplayer-panel>.equalizer+.multiplayer-logo{margin-top:-42px}.multiplayer-panel>.name-field{margin-top:12px}.multiplayer-create{width:var(--width-xs);max-width:100%;margin-left:auto;margin-right:auto;display:block}.wide{width:100%}.playback-choice{gap:var(--font-size-sm);width:100%;min-width:0;max-width:100%;margin:var(--space-4) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.playback-choice>*{min-width:0;max-width:100%}.playback-choice button{min-height:118px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#858a9b;font:600 var(--font-size-sm) var(--font-display);text-align:left;cursor:pointer;background:#0b0d15;border:1px solid #7e839761}.playback-choice button strong,.playback-choice button small{display:block}.playback-choice button small{color:#73798a;font:400 var(--font-size-compact)/1.35 var(--font-body);letter-spacing:0;margin-top:6px}.playback-choice button.active small{color:#aebec9}.playback-choice button.active{border-color:var(--cyan);color:var(--cyan);box-shadow:inset 0 0 14px #11ddf41a,0 0 10px #11ddf41f}.cast-target-choice{gap:var(--space-3);width:100%;min-width:0;max-width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:#070910;border:1px solid #11ddf433;grid-column:1/-1;display:grid}.cast-target-choice>h3{color:#cdd3df;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.13em;margin:0}.cast-target-choice>div{gap:var(--font-size-sm);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:100%;display:grid}.cast-target-choice button{min-height:96px}.network-display-button{width:min(var(--width-xs),100%);margin:0 auto var(--space-section);display:block}.playback-settings-label{margin:var(--space-2) auto var(--space-4);padding:5px var(--space-2);color:#777d90;font:500 var(--font-size-compact) var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;display:block}.playback-choice+.playback-settings-label{margin-top:-8px}.playback-settings-label:hover,.playback-settings-label[aria-expanded=true]{color:var(--cyan)}.join-divider{align-items:center;gap:var(--space-stack);margin:var(--space-4) 0;color:#686d7e;font:600 var(--font-size-sm) var(--font-display);display:flex}.join-divider span{background:#292c38;flex:1;height:1px}.join-row{gap:var(--font-size-sm);grid-template-columns:1fr auto;display:grid}.join-row input,.guess-controls input{min-width:0;height:var(--size-control);border-radius:var(--radius-md);color:#fff;background:#090b12;border:1px solid #11ddf44d;outline:0;padding:0 17px}.join-row input{text-transform:uppercase;letter-spacing:.3em;font:600 15px var(--font-display)}.standalone-join{margin-top:var(--font-size-title)}.join-entry-layout{width:min(var(--width-md),100%);text-align:center;min-width:0;max-width:100%}.join-entry-layout>.equalizer{margin:0 auto -8px}.join-entry-layout>.equalizer+.multiplayer-logo{margin-top:-42px}.join-form-card{gap:var(--font-size-lg);width:min(var(--width-sm),100%);margin:var(--space-section) auto 0;border:var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:0 0 var(--space-6) #11ddf41f;grid-template-columns:1fr;padding:26px;display:grid}.join-form-card>.name-field{width:100%;max-width:none;margin:0}.room-code-input{width:100%;height:var(--size-control);padding:0 var(--space-inline);border:var(--border-default);border-radius:var(--radius-md);color:#fff;text-transform:uppercase;letter-spacing:.3em;font:600 15px var(--font-display);background:#090b12;outline:0}.room-code-input::placeholder{color:#777d90;font-size:var(--font-size-compact);letter-spacing:.16em}.room-code-input:focus{border-color:var(--cyan);box-shadow:0 0 14px #11ddf433}.join-submit{width:100%}.join-wizard-step{justify-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:grid}.join-wizard-heading{justify-content:center;align-items:center;gap:var(--space-3);color:var(--cyan);font:600 var(--font-size-md) var(--font-display);letter-spacing:.12em;text-transform:uppercase;display:flex}.join-wizard-step>strong{color:var(--cyan);font:600 var(--font-size-md) var(--font-display);letter-spacing:.12em}.join-wizard-step>p{color:#9aa0b2;max-width:420px;margin:0;line-height:1.55}.wizard-step-number{border:1px solid var(--pink);color:#ff77ed;width:38px;height:38px;font:600 var(--font-size-base) var(--font-display);box-shadow:0 0 var(--space-3) #ef00de2e;border-radius:50%;place-items:center;display:grid}.text-button{margin-top:var(--space-inline);padding:var(--space-2);color:#777d90;cursor:pointer;background:0 0;border:0}.room-code{gap:var(--space-2);width:100%;min-width:0;max-width:100%;padding:var(--font-size-lg) 112px var(--font-size-lg) var(--space-8);border:1px solid var(--pink);border-radius:var(--space-3);color:#fff;box-shadow:0 0 var(--space-inline) #ef00de29;background:#ef00de0d;display:grid;position:relative}.room-code>strong{min-width:0;font:700 var(--font-size-display-sm) var(--font-display);letter-spacing:.22em;white-space:nowrap}.room-code small{color:#c077bb;font:500 var(--font-size-xs) var(--font-display);letter-spacing:.15em}.room-code-actions{top:50%;right:var(--space-4);align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.room-code-actions>button{width:28px;height:38px;color:var(--cyan);cursor:pointer;transition:color var(--transition-fast),filter var(--transition-fast),transform var(--transition-fast);background:0 0;border:0;place-items:center;padding:0;display:grid}.room-code-actions>button:hover,.room-code-actions>button.copied{color:#7cf4ff;filter:drop-shadow(0 0 var(--space-2) #11ddf4b3)}.room-code-actions>button:active{transform:scale(.92)}.room-code-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.cast-invite-card{justify-items:center;gap:var(--space-3);width:min(var(--width-xs),100%);margin:0 auto var(--space-section);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:0 0 var(--space-5) #11ddf424;background:#070910;border:1px solid #11ddf473;display:grid}.cast-invite-card>.eyebrow{margin:0}.cast-invite-card>small{color:#8e95a7;line-height:1.45}.cast-qr-frame{border-radius:var(--radius-md);background:#fff;place-items:center;width:190px;height:190px;padding:9px;display:grid}.cast-qr-frame img{width:100%;height:100%;display:block}.lobby-rules,.waiting-copy{color:#959bad;line-height:1.5}.lobby-card h2{font:600 var(--font-size-md) var(--font-display);letter-spacing:.15em}.lobby-players{gap:var(--space-stack);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));display:grid}.lobby-players div{place-items:center;gap:6px;display:grid}.lobby-players div>span{width:var(--size-control);height:var(--size-control);color:var(--cyan);font:600 var(--font-size-base) var(--font-display);border:2px solid #11ddf48c;border-radius:50%;place-items:center;display:grid}.lobby-players strong{font-size:var(--font-size-md)}.lobby-players small{color:var(--pink);font:600 var(--font-size-2xs) var(--font-display)}.multiplayer-match{position:absolute;inset:0;overflow:hidden}.multiplayer-header{z-index:6;top:var(--space-page);left:3%;right:var(--space-page);grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute}.compact-code{color:#8d92a3;font:600 var(--font-size-md) var(--font-display);letter-spacing:.2em}.player-scores{justify-self:end;align-items:stretch;gap:var(--font-size-sm);flex-direction:column;display:flex}.player-scores>span{box-sizing:border-box;min-width:104px;min-height:58px;padding:var(--font-size-sm) var(--space-3);border-radius:var(--radius-md);color:#9ba0b1;font-size:var(--font-size-base);border:1px solid #292d3b;line-height:1.25;display:grid}.player-scores>span.active{border-color:var(--pink);box-shadow:0 0 var(--space-3) #ef00de3d}.player-scores b{color:var(--pink)}.player-scores small{color:var(--cyan)}.cast-display-ranking{justify-self:end;align-items:start;gap:var(--space-4);color:#a1a7b8;text-align:left;grid-template-columns:auto minmax(210px,auto);display:grid}.cast-display-ranking>div{justify-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#080b12;border:1px solid #11ddf466;display:grid}.cast-display-ranking>div small{color:#8f95a7;font:600 var(--font-size-2xs) var(--font-display);letter-spacing:.14em}.cast-display-ranking>div strong{color:var(--cyan);font:700 var(--font-size-xl) var(--font-display);text-shadow:0 0 10px #11ddf466}.cast-display-ranking ol{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.cast-display-ranking li{align-items:center;gap:var(--space-2);min-width:210px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#080b12;border:1px solid #292d3b;grid-template-columns:24px 1fr auto;display:grid}.cast-display-ranking li.active{border-color:var(--pink);box-shadow:0 0 10px #ef00de33}.cast-display-ranking li>b{color:var(--pink);font-family:var(--font-display)}.cast-display-ranking li>span{color:#e4e7ee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cast-display-ranking li>small{color:var(--cyan);white-space:nowrap}.multiplayer-center{z-index:3;text-align:center;width:min(660px,100% - 30px);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.multiplayer-center>.eyebrow{margin-bottom:var(--space-inline)}.multiplayer-now-playing{align-items:center;gap:var(--space-5);width:300px;padding:26px var(--space-page);border-radius:var(--radius-lg);box-shadow:0 0 var(--space-inline) #ef00de2e;background:#090b12;border:1px solid #ef00de8c;flex-direction:column;margin:auto;display:flex}.multiplayer-now-playing .equalizer{height:54px}.multiplayer-now-playing .play-button{width:var(--size-control);height:var(--size-control);font-size:17px}.cast-controller-playback{margin:var(--space-5) auto;place-items:center;display:grid}.cast-controller-playback .play-button{width:76px;height:76px;font-size:23px}.multiplayer-center>.turn-heading{margin-bottom:var(--space-section)}.multiplayer-center.waiting-state{top:50%}.cast-waiting-player{justify-items:center;gap:var(--space-3);width:100%;font:400 var(--font-size-md) var(--font-body);text-align:center;margin:0;display:grid;color:#9ca3b5!important}.cast-waiting-player strong{color:var(--cyan);font:600 var(--font-size-heading-md) var(--font-display);text-shadow:0 0 12px #11ddf44d}.guess-controls{gap:var(--font-size-sm);width:min(var(--width-control-group),100%);margin:var(--space-5) auto 0;grid-template-columns:1fr;display:grid}.guess-controls input,.guess-controls .neon-button{width:100%}.guess-controls .neon-button{white-space:nowrap}.rule-settings{gap:var(--space-3);width:100%;min-width:0;max-width:100%;padding:var(--space-4);border-radius:var(--radius-md);text-align:left;background:#070910;border:1px solid #11ddf42e;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rule-settings>*{min-width:0;max-width:100%}.rule-settings>h3{color:#cdd3df;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.13em;grid-column:1/-1;margin:0}.rule-settings label{gap:var(--space-2);color:#9297a8;font:500 var(--font-size-xs) var(--font-display);letter-spacing:.05em;display:grid}.rule-settings select,.solo-rule-settings select{width:100%;height:var(--size-control);min-height:var(--size-control);padding:0 44px 0 var(--space-4);border-radius:var(--radius-md);appearance:none;background-color:#090b12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%2311ddf4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;color:#fff;font:500 var(--font-size-sm)/1 var(--font-display);background-size:14px 9px;border:1px solid #11ddf44d}.rule-settings select::-ms-expand{display:none}.solo-rule-settings select::-ms-expand{display:none}.rule-settings .rule-toggle{grid-template-columns:auto 1fr;align-items:center}.rule-settings .rule-toggle input,.solo-rule-settings input{accent-color:var(--cyan)}.pre-song-actions,.pre-song-panel{gap:var(--space-3);width:min(var(--width-control-group),100%);margin:var(--space-5) auto 0;display:grid}.pre-song-actions>.neon-button,.pre-song-panel>.neon-button{width:100%}.pre-song-panel{align-content:center;min-height:280px}.input-with-info{width:100%;position:relative}.input-with-info>input{width:100%;padding-right:52px!important}.input-info{z-index:5;width:22px;height:22px;color:var(--cyan);font:600 12px/1 var(--font-body);cursor:help;background:#071016;border:1px solid #11ddf4a6;border-radius:50%;outline:0;place-items:center;display:grid;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.input-info>span[role=tooltip]{z-index:20;border-radius:var(--radius-sm);color:#d3d8e3;width:max-content;max-width:min(320px,80vw);font:400 var(--font-size-xs)/1.4 var(--font-body);letter-spacing:0;text-align:left;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);background:#0a0c14;border:1px solid #11ddf46b;padding:9px 12px;position:absolute;bottom:calc(100% + 10px);right:-8px;transform:translateY(5px);box-shadow:0 0 14px #11ddf424}.input-info:hover>span[role=tooltip],.input-info:focus>span[role=tooltip],.input-info:focus-visible>span[role=tooltip]{opacity:1;transform:none}.solo-setup-panel{width:min(720px,100%)}.solo-setup-panel>.primary{margin-left:auto;margin-right:auto;display:block}.solo-setup-panel>.text-button{margin:var(--space-inline) auto 0;display:block}.solo-rule-settings{gap:var(--space-4);width:100%;margin:var(--space-4) 0 var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);color:#9297a8;text-align:left;background:#070910d1;border:1px solid #11ddf42e;display:grid}.solo-rule-settings>h2{color:#d6dce8;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.18em;margin:0}.settings-subheading{margin:var(--space-1) 0 0;color:#cdd3df;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.13em;grid-column:1/-1}.game-mode-tabs{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;max-width:100%;display:grid}.artist-match-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-match-tabs button{min-height:82px}.game-mode-tabs button{align-content:start;gap:var(--space-2);min-height:100px;padding:var(--space-3);border-radius:var(--radius-md);color:#8c92a4;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:#0a0c14;border:1px solid #7e839757;display:grid}.game-mode-tabs button:hover{border-color:#11ddf48c;transform:translateY(-1px)}.game-mode-tabs button.active{border-color:var(--cyan);color:var(--cyan);background:#0a1820;box-shadow:0 0 12px #11ddf41f,inset 0 0 16px #11ddf40d}.game-mode-tabs strong{font:650 var(--font-size-sm) var(--font-display);letter-spacing:.07em}.game-mode-tabs small{color:#8f95a7;font:400 var(--font-size-compact)/1.38 var(--font-body)}.game-mode-tabs button.active small{color:#b8c7d2}.target-slider{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#090b12;border:1px solid #7e839740;grid-column:1/-1;gap:var(--space-2)!important;display:grid!important}.setting-heading{justify-content:space-between;align-items:center;gap:var(--space-3);color:#cbd2df;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.09em;display:flex}.setting-heading output{min-width:40px;padding:6px var(--space-2);border:1px solid var(--cyan);border-radius:var(--radius-sm);color:var(--cyan);text-align:center;box-shadow:0 0 9px #11ddf426}.target-slider input[type=range]{width:100%;height:5px;margin:var(--space-2) 0 0;border-radius:var(--radius-round);appearance:none;background:linear-gradient(90deg,var(--cyan) 0 var(--range-progress),#252a37 var(--range-progress) 100%);cursor:pointer;accent-color:var(--cyan);border:0;outline:0}.target-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cyan);border:2px solid #071016;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #11ddf4bf}.target-slider input[type=range]::-moz-range-thumb{background:var(--cyan);border:2px solid #071016;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #11ddf4bf}.slider-scale{color:#697081;font-family:var(--font-display);justify-content:space-between;display:flex}.setting-description{color:#81889a;font:400 var(--font-size-compact)/1.4 var(--font-body);letter-spacing:0}.rule-option-grid{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:100%;display:grid}.steal-token-rule{grid-column:1/-1}.rule-option-card{min-height:88px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);background:#0a0c14;border:1px solid #7e83974d;position:relative;align-items:center!important;gap:var(--space-3)!important;grid-template-columns:1fr auto!important;display:grid!important}.rule-option-card.active{background:#0a1820;border-color:#11ddf4b8;box-shadow:inset 0 0 14px #11ddf40a}.rule-option-card>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.rule-option-copy{gap:6px;min-width:0;display:grid}.rule-option-copy>strong{justify-content:space-between;align-items:center;gap:var(--space-2);color:#d4dae6;font:600 var(--font-size-sm) var(--font-display);letter-spacing:.08em;display:flex}.rule-option-copy>strong b{color:#ffd84a;font:600 var(--font-size-xs) var(--font-display);flex:none}.rule-option-copy>small{color:#858c9e;font:400 var(--font-size-compact)/1.35 var(--font-body);letter-spacing:0}.rule-option-card>i{border-radius:var(--radius-round);background:#171a23;border:1px solid #43495a;width:36px;height:20px;position:relative}.rule-option-card>i:after{content:"";width:12px;height:12px;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);background:#6d7383;border-radius:50%;position:absolute;top:3px;left:3px}.rule-option-card.active>i{background:#11ddf41f;border-color:#11ddf4b3}.rule-option-card.active>i:after{background:var(--cyan);transform:translate(16px);box-shadow:0 0 8px #11ddf4b3}.solo-guess-controls{gap:var(--space-2);width:min(var(--width-control-group),100%);margin:var(--space-3) auto;grid-template-columns:1fr;display:grid}.solo-guess-controls input{height:var(--size-control);padding:0 var(--space-4);border-radius:var(--radius-md);color:#fff;background:#090b12;border:1px solid #11ddf44d}.solo-action-row{gap:var(--space-2);width:min(var(--width-control-group),100%);grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin:0 auto;display:grid}.solo-action-row>.neon-button{width:100%;margin:0}.solo-skip{margin-top:var(--space-2)}.claim-skip{width:min(var(--width-control-group),100%);border:2px solid var(--pink);color:#ff78ee;background:#160817;margin:10px auto 0;display:block;box-shadow:0 0 12px #ef00de2e,inset 0 0 14px #ef00de0a}.countdown{color:var(--pink);font:700 var(--font-size-display-xl) var(--font-display);text-shadow:0 0 var(--space-4) #ef00de8c;display:block}.multiplayer-center>p:not(.eyebrow,.error-message){color:#a0a5b5}.multiplayer-answer strong{color:var(--cyan);font:750 var(--font-size-display-lg) var(--font-display);text-shadow:0 0 var(--font-size-md) #11ddf480}.multiplayer-answer h2{font:650 var(--font-size-heading-md) var(--font-display);margin:0}.multiplayer-answer p{margin:var(--space-1) 0;color:#a7acbc}.multiplayer-answer small{margin-top:var(--font-size-lg);color:var(--pink);font:600 var(--font-size-base) var(--font-display);display:block}.multiplayer-answer+.neon-button{margin-top:var(--font-size-title)}.multiplayer-timelines{z-index:2;left:0;right:0;bottom:var(--space-2);gap:3px;max-height:309px;display:grid;position:absolute;overflow:hidden auto}.player-timeline{min-width:0;min-height:144px;padding-top:var(--space-8);border-top:1px solid #11ddf41a;position:relative}.player-timeline.active{background:linear-gradient(90deg,#0000,#11ddf406,#0000)}.player-timeline>label{z-index:2;top:var(--space-2);left:var(--space-inline);color:#7f8496;font:500 var(--font-size-xs) var(--font-display);position:absolute}.player-timeline.active>label{color:var(--cyan)}.player-timeline .timeline-section{touch-action:pan-x;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;height:110px;position:relative;inset:auto}.player-timeline .timeline-card{width:140px;height:88px;padding:7px var(--font-size-xs)}.player-timeline .timeline-card span,.player-timeline .timeline-card small{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.15;overflow:visible}.player-timeline .timeline-slot{height:88px}.player-timeline .timeline-pending-placement>.timeline-card{flex-basis:140px}.players-2 .multiplayer-timelines{grid-template-columns:1fr;max-height:292px}.multiplayer-winner{z-index:30;padding:var(--space-4);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3));background:#030408e0;place-items:center;display:grid;position:fixed;inset:0}.multiplayer-winner>.winner-panel{width:min(980px,100%);max-height:calc(100vh - var(--space-8));padding:var(--space-8);text-align:center;border:2px solid var(--cyan);border-radius:var(--radius-lg);box-shadow:0 0 var(--space-7) #11ddf440;background:#090b12;overflow-y:auto}.multiplayer-winner h2{margin:var(--space-2) 0 var(--space-5);color:var(--cyan);font:700 var(--font-size-display-sm) var(--font-display)}.winner-timelines{gap:var(--space-4);margin:0 0 var(--space-6);text-align:left;display:grid}.winner-timeline{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#11ddf406;border:1px solid #11ddf424}.winner-timeline>label{margin:0 0 var(--space-2);color:var(--cyan);font:500 var(--font-size-xs) var(--font-display);letter-spacing:.06em;display:block}.winner-timeline .timeline-section{width:100%;height:96px;position:relative;inset:auto}.winner-timeline .timeline-rail{padding:0 var(--space-2);justify-content:flex-start}.winner-timeline .timeline-card{flex:0 0 118px}@keyframes equalize{0%{transform:scaleY(var(--scale-min))}to{transform:scaleY(var(--scale-max))}}@keyframes twinkle{0%{opacity:.15;transform:scale(.7)}to{opacity:.85;transform:scale(1.2)}}@keyframes drift-dot{0%{translate:0}to{translate:var(--offset-x) var(--offset-y)}}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.93)}to{opacity:1;transform:none}}@media (width<=900px){.landing-nav-inner{grid-template-columns:1fr auto;width:calc(100% - 32px)}.landing-nav-inner nav{display:none}.landing-nav-brand{width:178px}.landing-hero{grid-template-columns:1fr;width:min(680px,100% - 32px);min-height:auto;padding:70px 0 90px}.landing-hero-copy{text-align:center}.landing-hero h1,.landing-lead,.landing-hero h1:after{margin-left:auto;margin-right:auto}.landing-actions,.landing-highlights{justify-content:center}.landing-visual{min-height:560px}.landing-steps{grid-template-columns:1fr}.landing-steps article{min-height:210px}.landing-mode-grid{padding-bottom:var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;overflow-x:auto}.landing-mode-grid::-webkit-scrollbar{display:none}.landing-mode-grid article{scroll-snap-align:start}.landing-footer{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (height<=780px){.play-zone{top:43%;transform:translate(-50%,-45%)scale(.88)}.player-card{height:205px}.progress-label{bottom:110px}}@media (width<=640px){:root{--space-page:var(--space-3);--space-container:var(--space-6);--space-container-compact:var(--space-4)}.language-switch{top:max(var(--space-3), env(safe-area-inset-top));right:var(--space-3)}.language-switch:not(.expanded) button:not(.active){display:none}.language-switch:not(.expanded){gap:0}.language-switch.expanded{gap:5px}.lobby-layout>.room-code{margin-top:calc(max(var(--space-3), env(safe-area-inset-top)) + 52px)}.landing-nav-inner{width:calc(100% - 24px);height:74px}.landing-nav-brand{width:145px;height:54px}.landing-nav-inner .language-switch{right:auto}.landing-hero{width:calc(100% - 24px);padding:54px 0 72px}.landing-hero h1{font-size:clamp(34px,11vw,48px)}.landing-lead{font-size:15px}.landing-actions{width:100%;display:grid}.landing-actions .neon-button{width:100%;min-width:0}.landing-highlights{gap:var(--space-2)}.landing-highlights span{font-size:7px}.landing-visual{min-height:auto;padding:var(--space-7) var(--space-4) var(--space-4);border-radius:var(--radius-lg)}.landing-brand-stage{margin-top:0}.landing-brand-stage>.equalizer{width:190px;height:54px;margin-bottom:0;transform:none}.landing-brand-stage>img{width:310px;max-width:100%;margin:-30px 0}.landing-mystery-card{width:94%;margin:var(--space-6) auto;padding:var(--space-4)}.landing-demo-timeline{gap:5px}.landing-demo-timeline article{flex-basis:95px;height:82px;padding:6px}.landing-demo-timeline>b{flex-basis:24px;width:24px;height:24px;font-size:10px}.landing-demo-timeline strong{font-size:var(--font-size-md)}.landing-demo-timeline span{font-size:8px}.landing-demo-timeline small{font-size:7px}.landing-section{width:calc(100% - 24px);padding:76px 0;scroll-margin-top:74px}.landing-section-heading{margin-bottom:var(--space-7);text-align:center}.landing-section-heading h2,.landing-final-cta h2{font-size:clamp(27px,8vw,38px)}.landing-steps article,.landing-mode-grid article{min-height:190px;padding:var(--space-5)}.landing-steps h3,.landing-mode-grid h3{margin-top:42px}.landing-final-cta{width:calc(100% - 24px);padding:58px var(--space-4);border-radius:var(--radius-lg);margin:24px auto 80px}.landing-footer{width:calc(100% - 24px)}.landing-footer p{line-height:1.5}.game-header{top:max(15px, env(safe-area-inset-top));width:calc(100% - 22px)}.quit-button{font-size:0}.quit-button span{font-size:27px}.score-board>div{gap:var(--space-3)}.score-board strong{font-size:var(--font-size-xl)}.play-zone{width:calc(100% - 28px);top:45%}.player-card{height:205px}.progress-label{left:var(--space-3);bottom:118px}.timeline-rail{justify-content:flex-start;padding-left:7px}.timeline-card{width:104px}.timeline-slot{flex-basis:40px;width:40px}.start-panel{padding:var(--space-inline) 2px}.brand-frame span{font-size:39px}.start-panel h1{font-size:17px}.solo-rule-settings{padding:var(--space-3)}.game-mode-tabs{padding:6px 1px var(--space-1);scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:repeat(3,minmax(158px,1fr));scroll-padding-inline:1px;overflow-x:auto}.game-mode-tabs::-webkit-scrollbar{display:none}.game-mode-tabs button{scroll-snap-align:start}.rule-option-grid{grid-template-columns:1fr}.multiplayer-panel,.lobby-card{padding:var(--space-container) var(--space-container-compact)}.playback-choice,.cast-target-choice>div{grid-template-columns:1fr}.room-code{padding-right:72px;padding-left:var(--space-4)}.room-code>strong{letter-spacing:.15em;font-size:clamp(26px,9vw,34px)}.room-code-actions{right:var(--space-3)}.multiplayer-header{grid-template-columns:auto 1fr}.multiplayer-header .compact-code{display:none}.player-scores{max-height:42vh;overflow-y:auto}.guess-controls{grid-template-columns:1fr}.multiplayer-center{top:38%}.multiplayer-center.waiting-state{top:50%}.multiplayer-timelines{max-height:235px}.player-timeline .timeline-section{overflow-x:scroll}.player-timeline .timeline-rail{justify-content:flex-start}.player-timeline .timeline-card,.player-timeline .timeline-slot{touch-action:pan-x}.join-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}