:root{color-scheme:dark;--bg:#10121c;--panel:#191c29;--panel-2:#202435;--line:#30354a;--text:#f7f8fc;--muted:#a1a8bf;--soft:#6f7895;--lime:#c6f75a;--cyan:#58d8eb;--violet:#bd85ff;--orange:#ffab57;--danger:#ff667e;--player-accent:#c6f75a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 9% 0%,#202b3a 0,transparent 35%),radial-gradient(ellipse at 93% 18%,#252039 0,transparent 31%),var(--bg);font-size:15px;line-height:1.45;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(75px);opacity:.12;border-radius:100%;z-index:0}.ambient-one{width:280px;height:280px;top:23%;left:-130px;background:var(--cyan)}.ambient-two{width:360px;height:360px;bottom:-180px;right:-90px;background:var(--violet)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:22px 28px 0;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:3px 0 22px;border-bottom:1px solid #ffffff13;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brand-mark{width:42px;height:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;border-radius:12px;background:linear-gradient(145deg,#2a3544,#1b2130);border:1px solid #ffffff1d;transform:rotate(-3deg)}.brand-mark span{border-radius:3px;background:var(--lime)}.brand-mark span:nth-child(2){background:var(--cyan)}.brand-mark span:nth-child(3){background:var(--violet)}.brand-mark span:nth-child(4){background:var(--orange)}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:15px;letter-spacing:.075em}.brand-copy em{font-style:normal;color:var(--lime)}.brand-copy small{font-size:9px;font-weight:800;letter-spacing:.22em;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.build-pill{border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:800}.build-pill b{color:var(--lime);margin-left:5px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:50%;font-weight:900;font-size:17px}.icon-button:hover{background:#ffffff13;border-color:#64708b}.landing-screen{padding-top:42px}.hero-copy{max-width:820px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.hero-copy .eyebrow{color:var(--lime);display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #c6f75a19;flex:none}.hero-copy h1{font-size:clamp(34px,5vw,61px);line-height:1.04;letter-spacing:-.045em;margin:16px 0 13px;font-weight:850}.hero-copy h1 span{color:var(--lime)}.hero-subtitle{max-width:660px;color:#b9c0d3;font-size:16px;margin:0;line-height:1.65}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-pills span{font-size:11px;color:#c9d0e0;border:1px solid #ffffff14;background:#ffffff05;border-radius:999px;padding:7px 10px}.entry-grid{display:grid;grid-template-columns:1fr .86fr;gap:18px;align-items:stretch}.panel{background:linear-gradient(150deg,#1c2030f7,#161925f5);border:1px solid var(--line);border-radius:19px;box-shadow:0 18px 55px #00000014}.create-panel{padding:24px;position:relative;overflow:hidden}.create-panel:after{content:"";position:absolute;right:-80px;top:-90px;width:210px;height:210px;border-radius:50%;border:1px solid #c6f75a12;box-shadow:0 0 0 25px #c6f75a05,0 0 0 55px #c6f75a03;pointer-events:none}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:-.035em}.heading-icon{display:grid;place-items:center;background:#c6f75a16;border:1px solid #c6f75a24;color:var(--lime);width:39px;height:39px;border-radius:12px;font-size:22px}.heading-icon.cyan{background:#58d8eb17;border-color:#58d8eb30;color:var(--cyan)}.panel-copy{color:var(--muted);font-size:13px;line-height:1.6;margin:9px 0 20px;max-width:460px}.stack-form{display:flex;flex-direction:column;gap:9px;position:relative;z-index:1}.stack-form label,.lobby-settings-panel label{color:#cbd0df;font-size:11px;font-weight:800;letter-spacing:.025em;margin-top:3px}.stack-form input:not([type=color]),.stack-form select,.lobby-settings-panel select{width:100%;background:#111420;border:1px solid #343a50;border-radius:10px;color:var(--text);padding:12px 13px;min-height:44px;outline-offset:2px}.stack-form input::placeholder{color:#67708a}.stack-form select,.lobby-settings-panel select{appearance:auto}.field-row{display:flex;gap:13px}.field-grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.color-field{display:flex;align-items:center;gap:10px;border:1px solid #343a50;border-radius:10px;background:#111420;min-height:44px;padding:5px 10px}.color-field input[type=color]{border:0;padding:0;width:30px;height:28px;background:transparent;cursor:pointer}.color-field span{font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#cbd0df;letter-spacing:.04em}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:11px;padding:13px 15px;min-height:46px;font-weight:900;font-size:13px;transition:transform .15s,filter .15s,background .15s}.primary-button{background:var(--lime);color:#171c12;box-shadow:0 5px 22px #c6f75a13}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.secondary-button{background:#21283a;border:1px solid #414a62;color:var(--text)}.secondary-button:hover{background:#2a3348}.fine-print{font-size:10px;color:#7f88a4;line-height:1.5;margin:0}.side-stack{display:flex;flex-direction:column;gap:18px}.join-panel{padding:23px}.join-panel .stack-form{gap:8px}.join-panel .panel-copy{margin-bottom:15px}.join-panel .stack-form label:not(:first-child){margin-top:5px}.join-panel input#joinCode{font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.how-card{padding:18px 22px;border-radius:17px;border:1px solid #ffffff13;background:linear-gradient(120deg,#27283a9e,#1a1b27a8)}.how-card-title{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--lime);display:flex;gap:8px;align-items:center;margin-bottom:14px}.how-card-title span{font-size:17px}.step-line{display:flex;gap:12px;align-items:center;padding:8px 0}.step-line+.step-line{border-top:1px solid #ffffff0d}.step-line>span{color:var(--soft);font-size:10px;font-weight:900;font-family:ui-monospace,monospace}.step-line div{display:flex;flex-direction:column;gap:1px}.step-line strong{font-size:12px}.step-line small{font-size:11px;color:var(--muted)}.step-line em{color:var(--cyan);font-style:normal}.landing-footer,.global-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#68708a;font-size:9px;font-weight:850;letter-spacing:.12em}.landing-footer{padding:22px 2px 30px}.global-footer{margin-top:auto;padding:23px 1px 16px;border-top:1px solid #ffffff10}.global-footer b{color:var(--lime)}.game-screen{padding-top:22px;flex:1}.room-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.text-button{background:none;border:0;color:#aeb7d0;font-size:12px;font-weight:800;padding:9px 0}.text-button:hover{color:var(--text)}.room-identity{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-identity .eyebrow{font-size:8px}.room-identity strong{font:900 19px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--lime)}.micro-button{border:1px solid #333a50;border-radius:7px;background:#ffffff06;color:#cdd4e5;padding:5px 8px;font-size:10px;font-weight:800}.room-utilities{display:flex;gap:7px}.secondary-small{border:1px solid #3b435b;background:#202638;color:#d9deeb;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:850}.secondary-small:hover{background:#2b334a}.room-banner{display:flex;align-items:center;gap:9px;background:#1b202c;border:1px solid #2e374a;border-radius:10px;padding:11px 13px;font-size:10px;font-weight:900;letter-spacing:.1em;color:#aeb8ce;margin-bottom:17px}.banner-spacer,.meta-spacer{flex:1}.room-banner .live-dot{width:6px;height:6px}.lobby-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.lobby-main-panel,.lobby-settings-panel{padding:23px}.lobby-main-panel h2{margin:5px 0;font-size:26px;letter-spacing:-.03em}.soft-chip{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--lime);border:1px solid #c6f75a35;background:#c6f75a11;border-radius:999px;padding:7px 9px}.player-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.player-tile{display:flex;align-items:center;gap:10px;padding:12px;background:#111521;border:1px solid #2e3549;border-radius:11px;min-width:0}.player-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:950;font-size:13px;color:#111521;flex:none;border:2px solid #ffffff1a}.player-info{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}.player-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info small{font-size:9px;color:var(--muted)}.roster-score{font:900 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lime);flex:none}.host-label{font-size:8px!important;text-transform:uppercase;letter-spacing:.1em;color:var(--lime)!important}.empty-note{font-size:12px;color:var(--muted);padding:15px;border:1px dashed #3a4259;border-radius:10px;margin-top:15px}.lobby-settings-panel h3,.round-points-panel h3,.scoreboard-panel h3{margin:5px 0 19px;font-size:21px;letter-spacing:-.035em}.lobby-settings-panel{display:flex;flex-direction:column;gap:9px}.settings-note{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#c6f75a0b;border:1px solid #c6f75a20;border-radius:10px;margin:8px 0}.settings-note>span{color:var(--lime);font-size:16px}.settings-note p{margin:0;color:#9ca6bd;font-size:10px;line-height:1.65}.settings-note strong{color:var(--text);font-size:11px}.lobby-settings-panel .fine-print{margin-top:-2px}.round-meta{display:flex;align-items:center;gap:11px;margin-bottom:9px;flex-wrap:wrap}.round-pill{display:inline-flex;align-items:center;border-radius:7px;border:1px solid #c6f75a38;background:#c6f75a11;color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.1em;padding:7px 9px}.category-label{font-size:9px;letter-spacing:.13em;color:#9da7c0;font-weight:900}.timer-label{font:900 15px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.timer-track{height:4px;background:#ffffff13;border-radius:99px;overflow:hidden;margin-bottom:17px}.timer-fill{height:100%;width:100%;background:var(--lime);border-radius:inherit;transition:width .2s linear}.question-card{padding:clamp(21px,4vw,38px);border-radius:20px;border:1px solid #34394d;background:radial-gradient(ellipse at 95% 0%,#30314752,transparent 42%),linear-gradient(145deg,#1f2333,#181b28);box-shadow:0 18px 48px #00000019}.question-eyebrow{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}.question-card h2{max-width:900px;font-size:clamp(25px,4vw,43px);line-height:1.12;letter-spacing:-.045em;margin:13px 0 12px}.phase-description{font-size:13px;color:#aeb7cd;margin:0 0 23px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.choice-card{display:flex;align-items:center;text-align:left;gap:13px;min-height:72px;padding:14px;background:#111521;border:1px solid #343b51;border-radius:12px;color:var(--text);font-weight:850;font-size:14px;transition:background .12s,border-color .12s,transform .12s}.choice-card:hover{background:#242a3c;border-color:#6a7690;transform:translateY(-1px)}.choice-card.selected{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime);background:#c6f75a12}.choice-letter{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#ffffff0b;border:1px solid #ffffff0d;color:#a9b4cb;flex:none;font-size:12px;font-weight:950}.choice-card.selected .choice-letter{background:var(--lime);color:#14180e;border-color:var(--lime)}.choice-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.lock-status{font-size:11px;color:#8e99b4}.lock-button{max-width:190px;min-height:43px;padding:11px 14px}.live-progress-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:13px 16px;border-radius:11px;border:1px solid #2d3448;background:#181b28}.progress-copy{display:flex;align-items:center;gap:9px;font-size:11px;color:#b7c0d3}.submission-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.submission-dot{width:8px;height:8px;border-radius:50%;background:#3a4258}.submission-dot.done{background:var(--lime);box-shadow:0 0 0 3px #c6f75a12}.reveal-heading{text-align:center;padding:18px 0 18px}.reveal-heading .eyebrow{color:var(--cyan)}.reveal-heading h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.045em;margin:8px 0}.reveal-heading p{color:var(--muted);margin:0;font-size:13px}.results-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-option{position:relative;overflow:hidden;min-height:80px;padding:13px 15px;border-radius:12px;background:#1a1d2b;border:1px solid #333a50;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.result-option.winner{border-color:#c6f75a78;background:#c6f75a0d}.result-top{display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:1}.result-top strong{font-size:12px}.winner-tag{font-size:8px;font-weight:950;letter-spacing:.1em;color:#171b0f;background:var(--lime);padding:4px 6px;border-radius:5px}.result-count{font:900 10px ui-monospace,monospace;color:#b7c0d3}.result-bar-track{height:6px;background:#ffffff12;border-radius:999px;overflow:hidden}.result-bar{height:100%;background:#65718b;border-radius:inherit}.result-option.winner .result-bar{background:var(--lime)}.results-lower{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;margin-top:13px}.round-points-panel,.scoreboard-panel{padding:18px}.round-points-panel h3,.scoreboard-panel h3{margin-bottom:12px;font-size:18px}.round-points-list,.scoreboard-list{display:flex;flex-direction:column;gap:7px}.point-row,.score-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #ffffff0d}.point-row:first-child,.score-row:first-child{border-top:0}.rank-number{font:900 10px ui-monospace,monospace;color:#69728e;width:19px;flex:none}.mini-avatar{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:#121520;font-size:10px;font-weight:950;flex:none}.point-name,.score-name{font-size:10px;font-weight:850;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.point-detail{font-size:9px;color:var(--muted)}.point-score,.score-total{font:900 11px ui-monospace,monospace;color:var(--lime)}.finish-confetti{font-size:28px;letter-spacing:.3em;color:var(--lime);margin-bottom:15px}.finished-layout{text-align:center;padding:35px 15px 25px}.finished-layout h2{font-size:clamp(32px,5vw,48px);letter-spacing:-.05em;margin:9px 0}.finish-subtitle{color:var(--muted);font-size:13px;max-width:540px;margin:0 auto}.final-podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:30px auto 25px;max-width:680px}.podium-card{flex:1;max-width:190px;padding:20px 12px;border:1px solid #343a50;border-radius:13px 13px 9px 9px;background:#1a1d2a;min-width:0}.podium-card.first{padding-top:29px;border-color:#c6f75a62;background:linear-gradient(180deg,#c6f75a16,#1a1d2a 70%)}.podium-place{font-size:9px;font-weight:950;letter-spacing:.12em;color:var(--muted)}.podium-avatar{width:44px;height:44px;border-radius:14px;margin:11px auto;display:grid;place-items:center;color:#151a11;font-weight:950;font-size:17px}.podium-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.podium-card small{font:900 12px ui-monospace,monospace;color:var(--lime)}.finish-actions{display:flex;gap:10px;max-width:410px;margin:0 auto}.help-dialog{width:min(600px,calc(100vw - 28px));max-height:min(84vh,800px);overflow:auto;padding:30px;border-radius:20px;border:1px solid #41485f;background:#191c2b;color:var(--text);box-shadow:0 30px 100px #0009}.help-dialog::backdrop{background:#080a12bb;backdrop-filter:blur(5px)}.dialog-close{float:right;border:1px solid #3b4359;border-radius:50%;width:32px;height:32px;background:#ffffff08;color:var(--text);font-size:22px;line-height:1}.help-dialog h2{font-size:30px;letter-spacing:-.04em;margin:6px 0 22px}.help-rules{display:flex;flex-direction:column;gap:12px}.help-rules>div{display:flex;gap:14px;padding:14px;border:1px solid #ffffff10;background:#ffffff04;border-radius:12px}.help-rules>div>span{font:900 11px ui-monospace,monospace;color:var(--lime);padding-top:2px}.help-rules p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}.help-rules strong{color:var(--text)}.help-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0}.dialog-done{justify-content:center}.toast-region{position:fixed;right:20px;bottom:20px;z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:min(360px,calc(100vw - 28px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;background:#212637;border:1px solid #3d455e;border-left:3px solid var(--lime);border-radius:12px;box-shadow:0 16px 40px #0005;animation:toast-in .18s ease-out;pointer-events:auto}.toast.toast-error{border-left-color:var(--danger)}.toast.toast-info{border-left-color:var(--cyan)}.toast-icon{font-weight:950;color:var(--lime);font-size:13px}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--cyan)}.toast-message{flex:1;font-size:12px;line-height:1.5;color:#edf0f9}.toast-dismiss{border:0;background:transparent;color:#9aa5be;font-size:17px;padding:0 2px;line-height:1}.noscript-message{position:fixed;inset:0;z-index:100;background:#10121c;color:white;display:grid;place-items:center;padding:30px;text-align:center}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}
@media(max-width:760px){.app-shell{padding:14px 15px 0}.topbar{padding-bottom:15px}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:8px}.build-pill{display:none}.landing-screen{padding-top:30px}.hero-copy h1{font-size:clamp(33px,9vw,49px)}.hero-subtitle{font-size:14px}.entry-grid{grid-template-columns:1fr}.create-panel,.join-panel{padding:20px}.side-stack{gap:13px}.how-card{padding:16px 18px}.landing-footer{padding:18px 0 25px;font-size:8px}.room-topline{align-items:flex-start;flex-wrap:wrap}.room-identity{order:3;flex-basis:100%;justify-content:center;background:#ffffff05;padding:10px;border-radius:9px}.room-utilities{margin-left:auto}.lobby-layout{grid-template-columns:1fr}.lobby-main-panel,.lobby-settings-panel{padding:19px}.player-roster{grid-template-columns:1fr 1fr}.choice-grid,.results-options{grid-template-columns:1fr}.choice-card{min-height:58px;padding:11px}.question-card{padding:20px 16px}.question-card h2{font-size:29px}.choice-footer{align-items:stretch;flex-direction:column}.lock-button{max-width:none}.live-progress-card{align-items:flex-start;flex-direction:column}.submission-dots{justify-content:flex-start}.results-lower{grid-template-columns:1fr}.round-meta{gap:8px}.category-label{font-size:8px}.timer-label{font-size:13px}.finished-layout{padding:25px 0}.final-podium{gap:6px}.podium-card{padding:15px 6px}.podium-card.first{padding-top:23px}.podium-card strong{font-size:11px}.finish-actions{flex-direction:column}.global-footer{font-size:8px;padding:18px 0;flex-direction:column}.help-dialog{padding:23px 18px}.help-dialog h2{font-size:25px}.toast-region{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}}
@media(max-width:390px){.field-row{flex-direction:column}.player-roster{grid-template-columns:1fr}.hero-pills span{font-size:10px}.room-utilities{width:100%;margin-left:0}.room-utilities button{flex:1}.room-identity{justify-content:flex-start}.round-meta .meta-spacer{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}