@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--font-sans:var(--font-arabic), "Segoe UI", sans-serif;--background:#06020a;--foreground:#fff8ed;--surface:#10081a;--surface-strong:#180e24;--surface-soft:#0a0412;--canvas:var(--background);--card:#10081af0;--card-foreground:#fff8ed;--popover:#0a0412fa;--popover-foreground:#fff8ed;--primary:#ffb74d;--primary-foreground:#1a0f00;--secondary:#ffb74d17;--secondary-foreground:#fff8ed;--muted:#ffb74d0f;--muted-foreground:#a08070;--text-soft:#c8a890;--accent:#ff6f00;--accent-foreground:#fff8ed;--border:#ffb74d2e;--border-bright:#ffb74d6b;--input:#0a0412f5;--ring:#ffb74d;--success:#66bb6a;--success-foreground:#0a140a;--danger:#ef5350;--danger-foreground:#fff8ed;--link:#ffb74d;--warning:#ffcc02;--warning-foreground:#1a0f00;--info:#ffab40;--info-foreground:#1a0f00;--gold:#ffb300;--gold-foreground:#1a0f00;--quiz-option-a:#ffb74d;--quiz-option-b:#ff8a65;--quiz-option-c:#ffd54f;--quiz-option-d:#ef5350;--quiz-correct:#66bb6a;--quiz-wrong:#ef5350;--timer-safe:#66bb6a;--timer-warning:#ffcc02;--timer-danger:#ef5350;--live-option-red:#c62828;--live-option-blue:#1565c0;--live-option-orange:#e65100;--live-option-green:#2e7d32;--live-option-ink:#fff8ed;--live-option-dim:#fff8ed7a;--surface-glass:#06020abd;--surface-glass-strong:#06020ae6;--surface-stage:#10081af0;--surface-stage-line:#ffb74d47;--surface-stage-hotline:#ffb74d9e;--quantum-line:#ffb74d12;--quantum-line-strong:#ffffff0d;--quantum-lime:#ffd54f;--quantum-shadow:#0000008a;--border-glass:#ffb74d2e;--hero-warm-glow:#ff8f0021;--hero-violet-glow:#ffb74d21;--hero-panel-glow:#ffab402e;--hero-deep:#12081e;--overlay:#000000b8;--overlay-deep:#000000d1;--overlay-dialog:#000000c2;--mask-ink:#06020a;--qr-paper:#fff8ed;--qr-ink:#06020a;--surface-raised:#ffb74d0e;--neutral-silver:#a08070;--neutral-bronze:#ffb300;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.75rem;--radius-md:.875rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--shadow-sm:0 12px 30px #0000006b;--shadow-lg:0 24px 60px #0000008a;--shadow-hover:0 30px 72px #000000a3;--shadow-gold:4px 5px 0 #5c3e00;--shadow-cyan:4px 5px 0 #00495a;--container:73.75rem;--z-header:40;--z-popover:60;--z-dialog:80;--z-toast:100;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-pulse:cubic-bezier(.4, 0, .6, 1);--duration-fast:.16s;--duration-normal:.22s;--duration-reveal:.55s}@media (prefers-color-scheme:light){:root{--background:#06020a;--foreground:#fff8ed;--card:#10081af0;--card-foreground:#fff8ed;--popover:#0a0412fa;--popover-foreground:#fff8ed;--primary:#ffb74d;--primary-foreground:#1a0f00;--secondary:#ffb74d17;--secondary-foreground:#fff8ed;--muted:#ffb74d0f;--muted-foreground:#a08070;--text-soft:#c8a890;--accent:#ff6f00;--accent-foreground:#fff8ed;--border:#ffb74d2e;--border-bright:#ffb74d6b;--input:#0a0412f5;--ring:#ffb74d;--success:#66bb6a;--success-foreground:#0a140a;--danger:#ef5350;--danger-foreground:#fff8ed;--link:#ffb74d;--warning:#ffcc02;--warning-foreground:#1a0f00;--info:#ffab40;--info-foreground:#1a0f00;--surface-glass:#0000008a;--surface-glass-strong:#000000bd;--surface-stage:#000000b3;--surface-stage-line:#ffb74d47;--surface-stage-hotline:#ffb74d9e;--border-glass:#ffb74d2e;--shadow-sm:0 12px 30px var(--quantum-shadow);--shadow-lg:0 26px 80px #00000094;--shadow-hover:0 30px 90px #000000ad}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.list-item{display:list-item}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[auth\:password-reset\]{auth:password-reset}}.cc{--cc-paper:#070a0f;--cc-surface:#0b1119;--cc-sunken:#04070b;--cc-ink:#fff;--cc-ink-soft:#d9f8ff;--cc-muted:#a9bec7;--cc-faint:#83a2ad;--cc-line:#00d4ff33;--cc-line-strong:#00d4ff6b;--cc-clay:#00d4ff;--cc-clay-soft:#00d4ff1f;--cc-gold:#ffb000;--cc-success:#10b981;--cc-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--cc-text:var(--font-arabic), system-ui, sans-serif;--cc-xs:.75rem;--cc-sm:.8125rem;--cc-base:.9375rem;--cc-lg:1.125rem;--cc-xl:1.3125rem;--cc-gap:.5rem;--cc-step:1.5rem;--cc-block:clamp(2.5rem, 6vw, 5rem);--cc-radius:14px;--cc-ease:cubic-bezier(.32, .72, 0, 1);background:radial-gradient(circle at 88% 8%, #00d4ff1f, transparent 28rem), radial-gradient(circle at 8% 82%, #ffb00014, transparent 24rem), var(--cc-paper);min-block-size:72dvh;color:var(--cc-ink);font-family:var(--cc-text);font-size:var(--cc-base);padding-block:var(--cc-block);-webkit-font-smoothing:antialiased;line-height:1.85}.cc ::selection{background:var(--cc-clay);color:var(--cc-paper)}.cc-shell{max-width:62rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.25rem)}.cc .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cc-mono{font-family:var(--cc-mono);font-size:var(--cc-sm);letter-spacing:-.01em;font-variant-ligatures:none}.cc a:focus-visible,.cc button:focus-visible{outline:2px solid var(--cc-clay);outline-offset:3px;border-radius:var(--cc-radius)}.cc-prompt{color:var(--cc-muted);font-family:var(--cc-mono);font-size:var(--cc-sm);-webkit-user-select:none;user-select:none;border:1px solid var(--cc-line);border-radius:var(--cc-radius);background:#00000059;align-items:center;gap:.5ch;margin:0;padding:.8rem 1rem;display:flex}.cc-prompt__path{color:var(--cc-gold);font-weight:600}.cc-prompt__chevron{color:var(--cc-faint)}.cc-prompt__cmd{color:var(--cc-ink);font-style:normal}.cc-caret{background:var(--cc-clay);block-size:1.1em;inline-size:.55ch;animation:1.1s step-end infinite cc-blink;display:inline-block}@keyframes cc-blink{50%{opacity:0}}.cc-head{max-width:48ch;margin-block:var(--cc-step) calc(var(--cc-step) * 1.75)}.cc-head h1{min-width:0;color:var(--cc-ink);letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance;margin:0 0 .6rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.25}.cc-head p{color:var(--cc-muted);text-wrap:pretty;margin:0}.cc-status{margin-block:calc(var(--cc-step) * -.75) var(--cc-step);color:var(--cc-faint);font-family:var(--cc-mono);font-size:var(--cc-xs);flex-wrap:wrap;gap:.35rem 1.5rem;display:flex}.cc-status span{align-items:center;gap:.6ch;display:inline-flex}.cc-dot{background:var(--cc-success);border-radius:50%;block-size:6px;inline-size:6px;box-shadow:0 0 .85rem #10b981b3}.cc-rule{border:0;border-block-start:1px solid var(--cc-line);margin:0}.cc-rule--labeled{margin-block:calc(var(--cc-step) * 2) var(--cc-step);color:var(--cc-faint);font-family:var(--cc-mono);font-size:var(--cc-xs);align-items:center;gap:1rem;display:flex}.cc-rule--labeled:after{content:"";border-block-start:1px solid var(--cc-line);flex:1}.cc-list{border-block-start:1px solid var(--cc-line);margin:0;padding:0;list-style:none}.cc-group-label .cc-rule--labeled{margin-block:calc(var(--cc-step) * 1.25) 0;color:var(--cc-clay)}.cc-item{border-block-end:1px solid var(--cc-line)}.cc-card{padding:calc(var(--cc-step) * 1.15) .85rem;transition:background .2s var(--cc-ease), transform .2s var(--cc-ease);grid-template-columns:3.5ch minmax(0,1fr);gap:1.5rem;display:grid;position:relative}.cc-item:hover .cc-card,.cc-item:focus-within .cc-card{background:var(--cc-surface);transform:translateY(-2px)}.cc-card:before{background:var(--cc-clay);content:"";transform-origin:top;inline-size:2px;transition:transform .24s var(--cc-ease);position:absolute;inset-block:0;inset-inline-start:0;transform:scaleY(0)}.cc-item:hover .cc-card:before,.cc-item:focus-within .cc-card:before{transform:scaleY(1)}.cc-card__index{color:var(--cc-faint);font-family:var(--cc-mono);font-size:var(--cc-sm);font-variant-numeric:tabular-nums;padding-block-start:.4rem}.cc-card__slug{color:var(--cc-gold);font-family:var(--cc-mono);font-size:var(--cc-xs);margin-block-end:.4rem;display:block}.cc-card__body{min-width:0}.cc-card__body h2{min-width:0;font-size:var(--cc-xl);letter-spacing:-.015em;overflow-wrap:anywhere;margin:0 0 .4rem;font-weight:700;line-height:1.4}.cc-card__body>p{max-width:56ch;color:var(--cc-muted);text-wrap:pretty;margin:0 0 1.1rem}.cc-flags{font-family:var(--cc-mono);font-size:var(--cc-xs);flex-wrap:wrap;gap:.4rem 1.5rem;margin:0 0 1.25rem;display:flex}.cc-flags>div{gap:.6ch;display:flex}.cc-flags dt{color:var(--cc-clay)}.cc-flags dd{color:var(--cc-ink-soft);font-variant-numeric:tabular-nums;margin:0}.cc-tag{border-radius:var(--cc-radius);background:var(--cc-clay-soft);color:var(--cc-clay);font-family:var(--cc-mono);font-size:var(--cc-xs);padding:.1rem .5rem;line-height:1.6;display:inline-block}.cc-btn{cursor:pointer;font-family:var(--cc-mono);font-size:var(--cc-sm);transition:background .18s var(--cc-ease), color .18s var(--cc-ease), border-color .18s var(--cc-ease);white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:.7ch;padding:.65rem 1rem;line-height:1;text-decoration:none;display:inline-flex}.cc-btn__chevron{opacity:.65}.cc-btn--solid{border-color:var(--cc-gold);background:var(--cc-gold);color:#070a0f;font-weight:700;box-shadow:0 .55rem 1.4rem #ffb00029}.cc-btn--solid:hover{border-color:var(--cc-clay);background:var(--cc-clay)}.cc-btn--ghost{border-color:var(--cc-line-strong);color:var(--cc-ink);background:0 0}.cc-btn--ghost:hover{border-color:var(--cc-clay);color:var(--cc-clay)}.cc-soon{margin:0;padding:0;list-style:none}.cc-soon li{border-block-end:1px dashed var(--cc-line);color:var(--cc-muted);font-size:var(--cc-sm);gap:1.2ch;padding-block:.5rem;display:flex}.cc-soon li:last-child{border-block-end:0}.cc-soon__mark{color:var(--cc-faint);font-family:var(--cc-mono);flex-shrink:0}.cc-soon b{color:var(--cc-ink-soft);font-weight:700}.cc-join{padding:var(--cc-step);border:1px solid var(--cc-line);border-radius:var(--cc-radius);background:linear-gradient(135deg, #00d4ff17, transparent 65%), var(--cc-surface);justify-content:space-between;align-items:center;gap:1rem;margin-block-start:calc(var(--cc-step) * 2);display:flex}.cc-join p{color:var(--cc-muted);margin:0}.cc-join strong{color:var(--cc-ink);font-weight:700;display:block}@media (max-width:34rem){.cc-card{grid-template-columns:minmax(0,1fr);gap:.5rem;padding-inline:.5rem}.cc-card__index{padding-block-start:0}.cc-join{flex-direction:column;align-items:stretch}.cc-join .cc-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.cc *,.cc :before{transition:none!important;animation:none!important}}@media (forced-colors:active){.cc-card:before,.cc-caret{forced-color-adjust:none;background:highlight}.cc-btn{border-color:buttonborder}}[data-game=mafia]{--game-accent:#c62828;--game-accent-soft:#c6282824;--game-accent-strong:var(--gold)}[data-game=parallel-world]{--game-accent:#7c4dff;--game-accent-soft:#7c4dff24;--game-accent-strong:#40c4ff}[data-game=reverse-time]{--game-accent:#0288d1;--game-accent-soft:#0288d124;--game-accent-strong:#4dd0e1}[data-game=infiltrator]{--game-accent:#ef5350;--game-accent-soft:#787c8829;--game-accent-strong:#42a5f5}[data-game=memory-flash]{--game-accent:#2979ff;--game-accent-soft:#2979ff24;--game-accent-strong:#b388ff}[data-game=word-code]{--game-accent:var(--gold);--game-accent-soft:#ffb3001f;--game-accent-strong:#66bb6a}[data-game=color-rush]{--game-accent:var(--accent);--game-accent-soft:#ff6f0024;--game-accent-strong:var(--primary)}[data-game=chess]{--game-accent:#8b5cf6;--game-accent-soft:#8b5cf61f;--game-accent-strong:var(--gold)}.game-how-to{border:1px solid var(--border);border-inline-start:3px solid var(--game-accent,var(--primary));border-radius:var(--radius-lg);background:var(--surface-glass);gap:1rem;padding:1.25rem;display:grid}.game-how-to__title{color:var(--game-accent-strong,var(--primary));margin:0;font-size:1.15rem}.game-how-to__goal{align-items:flex-start;gap:.65rem;display:flex}.game-how-to__goal svg{width:1.15rem;height:1.15rem;color:var(--game-accent,var(--primary));flex-shrink:0;margin-top:.2rem}.game-how-to__goal p{color:var(--muted-foreground,inherit);margin:.15rem 0 0}.game-how-to__label{align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:inline-flex}.game-how-to__label svg{width:1rem;height:1rem;color:var(--game-accent,var(--primary))}.game-how-to__steps ol{gap:.4rem;margin:.5rem 0 0;padding-inline-start:1.25rem;display:grid}.game-how-to__steps li::marker{color:var(--game-accent,var(--primary));font-weight:700}.game-how-to__example,.game-how-to__tip{border-radius:var(--radius-md);background:var(--game-accent-soft,var(--surface-raised));align-items:flex-start;gap:.55rem;margin:0;padding:.75rem .9rem;font-size:.95rem;display:flex}.game-how-to__example svg,.game-how-to__tip svg{width:1rem;height:1rem;color:var(--game-accent-strong,var(--primary));flex-shrink:0;margin-top:.25rem}.game-connection{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--foreground);background:var(--surface-glass);align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.game-connection svg{width:.9rem;height:.9rem}.game-connection[data-state=connected]{color:var(--success);border-color:#66bb6a80}.game-connection[data-state=connecting] svg{animation:1.2s ease-in-out infinite game-connection-pulse}.game-connection[data-state=failed]{color:var(--danger);border-color:#ef535080}@keyframes game-connection-pulse{0%,to{opacity:1}50%{opacity:.35}}.game-3d-card{perspective:1100px;width:min(20rem,100%);margin-inline:auto}.game-3d-card__inner{width:100%;min-height:16rem;transform-style:preserve-3d;cursor:pointer;border-radius:var(--radius-xl);outline-offset:4px;transition:transform .45s cubic-bezier(.2,.7,.3,1);position:relative}.game-3d-card__inner[data-flipped]{cursor:default;transform:rotateY(180deg)}.game-3d-card__face{text-align:center;border-radius:var(--radius-xl);border:1px solid var(--border-bright);background:var(--surface-stage);backface-visibility:hidden;place-content:center;gap:.75rem;padding:1.5rem;display:grid;position:absolute;inset:0}.game-3d-card__face--back{border-color:var(--game-accent,var(--primary));box-shadow:0 0 2.5rem var(--game-accent-soft,transparent);transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.game-3d-card__inner{transition:none}.game-connection[data-state=connecting] svg{animation:none}}.game-sound-toggle{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-glass);width:2.75rem;height:2.75rem;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:inline-flex}.game-sound-toggle:hover,.game-sound-toggle:focus-visible{border-color:var(--border-bright);color:var(--primary)}.game-sound-toggle svg{width:1.15rem;height:1.15rem}.game-sound-toggle[aria-pressed=true]{color:var(--muted-foreground,inherit);opacity:.75}.role-reveal .game-3d-card{width:min(26rem,100% - 2rem)}.role-reveal .game-3d-card__inner{min-height:20rem}.role-reveal[data-role=infiltrator] .game-3d-card__face--back{border-color:var(--danger);box-shadow:0 0 2.5rem #ef535040}.role-reveal[data-role=majority] .game-3d-card__face--back{border-color:var(--primary);box-shadow:0 0 2.5rem #ffb74d33}[data-game=chess]{--chess-board-light:#d9c9ac;--chess-board-dark:#14110e;--chess-board-light-selected:#f6cf64;--chess-board-dark-selected:#c18a22;--chess-board-light-legal:#0000001f;--chess-board-dark-legal:#0000002e;--chess-board-light-last:#e8bf65;--chess-board-dark-last:#ad792d;--chess-board-light-check:#e57373;--chess-board-dark-check:#c62828;--chess-square-size:clamp(2.5rem, 8vw, 4.5rem);--chess-piece-size:calc(var(--chess-square-size) * .82);--chess-radius:.875rem;--chess-transition:.18s var(--ease-standard);--chess-glow:0 0 0 3px #ffb74d59;--chess-legal-dot:28%;--chess-legal-ring:38%;--chess-overlay-bg:#06020ad9;--chess-surface-elevated:#10081af5;--chess-border-accent:#ffb74d38;--chess-text-soft:#a08070;--chess-success:#66bb6a;--chess-danger:#ef5350;--chess-warning:#ffcc02;--chess-info:#ffab40;--chess-piece-white:#fffaf0;--chess-piece-black:#1d120d}@media (prefers-color-scheme:light){[data-game=chess]{--chess-board-light:#f0d9b5;--chess-board-dark:#b58863;--chess-board-light-selected:#f5ec85;--chess-board-dark-selected:#a88b3a;--chess-board-light-legal:#0000001a;--chess-board-dark-legal:#00000024;--chess-board-light-last:#cdd26a;--chess-board-dark-last:#aaa23a;--chess-board-light-check:#ef5350;--chess-board-dark-check:#c62828;--chess-overlay-bg:#06020ae0;--chess-surface-elevated:#10081af7}}.chess-entry{position:relative;overflow:hidden}.chess-entry:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% 0,#ffb74d14 0%,#0000 70%),radial-gradient(40% 40% at 80% 80%,#ff6f000d 0%,#0000 60%);position:absolute;inset:0}.chess-entry__heading{z-index:1;text-align:center;margin-block-end:var(--space-8);position:relative}.chess-entry__heading h1{color:var(--foreground);justify-content:center;align-items:center;gap:var(--space-3);margin-block:0;font-size:clamp(2rem,5vw,3rem);font-weight:800;display:flex}.chess-entry-badges{gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-4);display:flex}.chess-badge{align-items:center;gap:var(--space-1);padding-block:.25rem;padding-inline:var(--space-3);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-soft);font-size:.75rem;font-weight:600;display:inline-flex}.chess-entry__heading p{color:var(--text-soft);max-width:32rem;margin-block-start:var(--space-3);margin-inline:auto;font-size:clamp(1rem,2vw,1.125rem)}.chess-entry-panel{z-index:1;max-width:28rem;padding:var(--space-8);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-inline:auto;position:relative}.chess-entry-tabs{gap:var(--space-2);background:var(--muted);border-radius:var(--radius-full);margin-block-end:var(--space-6);padding:.25rem;display:flex}.chess-entry-tabs button{padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-full);color:var(--text-soft);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;flex:1;font-size:.9rem;font-weight:600}.chess-entry-tabs button[aria-selected=true]{background:var(--surface-strong);color:var(--foreground);box-shadow:0 1px 3px #0000004d}.chess-join-form{gap:var(--space-4);flex-direction:column;display:flex}.chess-create-room{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.chess-create-room svg{width:5rem;height:5rem;color:var(--primary);opacity:.9}.chess-create-room h2{margin:0;font-size:1.25rem;font-weight:700}.chess-create-room p{color:var(--text-soft);max-width:20rem;margin:0;font-size:.9rem}.chess-time-controls,.chess-color-choice{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.chess-time-controls__label,.chess-color-choice__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);text-align:start;font-size:.75rem;font-weight:600}.chess-time-controls__chips,.chess-color-choice__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chess-time-chip,.chess-color-chip{padding-block:var(--space-2);padding-inline:var(--space-3);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-soft);cursor:pointer;transition:all var(--duration-fast);font-size:.8rem;font-weight:600}.chess-time-chip:hover,.chess-color-chip:hover{border-color:var(--primary);color:var(--foreground)}.chess-time-chip.active,.chess-color-chip.active{background:var(--secondary);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px #ffb74d33}.chess-time-chip[aria-checked=true],.chess-color-chip[aria-checked=true]{outline:2px solid var(--ring);outline-offset:2px}.chess-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--danger);background:#ef53501a;border:1px solid #ef53504d;margin-block-start:var(--space-4);font-size:.875rem;display:flex}.chess-stage-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.chess-stage-header__mode{padding-block:.25rem;padding-inline:var(--space-3);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--space-2);font-size:.75rem;font-weight:600;display:inline-block}.chess-stage-header h1{margin:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.chess-stage-header__signals{align-items:center;gap:var(--space-3);display:flex}.chess-room-pin{color:var(--text-soft);padding-block:.25rem;padding-inline:var(--space-3);background:var(--muted);border-radius:var(--radius-sm);border:1px solid var(--border);font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.875rem;font-weight:600}.chess-waiting-panel{align-items:center;gap:var(--space-6);padding:var(--space-8);text-align:center;flex-direction:column;max-width:32rem;margin-inline:auto;display:flex}.chess-waiting-matchup{justify-content:center;align-items:center;gap:var(--space-4);width:100%;display:flex}.chess-qr{padding:var(--space-4);background:var(--qr-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chess-qr svg{max-width:100%;height:auto;display:block}.chess-invite-copy{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.chess-invite-copy span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);font-size:.75rem;font-weight:600}.chess-invite-copy strong{color:var(--foreground);letter-spacing:.15em;font-family:ui-monospace,SF Mono,monospace;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.chess-invite-copy p{color:var(--text-soft);margin:0;font-size:.875rem}.chess-ready-panel{align-items:center;gap:var(--space-6);padding:var(--space-8);text-align:center;flex-direction:column;max-width:28rem;margin-inline:auto;display:flex}.chess-ready-panel>p{color:var(--text-soft);margin:0;font-size:.95rem}.chess-ready-matchup{justify-content:center;align-items:center;gap:var(--space-4);width:100%;display:flex}.chess-ready-player{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:7rem;transition:all var(--duration-fast);flex-direction:column;display:flex}.chess-ready-player.ready{border-color:var(--chess-success);background:var(--chess-success)}@supports (color:color-mix(in lab, red, red)){.chess-ready-player.ready{background:color-mix(in srgb, var(--chess-success) 8%, var(--muted))}}.chess-ready-player.waiting{opacity:.7}.chess-ready-player__name{color:var(--foreground);font-size:1rem;font-weight:700}.chess-ready-player__color{color:var(--text-soft);font-size:.8rem}.chess-ready-player__status{color:var(--chess-success);padding-block:.15rem;padding-inline:var(--space-2);background:var(--chess-success);font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.chess-ready-player__status{background:color-mix(in srgb, var(--chess-success) 15%, transparent)}}.chess-ready-player__status{border-radius:var(--radius-full)}.chess-ready-vs{color:var(--primary);opacity:.8;flex-shrink:0;font-size:1.25rem;font-weight:900}.chess-countdown-panel{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);text-align:center;flex-direction:column;max-width:20rem;margin-inline:auto;display:flex}.chess-countdown-panel h2{color:var(--text-soft);margin:0;font-size:1.125rem;font-weight:600}.chess-countdown-number{color:var(--primary);font-size:clamp(3rem,10vw,5rem);font-weight:900;line-height:1;animation:1s ease-in-out infinite chess-countdown-pulse}@keyframes chess-countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.chess-play-grid{gap:var(--space-6);grid-template-columns:1fr;max-width:68rem;margin-inline:auto;display:grid}@media (min-width:1120px){.chess-play-grid{grid-template-columns:minmax(0,auto) minmax(17rem,21rem);align-items:start}}.chess-board-wrapper{gap:var(--space-4);padding:clamp(var(--space-3), 2vw, var(--space-6));perspective:75rem;border-radius:var(--radius-xl);background-color:#090705;background-image:radial-gradient(circle at 18% 12%,#ffb74d14,#0000 28%),linear-gradient(128deg,#0000 37%,#a0672021 38%,#0000 39%),linear-gradient(42deg,#0000 68%,#ffb74d14 69%,#0000 70%);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:.5rem .75rem 2.5rem #00000061}.chess-board-wrapper:before{content:"";background:var(--primary);height:.2rem;position:absolute;inset:0 0 auto}.chess-player{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast), background-color var(--duration-fast), box-shadow var(--duration-fast);width:min(calc(var(--chess-square-size) * 8), 100%);border:1px solid #0000;min-height:4.25rem;display:flex;position:relative}.chess-player.active{border-color:var(--primary);box-shadow:.2rem .3rem 0 var(--primary)}@supports (color:color-mix(in lab, red, red)){.chess-player.active{box-shadow:.2rem .3rem 0 color-mix(in srgb, var(--primary) 38%, transparent)}}.chess-player.active{background:var(--surface-strong)}@supports (color:color-mix(in lab, red, red)){.chess-player.active{background:color-mix(in srgb, var(--surface-strong) 88%, var(--primary))}}.chess-player.disconnected{opacity:.6;border-style:dashed}.chess-player__main{align-items:center;gap:var(--space-3);display:flex}.chess-player__avatar{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.chess-player__info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.chess-player__name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.chess-player__color{color:var(--text-soft);font-size:.75rem}.chess-player__meta{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;display:flex}.chess-player__clock{color:var(--foreground);letter-spacing:.04em;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:1.3rem;font-weight:800}.chess-player.active .chess-player__clock{color:var(--primary)}.chess-player__turn-indicator{color:var(--chess-success);padding-block:.1rem;padding-inline:var(--space-2);background:var(--chess-success);font-size:.7rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.chess-player__turn-indicator{background:color-mix(in srgb, var(--chess-success) 12%, transparent)}}.chess-player__turn-indicator{border-radius:var(--radius-full)}.chess-player__turn-indicator:before{content:"";width:.45rem;height:.45rem;background:currentColor;border-radius:50%;margin-inline-end:var(--space-1);display:inline-block}.chess-player__connection{color:var(--danger);font-size:.7rem;font-weight:700}.chess-spectator-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;margin-block-end:var(--space-3);display:flex}.chess-spectator-badge{align-items:center;gap:var(--space-1);color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700;display:inline-flex}.chess-spectator-matchup{align-items:center;gap:var(--space-3);color:var(--foreground);font-size:1rem;font-weight:700;display:flex}.chess-spectator-vs{color:var(--primary);opacity:.7;font-size:.8rem;font-weight:800}.chess-player__badge{padding-block:.15rem;padding-inline:var(--space-2);background:var(--primary);color:var(--primary-foreground);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);top:-.5rem;font-size:.65rem;font-weight:700;position:absolute;inset-inline-start:var(--space-3)}.chess-board{border-radius:var(--chess-radius);isolation:isolate;transform-origin:bottom;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;width:calc(var(--chess-square-size) * 8 + 1.1rem);background-color:#080604;background-image:linear-gradient(135deg,#0000 44%,#b8792733 45%,#0000 46%),radial-gradient(circle at 72% 18%,#ffd17514,#0000 32%);flex-direction:column;max-width:100%;padding:.55rem;display:flex;position:relative;overflow:visible;transform:rotateX(7deg)translateY(-.15rem);box-shadow:0 0 0 1px #3c260e,0 .18rem #bd8533,0 .42rem #28160a,0 .7rem #080403,.8rem 1.5rem 2.6rem #000000ad}.chess-board:before,.chess-board:after{content:"";pointer-events:none;position:absolute}.chess-board:before{z-index:5;border:1px solid #ffcf66b8;inset:.18rem;box-shadow:inset 0 0 0 1px #301b08eb,inset 0 0 0 3px #d4912d3d}.chess-board:after{z-index:-1;border:1px solid #8c5d1e;inset:-.18rem;box-shadow:0 0 0 .16rem #110a05}.chess-board__row{grid-template-columns:repeat(8, var(--chess-square-size));transform-style:preserve-3d;display:grid}.chess-square{width:var(--chess-square-size);height:var(--chess-square-size);cursor:pointer;transform-style:preserve-3d;background-color:var(--chess-board-light);transition:background-color var(--chess-transition), box-shadow var(--chess-transition);-webkit-tap-highlight-color:transparent;background-image:radial-gradient(circle at 26% 30%,#fff3,#0000 30%),linear-gradient(118deg,#0000 43%,#714d261f 44%,#0000 45%),linear-gradient(32deg,#0000 72%,#9a6f3e1a 73%,#0000 74%);border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.chess-square.dark{background-color:var(--chess-board-dark);background-image:radial-gradient(circle at 70% 22%,#ffb74d14,#0000 34%),linear-gradient(124deg,#0000 39%,#b8792729 40%,#0000 41%),linear-gradient(48deg,#0000 68%,#d89a3f1a 69%,#0000 70%)}.chess-square.selected{background-color:var(--chess-board-light-selected)}.chess-square.dark.selected{background-color:var(--chess-board-dark-selected)}.chess-square.legal{cursor:pointer}.chess-square.last-move{background-color:var(--chess-board-light-last)}.chess-square.dark.last-move{background-color:var(--chess-board-dark-last)}.chess-square:focus-visible{outline:3px solid var(--ring);outline-offset:-3px;z-index:2}.chess-square.in-check{animation:.8s ease-in-out infinite chess-check-pulse;background:var(--chess-board-light-check)!important}.chess-square.dark.in-check{background:var(--chess-board-dark-check)!important}@keyframes chess-check-pulse{0%,to{box-shadow:inset 0 0 0 3px #ef535099}50%{box-shadow:inset 0 0 0 6px #ef5350e6}}.chess-legal-dot{width:var(--chess-legal-dot);height:var(--chess-legal-dot);pointer-events:none;z-index:1;background:#00000047;border-radius:50%;position:absolute}.chess-square.dark .chess-legal-dot{background:#00000061}.chess-legal-ring{pointer-events:none;z-index:1;border:3px solid #00000059;border-radius:50%;position:absolute;inset:8%}.chess-square.dark .chess-legal-ring{border-color:#00000073}.chess-piece-model{font-size:var(--chess-piece-size);color:#0000;transform-origin:bottom;transition:transform var(--chess-transition);pointer-events:none;z-index:2;-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,Segoe UI Symbol,serif;font-weight:700;line-height:.86;display:inline-block;position:relative;transform:translateZ(1.15rem)translateY(-.08rem)scaleY(1.08)}.chess-piece-model--gold{-webkit-text-stroke:.035em #5a3003;text-shadow:0 .03em #fff1a3,0 .08em #a85d08,0 .14em #6b3603,.08em .18em .16em #000000b8;background-image:linear-gradient(90deg,#6d3b03 4%,#d89019 28%,#fff0a6 48%,#b56808 68%,#f3c85c 92%)}.chess-piece-model--sapphire{-webkit-text-stroke:.028em #d4a349;filter:saturate(1.2)contrast(1.14)drop-shadow(.05em .12em .08em #020312c7);text-shadow:-.018em -.02em #f3cf7a,0 .035em #8fb0ff,0 .08em #263c99,0 .13em #111b55,0 .19em #060a25,.1em .24em .2em #010210e6;background-image:linear-gradient(102deg,#05081f 3%,#101b5c 20%,#5f86ff 37%,#172773 49%,#6d42c7 68%,#07091e 96%);transform:translateZ(1.35rem)translateY(-.12rem)scaleY(1.12)}.chess-square:active .chess-piece-model{transform:translateZ(.75rem)scale(.94)scaleY(1.05)}.chess-board__coord{color:#2d1c12b8;pointer-events:none;z-index:3;font-size:.65rem;font-weight:700;line-height:1;position:absolute}.chess-square.dark .chess-board__coord{color:#ffffff8c}.chess-board__coord--rank{inset-block-start:.2rem;left:.25rem}.chess-board__coord--file{inset-block-end:.2rem;right:.25rem}.chess-side-panel{background:var(--surface-soft);border-radius:var(--radius-xl);padding:var(--space-5);border:0;max-height:28rem;overflow-y:auto;box-shadow:.4rem .6rem 2rem #00000047}.chess-side-panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);border-block-end:1px solid var(--border);margin-block-end:var(--space-3);padding-block-end:var(--space-2);font-size:.8rem;font-weight:700}.chess-move-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.chess-move-list li{gap:var(--space-2);padding-block:.35rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);grid-template-columns:2rem 1fr 1fr;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.85rem;display:grid}.chess-move-list li:nth-child(odd){background:var(--muted)}.chess-move-number{color:var(--text-soft);text-align:end;font-weight:600}.white-move{color:var(--foreground);font-weight:500}.black-move{color:var(--text-soft)}.chess-move-list li:last-child{background:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.chess-move-list li:last-child{background:color-mix(in srgb, var(--secondary) 50%, transparent)}}.chess-move-list li:last-child .white-move,.chess-move-list li:last-child .black-move{color:var(--primary);font-weight:700}.chess-move-empty{margin:var(--space-6) 0;color:var(--text-soft);text-align:center;font-size:.85rem;line-height:1.8}.chess-move-history-toggle{padding-block:.2rem;padding-inline:var(--space-2);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-soft);cursor:pointer;transition:all var(--duration-fast);font-size:.7rem;font-weight:600}.chess-move-history-toggle:hover{border-color:var(--primary);color:var(--foreground)}.chess-move-history-toggle[aria-expanded=true]{background:var(--secondary);border-color:var(--primary);color:var(--primary)}@media (max-width:1023px){.chess-side-panel{max-height:none}.chess-move-list{display:none}.chess-side-panel.is-open .chess-move-list{display:flex}}.chess-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.chess-disconnect-notice{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--chess-warning);max-width:32rem;margin-block-start:var(--space-4);margin-inline:auto;display:flex}@supports (color:color-mix(in lab, red, red)){.chess-disconnect-notice{background:color-mix(in srgb, var(--chess-warning) 8%, transparent)}}.chess-disconnect-notice{border:1px solid var(--chess-warning)}@supports (color:color-mix(in lab, red, red)){.chess-disconnect-notice{border:1px solid color-mix(in srgb, var(--chess-warning) 25%, transparent)}}.chess-disconnect-notice{border-radius:var(--radius-md);color:var(--chess-warning);animation:chess-disconnect-in .3s var(--ease-out);font-size:.9rem}.chess-disconnect-timer{padding-block:.15rem;padding-inline:var(--space-2);background:var(--chess-warning);font-family:ui-monospace,SF Mono,monospace;font-size:.85rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.chess-disconnect-timer{background:color-mix(in srgb, var(--chess-warning) 15%, transparent)}}.chess-disconnect-timer{border-radius:var(--radius-full)}@keyframes chess-disconnect-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@supports (color:color-mix(in lab, red, red)){.chess-reconnect-notice{background:color-mix(in srgb, var(--chess-success) 8%, transparent);border-color:color-mix(in srgb, var(--chess-success) 25%, transparent)}}.chess-reconnect-notice{background:var(--chess-success)}@supports (color:color-mix(in lab, red, red)){.chess-reconnect-notice{background:color-mix(in srgb, var(--chess-success) 8%, transparent)}}.chess-reconnect-notice{border-color:var(--chess-success)}@supports (color:color-mix(in lab, red, red)){.chess-reconnect-notice{border-color:color-mix(in srgb, var(--chess-success) 25%, transparent)}}.chess-reconnect-notice{color:var(--chess-success)}.chess-draw-offer{align-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center;background:var(--chess-info);max-width:24rem;flex-direction:column;margin-block-start:var(--space-4);margin-inline:auto;display:flex}@supports (color:color-mix(in lab, red, red)){.chess-draw-offer{background:color-mix(in srgb, var(--chess-info) 8%, transparent)}}.chess-draw-offer{border:1px solid var(--chess-info)}@supports (color:color-mix(in lab, red, red)){.chess-draw-offer{border:1px solid color-mix(in srgb, var(--chess-info) 25%, transparent)}}.chess-draw-offer{border-radius:var(--radius-lg)}.chess-draw-offer p{color:var(--chess-info);margin:0;font-weight:600}.chess-result-panel{align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-8);text-align:center;background:var(--chess-surface-elevated);border:1px solid var(--chess-border-accent);border-radius:var(--radius-xl);max-width:28rem;box-shadow:var(--shadow-lg), 0 0 60px #ffb74d14;animation:chess-result-in .5s var(--ease-out);flex-direction:column;margin-block-start:var(--space-6);margin-inline:auto;display:flex}@keyframes chess-result-in{0%{opacity:0;transform:translateY(1rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chess-result-panel svg{width:3rem;height:3rem;color:var(--gold)}.chess-result-panel h2{color:var(--foreground);margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.chess-result-reason{color:var(--text-soft);padding:var(--space-2) var(--space-4);background:var(--muted);border-radius:var(--radius-full);margin:0;font-size:.95rem}.chess-result-winner{color:var(--primary);margin:0;font-size:1.125rem;font-weight:700}.chess-result-meta{color:var(--text-soft);margin:0;font-size:.8rem}.chess-result-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-block-start:var(--space-2);display:flex}.chess-promotion-dialog{z-index:var(--z-dialog);background:var(--chess-overlay-bg);padding:var(--space-4);animation:chess-overlay-in .2s var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes chess-overlay-in{0%{opacity:0}to{opacity:1}}.chess-promotion-dialog[role=dialog]{background:var(--chess-surface-elevated);border:1px solid var(--chess-border-accent);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:20rem}.chess-promotion-dialog h3{color:var(--foreground);margin-block-end:var(--space-4);font-size:1.125rem;font-weight:700}.chess-promotion-options{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.chess-promotion-btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-2);background:var(--muted);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;transition:all var(--duration-fast);flex-direction:column;min-width:0;font-size:1.75rem;display:flex}.chess-promotion-btn:hover{border-color:var(--primary);background:var(--secondary);transform:translateY(-2px)}.chess-promotion-btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.chess-promotion-btn span{color:var(--text-soft);font-size:.7rem;font-weight:600}.chess-check-alert{top:var(--space-6);z-index:var(--z-toast);padding:var(--space-3) var(--space-6);background:var(--chess-surface-elevated);border:1px solid var(--chess-border-accent);border-radius:var(--radius-full);color:var(--danger);box-shadow:var(--shadow-lg);animation:chess-check-in .3s var(--ease-out), chess-check-out .3s var(--ease-out) 1.5s forwards;pointer-events:none;font-size:1rem;font-weight:700;position:fixed;inset-inline-start:50%;transform:translate(-50%)}@keyframes chess-check-in{0%{opacity:0;transform:translate(-50%)translateY(-1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes chess-check-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-1rem)}}.chess-empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;max-width:24rem;margin-inline:auto;display:flex}.chess-empty-state svg{width:3rem;height:3rem;color:var(--text-soft);opacity:.6}.chess-empty-state h3{color:var(--foreground);margin:0;font-size:1.125rem;font-weight:700}.chess-empty-state p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.6}.chess-spectator-badge{align-items:center;gap:var(--space-1);padding-block:.2rem;padding-inline:var(--space-2);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-soft);font-size:.7rem;font-weight:600;display:inline-flex}@media (max-width:480px){:root{--chess-square-size:clamp(1.9rem, calc((100vw - 4.5rem) / 8), 3rem)}.chess-board__coord{font-size:.55rem}.chess-piece-model{font-size:calc(var(--chess-square-size) * .78)}.chess-board{transform:rotateX(4deg)}.chess-player{min-height:3.75rem;padding:var(--space-2) var(--space-3)}.chess-player__avatar{width:2rem;height:2rem}.chess-player__turn-indicator,.chess-player__connection{display:none}.chess-player__clock{font-size:1rem}}@media (min-width:768px) and (max-width:1023px){:root{--chess-square-size:clamp(3rem, 7vw, 4rem)}}@media (min-width:1440px){:root{--chess-square-size:clamp(3.5rem, 5vw, 5rem)}}@media (prefers-reduced-motion:reduce){.chess-countdown-number,.chess-square.in-check,.chess-disconnect-notice,.chess-result-panel,.chess-promotion-dialog,.chess-check-alert{animation:none!important}.chess-piece-model,.chess-square,.chess-player,.chess-promotion-btn{transition:none!important}}@media print{.chess-actions,.chess-entry-tabs,.chess-stage-header__signals{display:none!important}.chess-board{box-shadow:none;border:1px solid #ccc}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);overflow-x:clip}body{min-width:320px;color:var(--foreground);background:var(--background);font-family:var(--font-sans);margin:0;font-weight:400;line-height:1.65;overflow-x:clip}main,section,header,footer,nav{min-inline-size:0}button,input,textarea,select{font:inherit;color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,video{max-inline-size:100%}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere;min-width:0;font-weight:800;line-height:1.25}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ring)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--ring) 75%, transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{inline-size:min(calc(100% - 2rem), var(--container));margin-inline:auto}.section{padding-block:clamp(4rem,8vw,7rem)}.tinted{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.tinted{background:color-mix(in srgb, var(--card) 72%, transparent)}}.tinted{border-block:1px solid var(--border)}.muted{color:var(--muted-foreground)}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.inline-between{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.center-actions,.component-row{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mafia-page{min-block-size:70vh}.mafia-page .page-header{margin-block-end:clamp(1.5rem,4vw,3rem)}.mafia-features,.mafia-entry-grid,.mafia-host-grid,.mafia-play-grid,.mafia-history,.mafia-chat-card{margin-block-start:var(--space-6)}.mafia-features .card>svg{block-size:2rem;inline-size:2rem;color:var(--primary)}.mafia-flow{gap:var(--space-5);margin-block:var(--space-6);border-block:1px solid var(--border);padding-block:var(--space-6);display:grid}.mafia-flow .section-heading{margin:0}.mafia-flow .section-heading p{max-inline-size:52rem}.mafia-flow-list{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mafia-flow-list li{align-items:start;gap:var(--space-3);border-inline-start:2px solid var(--primary);min-inline-size:0;grid-template-columns:2.75rem minmax(0,1fr);padding-inline-start:var(--space-4);display:grid}.mafia-flow-list svg{block-size:2rem;inline-size:2rem;color:var(--primary)}.mafia-flow-list div{gap:var(--space-2);min-inline-size:0;display:grid}.mafia-flow-list strong{font-size:1.05rem}.mafia-flow-list span,.mafia-flow-loop{color:var(--muted-foreground);overflow-wrap:anywhere}.mafia-flow-loop{margin:0;font-weight:700}.mafia-phase-timer{gap:var(--space-3);border:1px solid var(--primary);margin-block-end:var(--space-6);display:grid}@supports (color:color-mix(in lab, red, red)){.mafia-phase-timer{border:1px solid color-mix(in srgb, var(--primary) 52%, var(--border))}}.mafia-phase-timer{background:var(--card);border-radius:1rem}@supports (color:color-mix(in lab, red, red)){.mafia-phase-timer{background:color-mix(in srgb, var(--card) 88%, var(--primary) 12%)}}.mafia-phase-timer{padding:var(--space-4);box-shadow:inset 0 1px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){.mafia-phase-timer{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foreground) 10%, transparent)}}.mafia-timer-heading,.mafia-timer-times{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mafia-timer-heading>div:first-child{gap:var(--space-1);display:grid}.mafia-timer-heading span,.mafia-timer-times{color:var(--muted-foreground)}.mafia-timer-heading strong{font-size:1.15rem}.mafia-timer-value{align-items:center;gap:var(--space-2);min-inline-size:8.5rem;color:var(--primary);font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;line-height:1;display:flex}.mafia-timer-value svg{block-size:1.4rem;inline-size:1.4rem}.mafia-timer-track{background:var(--muted);border-radius:999px;block-size:.55rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mafia-timer-track{background:color-mix(in srgb, var(--muted) 70%, transparent)}}.mafia-timer-track span{transform-origin:100%;background:var(--primary);block-size:100%;inline-size:100%;display:block}.mafia-timer-times{font-size:.82rem}.mafia-timer-next{align-items:center;gap:var(--space-2);color:var(--foreground);margin:0;font-weight:700;display:flex}.mafia-timer-next svg,.mafia-phase-timer-manual>svg{block-size:1.15rem;inline-size:1.15rem;color:var(--warning);flex:none}.mafia-phase-timer-manual{grid-template-columns:auto minmax(0,1fr);align-items:center}.mafia-phase-timer-manual div{gap:var(--space-1);display:grid}.mafia-phase-timer-manual span{color:var(--muted-foreground)}.stack-form{gap:var(--space-4);display:grid}.stack-form label,.form-row label{gap:var(--space-2);color:var(--muted-foreground);font-weight:700;display:grid}.stack-form input,.stack-form select,.mafia-chat-form input{border:1px solid var(--border);background:var(--input);border-radius:.9rem;min-block-size:3rem;inline-size:100%;padding-inline:.9rem}.form-row{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mafia-player-list,.mafia-messages{gap:var(--space-3);scrollbar-gutter:stable;max-block-size:32rem;display:grid;overflow-y:auto}.mafia-player-row,.mafia-message{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--border);background:var(--card);border-radius:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.mafia-player-row,.mafia-message{background:color-mix(in srgb, var(--card) 86%, transparent)}}.mafia-player-row,.mafia-message{padding:var(--space-3)}.mafia-player-row>div,.mafia-message>div{gap:.15rem;display:grid}.mafia-player-row span,.mafia-message span{color:var(--muted-foreground);font-size:.82rem}.mafia-message p{overflow-wrap:anywhere;flex:1;margin:0}.mafia-role-card{background:radial-gradient(circle at 15% 15%, var(--primary), transparent 35%), var(--card);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mafia-role-card{background:radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 35%), var(--card)}}.mafia-role-icon{block-size:4.5rem;inline-size:4.5rem;color:var(--primary);background:var(--primary);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.mafia-role-icon{background:color-mix(in srgb, var(--primary) 14%, var(--card))}}.mafia-role-icon svg{block-size:2.2rem;inline-size:2.2rem}.mafia-role-brief{gap:var(--space-4);display:grid}.mafia-role-brief>p{margin:0;font-weight:700}.mafia-role-brief dl{gap:var(--space-4);margin:0;display:grid}.mafia-role-brief dl>div{gap:var(--space-2);border-inline-start:2px solid var(--primary);padding-inline-start:var(--space-3);display:grid}.mafia-role-brief dt{align-items:center;gap:var(--space-2);color:var(--primary);font-weight:800;display:flex}.mafia-role-brief dt svg{block-size:1rem;inline-size:1rem}.mafia-role-brief dd{color:var(--muted-foreground);margin:0}.mafia-mission{gap:var(--space-3);margin-block:var(--space-4);border-inline-start:4px solid var(--warning);background:var(--warning);display:grid}@supports (color:color-mix(in lab, red, red)){.mafia-mission{background:color-mix(in srgb, var(--warning) 8%, transparent)}}.mafia-mission{padding:var(--space-4)}.mafia-mission h3,.mafia-mission p{margin:0}.mafia-mission ol{gap:var(--space-2);margin:0;padding-inline-start:1.4rem;display:grid}.mafia-mission li::marker{color:var(--warning);font-weight:800}.mafia-mission-next{color:var(--muted-foreground);font-size:.88rem;font-weight:700}.mafia-host-task{gap:var(--space-2);margin-block:var(--space-4);border-inline-start:3px solid var(--primary);padding-inline-start:var(--space-3);display:grid}.mafia-host-task p{margin:0}.mafia-host-task span{color:var(--muted-foreground);font-size:.88rem}.mafia-private-note{border-inline-start:4px solid var(--warning);background:var(--warning);border-radius:.8rem}@supports (color:color-mix(in lab, red, red)){.mafia-private-note{background:color-mix(in srgb, var(--warning) 12%, transparent)}}.mafia-private-note{padding:var(--space-3)}.mafia-reveal{border-block-start:1px solid var(--border);margin-block-start:var(--space-4);padding-block-start:var(--space-4)}.mafia-chat-form{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;margin-block-start:var(--space-4);display:grid}.mafia-phase-night{background:radial-gradient(circle at 50% 0, var(--info), transparent 38%), var(--background)}@supports (color:color-mix(in lab, red, red)){.mafia-phase-night{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--info) 12%, transparent), transparent 38%), var(--background)}}@media (max-width:720px){.mafia-flow-list{grid-template-columns:1fr}.mafia-flow-list li{grid-template-columns:2.25rem minmax(0,1fr)}.mafia-timer-value{min-inline-size:0}.form-row{grid-template-columns:1fr}.mafia-page{padding-block:2.5rem}.mafia-player-row,.mafia-message{flex-wrap:wrap;align-items:flex-start}.mafia-message p{flex-basis:100%}.mafia-chat-form{grid-template-columns:1fr}.mafia-chat-form .button{inline-size:100%}}.live-experience{gap:var(--space-4);min-inline-size:0;margin-block:var(--space-5);direction:rtl;display:grid}.live-control-bar{align-items:center;gap:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:var(--surface-glass-strong);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto auto auto minmax(0,1fr);display:grid}.live-pin,.live-participant-count,.live-player-bar>div{gap:var(--space-1);display:grid}.live-pin span,.live-participant-count span,.live-player-bar span{color:var(--muted-foreground);font-size:.78rem}.live-pin strong{color:var(--primary);letter-spacing:.08em;font-size:clamp(1.35rem,3vw,2rem)}.live-participant-count strong{font-size:1.5rem}.live-qr{border-radius:var(--radius-sm);background:var(--qr-paper);padding:var(--space-2);place-items:center;display:grid}.live-control-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.live-icon-button{border:1px solid var(--border);border-radius:var(--radius-full);block-size:2.75rem;inline-size:2.75rem;color:var(--foreground);background:var(--surface-raised);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);place-items:center;display:grid}.live-icon-button:hover{transform:translateY(-1px)}.live-icon-button:active{transform:translateY(0)}.live-icon-button svg,.live-online svg,.live-offline svg{block-size:1.15rem;inline-size:1.15rem}.live-online,.live-offline{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-block-size:2.75rem;padding-inline:var(--space-3);white-space:nowrap;font-size:.82rem;font-weight:800;display:inline-flex}.live-online{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.live-online{background:color-mix(in srgb, var(--success) 12%, transparent)}}.live-offline{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.live-offline{background:color-mix(in srgb, var(--warning) 12%, transparent)}}.live-settings-panel,.live-status-message{margin:0}.live-settings-panel{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.live-settings-panel p{margin:var(--space-1) 0 0}.live-auto-advance{align-items:center;gap:var(--space-3);border:1px solid var(--border);background:var(--surface-raised);min-block-size:2.75rem;color:var(--foreground);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:999px;display:inline-flex}.live-auto-advance strong{color:var(--muted-foreground)}.live-auto-advance[aria-pressed=true]{border-color:var(--success);box-shadow:0 0 0 3px var(--success)}@supports (color:color-mix(in lab, red, red)){.live-auto-advance[aria-pressed=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 16%, transparent)}}.live-auto-advance[aria-pressed=true] strong{color:var(--success)}.live-status-message{border-inline-start:4px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.live-status-message{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.live-status-message{padding:var(--space-3)}.live-lobby,.live-player-result,.live-leaderboard{justify-items:start;gap:var(--space-3);align-content:center;min-block-size:16rem;display:grid}.live-lobby h1{margin:0;font-size:clamp(1.5rem,4vw,2.2rem)}.live-lobby .eyebrow{color:var(--gold)}.live-lobby-meta{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.live-lobby-indicator{justify-content:center;align-items:center;gap:.5rem;padding-block:1rem;display:flex}.live-lobby-indicator span{background:var(--gold);border-radius:50%;block-size:.6rem;inline-size:.6rem;animation:1.2s ease-in-out infinite lobby-dot-pulse}.live-lobby-indicator span:nth-child(2){animation-delay:.2s}.live-lobby-indicator span:nth-child(3){animation-delay:.4s}@keyframes lobby-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.live-question-stage{gap:var(--space-4);border:1px solid var(--surface-stage-line);border-radius:var(--radius-xl);background:var(--surface-stage);min-inline-size:0;padding:clamp(var(--space-3), 3vw, var(--space-6));display:grid}.live-question-heading{align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);background:var(--qr-paper);min-inline-size:0;padding:clamp(var(--space-4), 3vw, var(--space-6));color:var(--qr-ink);grid-template-columns:minmax(0,1fr) auto;display:grid}.live-question-heading span{color:var(--qr-ink)}@supports (color:color-mix(in lab, red, red)){.live-question-heading span{color:color-mix(in srgb, var(--qr-ink) 66%, transparent)}}.live-question-heading span{font-size:.85rem;font-weight:700}.live-question-heading h2{margin:var(--space-2) 0 0;font-size:clamp(1.25rem,3vw,2.2rem);line-height:1.35}.live-countdown{--timer-progress:1;isolation:isolate;aspect-ratio:1;background:conic-gradient(var(--primary) calc(var(--timer-progress) * 1turn), var(--muted) 0);inline-size:clamp(5.25rem,10vw,7rem);color:var(--foreground);border-radius:50%;align-content:center;place-items:center;display:grid;position:relative}.live-countdown:before{content:"";z-index:-1;border-radius:inherit;background:var(--hero-deep);position:absolute;inset:.45rem}.live-countdown strong{font-size:clamp(1.25rem,3vw,2rem);line-height:1}.live-countdown span{color:var(--muted-foreground);font-size:.68rem}.live-media{place-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-raised);grid-template-columns:repeat(2,minmax(0,1fr));min-block-size:clamp(8rem,22vw,15rem);display:grid;overflow:clip}@supports (color:color-mix(in lab, red, red)){.live-media{background:color-mix(in srgb, var(--surface-raised) 82%, transparent)}}.live-media img,.live-media video{object-fit:contain;max-block-size:18rem;inline-size:100%}.live-media-empty{background:linear-gradient(135deg, transparent 49%, var(--quantum-line) 50%, transparent 51%), var(--surface-raised)}@supports (color:color-mix(in lab, red, red)){.live-media-empty{background:linear-gradient(135deg, transparent 49%, var(--quantum-line) 50%, transparent 51%), color-mix(in srgb, var(--surface-raised) 82%, transparent)}}.live-media-empty{background-size:2rem 2rem}.live-answer-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;display:grid}.live-answer-tile,.live-answer-placeholder{border-radius:var(--radius-md);block-size:4.5rem;min-inline-size:0}.live-answer-placeholder{visibility:hidden}.live-answer-tile{align-items:center;gap:var(--space-3);border:2px solid var(--live-option-ink);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.live-answer-tile{border:2px solid color-mix(in srgb, var(--live-option-ink) 38%, transparent)}}.live-answer-tile{padding-inline:var(--space-4);color:var(--live-option-ink);text-align:start;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.live-answer-tile:hover:not(:disabled){transform:translateY(-2px)}.live-answer-tile:active:not(:disabled){transform:translateY(0)}.live-answer-tile:disabled{cursor:default}.live-option-red{background:var(--live-option-red)}.live-option-blue{background:var(--live-option-blue)}.live-option-orange{background:var(--live-option-orange)}.live-option-green{background:var(--live-option-green)}.live-answer-symbol{place-items:center;inline-size:2rem;font-size:1.45rem;display:grid}.live-answer-copy{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-inline-size:0;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.live-answer-result{justify-items:center;min-inline-size:3rem;display:grid}.live-answer-result strong{font-size:1.45rem}.live-answer-result small{white-space:nowrap;font-size:.7rem}.live-answer-tile.is-wrong{opacity:.52}.live-answer-tile.is-correct,.live-answer-tile.is-selected{border-color:var(--live-option-ink);outline:3px solid var(--live-option-ink)}@supports (color:color-mix(in lab, red, red)){.live-answer-tile.is-correct,.live-answer-tile.is-selected{outline:3px solid color-mix(in srgb, var(--live-option-ink) 55%, transparent)}}.live-answer-tile.is-correct,.live-answer-tile.is-selected{outline-offset:2px}.live-host-footer,.live-player-bar{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass);padding:var(--space-3) var(--space-4);display:flex}.live-answer-confirmed{border-radius:var(--radius-md);color:var(--success);background:var(--success);margin:0}@supports (color:color-mix(in lab, red, red)){.live-answer-confirmed{background:color-mix(in srgb, var(--success) 12%, transparent)}}.live-answer-confirmed{padding:var(--space-3);text-align:center;font-weight:800}.live-finish-button{justify-self:end}.live-leaderboard ol{gap:var(--space-2);inline-size:min(100%,44rem);margin:0;padding:0;list-style:none;display:grid}.live-leaderboard li{align-items:center;gap:var(--space-3);border-block-end:1px solid var(--border);padding-block:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}@media (max-width:768px){.live-control-bar{grid-template-columns:minmax(0,1fr) auto;position:static}.live-control-actions{grid-column:1/-1;justify-content:space-between}.live-question-heading{grid-template-columns:minmax(0,1fr)}.live-countdown{justify-self:center;inline-size:5.25rem}.live-media{min-block-size:8rem}}@media (max-width:414px){.live-settings-panel{flex-direction:column;align-items:stretch}.live-auto-advance{justify-content:space-between;inline-size:100%}.live-question-stage{padding:var(--space-3)}.live-question-heading{padding:var(--space-4)}.live-answer-grid{gap:var(--space-2)}.live-answer-tile{gap:var(--space-2);padding-inline:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.live-answer-result{min-inline-size:auto;position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1)}.live-answer-result small{font-size:.58rem}.live-online,.live-offline{padding-inline:var(--space-2)}}@media (max-width:375px){.live-control-actions{flex-wrap:wrap}.live-qr svg{block-size:3.75rem;inline-size:3.75rem}.live-answer-symbol{inline-size:1.5rem;font-size:1.1rem}.live-answer-copy{font-size:.78rem}}@media (max-width:320px){.live-control-bar{grid-template-columns:minmax(0,1fr)}.live-qr{justify-self:start}.live-control-actions{grid-column:auto}}@media (prefers-reduced-motion:reduce){.live-answer-tile,.live-icon-button{transition-duration:.15s}}.button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:.95rem;justify-content:center;align-items:center;gap:.55rem;min-block-size:2.75rem;padding-inline:1.15rem;font-weight:700;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.button:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(1px)scale(.98)}.button:disabled{opacity:.45;cursor:not-allowed}.button svg{block-size:1.1em;inline-size:1.1em}.button-primary{background:linear-gradient(135deg, var(--primary), var(--info));color:var(--primary-foreground);box-shadow:0 0 22px var(--primary)}@supports (color:color-mix(in lab, red, red)){.button-primary{box-shadow:0 0 22px color-mix(in srgb, var(--primary) 28%, transparent)}}.button-primary:hover:not(:disabled){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 88%, white)}}.button-primary:hover:not(:disabled){box-shadow:0 0 24px var(--primary), var(--shadow-sm)}@supports (color:color-mix(in lab, red, red)){.button-primary:hover:not(:disabled){box-shadow:0 0 24px color-mix(in srgb, var(--primary) 40%, transparent), var(--shadow-sm)}}.button-secondary{background:var(--secondary);color:var(--secondary-foreground)}.button-secondary:hover:not(:disabled){background:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.button-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--secondary) 90%, var(--foreground))}}.button-outline{border-color:var(--foreground);background:#0000005c}@supports (color:color-mix(in lab, red, red)){.button-outline{border-color:color-mix(in srgb, var(--foreground) 24%, transparent)}}.button-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.button-outline:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 8%, transparent)}}.button-ghost{color:var(--foreground);background:0 0}.button-ghost:hover{background:#ffffff14}.button-danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.button-danger{background:color-mix(in srgb, var(--danger) 78%, black)}}.button-danger{color:var(--danger-foreground)}.button-danger:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 82%, black)}}.button-danger:hover:not(:disabled){box-shadow:0 0 20px var(--danger), var(--shadow-sm)}@supports (color:color-mix(in lab, red, red)){.button-danger:hover:not(:disabled){box-shadow:0 0 20px color-mix(in srgb, var(--danger) 35%, transparent), var(--shadow-sm)}}.button-success{background:var(--success);color:var(--success-foreground)}.button-success:hover:not(:disabled){background:var(--success)}@supports (color:color-mix(in lab, red, red)){.button-success:hover:not(:disabled){background:color-mix(in srgb, var(--success) 88%, white)}}.button-success:hover:not(:disabled){box-shadow:0 0 20px var(--success), var(--shadow-sm)}@supports (color:color-mix(in lab, red, red)){.button-success:hover:not(:disabled){box-shadow:0 0 20px color-mix(in srgb, var(--success) 35%, transparent), var(--shadow-sm)}}.button-gold{color:var(--gold-foreground);box-shadow:0 10px 0 #0000006b, 0 0 34px var(--gold);background:linear-gradient(135deg,#ffb000,#ffb40c)}@supports (color:color-mix(in lab, red, red)){.button-gold{box-shadow:0 10px 0 #0000006b, 0 0 34px color-mix(in srgb, var(--gold) 34%, transparent)}}.button-gold:hover:not(:disabled){background:var(--gold)}@supports (color:color-mix(in lab, red, red)){.button-gold:hover:not(:disabled){background:color-mix(in srgb, var(--gold) 88%, white)}}.button-gold:hover:not(:disabled){box-shadow:0 0 24px var(--gold), var(--shadow-sm)}@supports (color:color-mix(in lab, red, red)){.button-gold:hover:not(:disabled){box-shadow:0 0 24px color-mix(in srgb, var(--gold) 45%, transparent), var(--shadow-sm)}}.button-link{color:var(--link);text-underline-offset:.25rem;background:0 0;text-decoration:underline}.button-sm{min-block-size:2.25rem;padding-inline:.8rem;font-size:.85rem}.button-md{min-block-size:2.75rem}.button-lg{min-block-size:3.35rem;padding-inline:1.5rem;font-size:1.05rem}.button-icon{inline-size:2.75rem;padding:0}.button-full{inline-size:100%}.skip-link{z-index:calc(var(--z-header) + 1);border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);transition:transform .2s var(--ease-out);padding:.65rem 1rem;font-weight:700;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:var(--z-header);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);border-block-end:1px solid var(--primary);background:linear-gradient(90deg,#00d4ff14,#0000 44%,#ffb0000f),#000000ad;position:sticky;inset-block-start:0}@supports (color:color-mix(in lab, red, red)){.site-header{border-block-end:1px solid color-mix(in srgb, var(--primary) 34%, var(--border))}}.site-header{box-shadow:0 14px 36px #0000006b}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-5);min-block-size:4.5rem;display:flex}.logo{align-items:center;gap:.65rem;font-size:1.25rem;display:inline-flex}.logo>span{block-size:2.35rem;inline-size:2.35rem;color:var(--gold-foreground);background:linear-gradient(135deg, var(--gold), var(--gold));border-radius:.8rem;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.logo>span{background:linear-gradient(135deg, var(--gold), color-mix(in srgb, var(--gold) 82%, var(--foreground)))}}.logo>span{box-shadow:0 0 28px var(--gold)}@supports (color:color-mix(in lab, red, red)){.logo>span{box-shadow:0 0 28px color-mix(in srgb, var(--gold) 28%, transparent)}}.logo svg{inline-size:1.2rem}.desktop-nav,.header-actions{align-items:center;gap:var(--space-3);display:flex}.desktop-nav a{color:var(--muted-foreground);padding:.55rem .8rem;font-weight:600}.desktop-nav a:hover{color:var(--foreground)}.mobile-menu-button{display:none}.mobile-nav{padding:0 1rem 1rem;display:none}.mobile-nav a{border-radius:var(--radius-md);align-items:center;gap:.7rem;min-block-size:3rem;padding-inline:.7rem;display:flex}.mobile-nav a:hover{background:var(--muted)}.mobile-nav svg{inline-size:1.1rem}.site-footer{border-block-start:1px solid var(--border);background:var(--card);padding-block:3.5rem}@supports (color:color-mix(in lab, red, red)){.site-footer{background:color-mix(in srgb, var(--card) 70%, var(--background))}}.footer-grid{gap:var(--space-12);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-grid>div{flex-direction:column;align-items:flex-start;gap:.55rem;display:flex}.footer-grid p,.footer-grid small,.footer-grid a{color:var(--muted-foreground)}.footer-grid .site-owner{color:var(--foreground);font-weight:600}.instant-game{background:radial-gradient(circle at 85% 10%,#00d4ff1f,#0000 30rem),radial-gradient(circle at 10% 85%,#ffb00014,#0000 25rem);min-block-size:72dvh}.instant-shell{max-inline-size:54rem}.instant-back{align-items:center;gap:var(--space-2);color:var(--muted-foreground);margin-block-end:var(--space-6);display:inline-flex}.instant-back:hover{color:var(--primary)}.instant-back svg{inline-size:1rem}.instant-head{margin-block-end:var(--space-8)}.instant-head>span{color:var(--gold);font-weight:700}.instant-head h1{margin-block:var(--space-2);font-size:clamp(2.6rem,9vw,5rem)}.instant-head p{max-inline-size:48ch;color:var(--muted-foreground);font-size:1.05rem}.instant-scorebar{justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4);display:flex}.instant-scorebar span{align-items:center;gap:var(--space-2);color:var(--muted-foreground);display:inline-flex}.instant-scorebar svg{inline-size:1rem;color:var(--primary)}.instant-scorebar b{color:var(--foreground);font-variant-numeric:tabular-nums}.instant-scorebar span[data-ending] b{color:var(--danger)}.instant-board{place-items:center;min-block-size:25rem;padding:clamp(1.25rem,5vw,3rem);display:grid;overflow:hidden}.instant-intro{justify-items:center;gap:var(--space-4);text-align:center;max-inline-size:36rem;display:grid}.instant-intro>svg{block-size:4rem;inline-size:4rem;color:var(--gold)}.instant-intro h2,.instant-intro p{margin:0}.instant-intro p{color:var(--muted-foreground)}.memory-progress{inline-size:100%;color:var(--muted-foreground);justify-content:space-between;display:flex}.memory-preview{justify-content:center;align-items:center;gap:var(--space-3);min-block-size:8rem;color:var(--muted-foreground);text-align:center;flex-wrap:wrap;display:flex}.memory-preview strong{min-inline-size:3.5rem;color:var(--foreground);font-size:2.5rem}.memory-pad{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));inline-size:min(100%,32rem);display:grid}.memory-pad button{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);min-block-size:6rem;color:var(--foreground);cursor:pointer;font-size:2rem;transition:transform .18s ease-out,border-color .18s ease-out,background .18s ease-out}.memory-pad button:hover:not(:disabled){border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.memory-pad button:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 12%, var(--surface-raised))}}.memory-pad button:hover:not(:disabled){transform:translateY(-3px)}.memory-pad button:disabled{cursor:wait;opacity:.5}.word-code{gap:var(--space-4);flex-direction:column;inline-size:min(100%,36rem);display:flex}.word-code__hint{align-items:center;gap:var(--space-2);color:var(--gold);display:inline-flex}.word-code__hint svg{inline-size:1rem}.word-code__scramble{padding-block:var(--space-6);color:var(--foreground);letter-spacing:.12em;text-align:center;font-size:clamp(2.4rem,10vw,4.5rem)}.word-code label{font-weight:700}.word-code input{min-block-size:3.4rem;padding-inline:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input)}.word-code input:focus{border-color:var(--primary)}.word-code__message{min-block-size:1.75rem;color:var(--muted-foreground);margin:0}.instant-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.color-rush{justify-items:center;gap:var(--space-5);text-align:center;inline-size:min(100%,38rem);display:grid}.color-rush>span,.color-rush>p{color:var(--muted-foreground)}.color-rush>strong{font-size:clamp(3.5rem,16vw,7rem);line-height:1}.color-rush>p{min-block-size:1.75rem;margin:0}.color-rush>div{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%;display:grid}.color-rush button{border:1px solid var(--rush-color);min-block-size:3.5rem}@supports (color:color-mix(in lab, red, red)){.color-rush button{border:1px solid color-mix(in srgb, var(--rush-color) 65%, var(--border))}}.color-rush button{border-radius:var(--radius-md);background:var(--rush-color)}@supports (color:color-mix(in lab, red, red)){.color-rush button{background:color-mix(in srgb, var(--rush-color) 12%, var(--surface-raised))}}.color-rush button{color:var(--foreground);cursor:pointer;font-weight:700}.color-rush button:hover{background:var(--rush-color)}@supports (color:color-mix(in lab, red, red)){.color-rush button:hover{background:color-mix(in srgb, var(--rush-color) 24%, var(--surface-raised))}}.color-rush__practice{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:.9rem}.color-rush__ink-symbol{margin-inline-end:var(--space-3)}.color-rush__option-symbol{color:var(--rush-color);margin-inline-end:var(--space-2)}.color-rush__cb-toggle{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted-foreground);padding:var(--space-2) var(--space-4);cursor:pointer;background:0 0;font-size:.9rem}.color-rush__cb-toggle[aria-pressed=true]{color:var(--foreground);border-color:var(--game-accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.color-rush__cb-toggle[aria-pressed=true]{border-color:color-mix(in srgb, var(--game-accent,var(--primary)) 45%, var(--border))}}@media (max-width:34rem){.instant-board{min-block-size:23rem}.memory-pad{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-pad button{min-block-size:5rem}.instant-actions>*{flex:1}}.home-header{background:#04070be0;border-block-end-color:#ffb40c21;box-shadow:0 14px 32px #00000038}.home-header:after{content:"";opacity:.65;background:linear-gradient(90deg,#0000 8%,#00d4ff6b,#ffb40c6b,#0000 92%);block-size:1px;position:absolute;inset:auto 0 -1px}.home-header .header-inner{min-block-size:4.625rem}.home-logo{letter-spacing:-.02em}.home-logo>span{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);block-size:2rem;inline-size:2rem;color:var(--gold);box-shadow:none;text-shadow:0 0 15px #ffb40c80;background:#08151c;border-radius:0}.home-header .desktop-nav{gap:clamp(.8rem,2vw,1.65rem)}.home-header .desktop-nav a{padding-inline:0;font-size:.88rem;position:relative}.home-header .desktop-nav a:after{content:"";background:var(--gold);block-size:1px;inline-size:0;transition:inline-size .24s var(--ease-out);position:absolute;inset-block-end:-.5rem;inset-inline-start:0}.home-header .desktop-nav a:hover:after,.home-header .desktop-nav a:focus-visible:after{inline-size:100%}.home-header .button-gold{border-color:#ffe49e80;box-shadow:0 12px 28px #ffb40c2b,inset 0 1px #ffffff8c}.home-preview-hero:before{content:"";inset:clamp(1.75rem, 5vw, 4.4rem) max(1.125rem, calc((100% - var(--container)) / 2)) auto auto;pointer-events:none;border-block-start:1px solid #ffb40c80;border-inline-start:1px solid #ffb40c80;block-size:3.4rem;inline-size:3.4rem;position:absolute}.home-preview-hero:after{content:"LIVE";z-index:-1;color:#0000;-webkit-text-stroke:1px #ffffff0e;direction:ltr;inline-size:100%;font-size:clamp(9rem,23vw,22rem);font-weight:700;line-height:.8;position:absolute;inset:auto 0 -4.5rem;overflow:hidden}.home-preview-status{border-radius:var(--radius-full);color:#ffe2a3;background:#ffb40c0e;border:1px solid #ffb40c40;align-items:center;gap:.6rem;inline-size:fit-content;margin-block-end:1.5rem;padding:.5rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.home-preview-copy h1>span{color:#69e8ff;text-shadow:0 12px 32px #00d4ff26}.home-preview-copy>p{color:#d0d8e2;max-inline-size:56ch;margin-block-end:2rem;font-size:clamp(1rem,1.6vw,1.15rem)}.home-preview-actions .button{min-block-size:3.25rem;padding-inline:1.2rem}.home-preview-trust{color:#8d99a8;flex-wrap:wrap;gap:.75rem 1.25rem;margin-block-start:1.75rem;scroll-margin-block-start:6rem;font-size:.8rem;display:flex}.home-preview-trust span:before{content:"✓";color:var(--lime);font-weight:700}.home-room-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), var(--gold), transparent);block-size:3px;position:absolute;inset:0 0 auto}.home-room-top>strong{color:#86e8c8;direction:ltr;align-items:center;gap:.45rem;font-size:.72rem;display:inline-flex}.home-room-top>strong:before{content:"";aspect-ratio:1;background:var(--success);border-radius:50%;inline-size:.45rem}.home-room-players span{aspect-ratio:1;color:#d0d8e2;background:#151e28;border:3px solid #101923;border-radius:50%;place-items:center;inline-size:2.375rem;margin-inline-start:-.5rem;font-size:.68rem;font-weight:700;display:grid}.home-room-players span:last-child{background:var(--primary);color:#001217}.home-room-feed>div{border-radius:var(--radius-md);background:#ffffff09;padding:.7rem .75rem}.home-room-feed small{color:#8d99a8;font-size:.66rem}.home-how-section{background:radial-gradient(circle at 85% 0, #ffb40c0f, transparent 24rem), var(--background);scroll-margin-block-start:5rem}@supports (color:color-mix(in lab, red, red)){.home-how-section{background:radial-gradient(circle at 85% 0, #ffb40c0f, transparent 24rem), color-mix(in srgb, var(--background) 94%, #070a0f)}}.home-how-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-how-grid>div{gap:var(--space-2);min-inline-size:0;padding:var(--space-5);border-block-start:2px solid var(--gold);display:grid}@supports (color:color-mix(in lab, red, red)){.home-how-grid>div{border-block-start:2px solid color-mix(in srgb, var(--gold) 70%, transparent)}}.home-how-grid>div{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.home-how-grid>div{background:color-mix(in srgb, var(--card) 62%, transparent)}}.home-how-grid strong{color:var(--foreground);font-size:1.05rem}.home-how-grid span{color:var(--muted-foreground)}.home-header .mobile-nav-primary{background:var(--gold);color:var(--gold-foreground);font-weight:700}.hero{background:radial-gradient(circle at 10% 14%, var(--hero-warm-glow), transparent 28%), radial-gradient(circle at 82% 12%, var(--hero-violet-glow), transparent 34%), repeating-linear-gradient(135deg, transparent 0 14px, var(--quantum-line) 14px 15px), repeating-linear-gradient(90deg, transparent 0 34px, var(--quantum-line-strong) 34px 35px), linear-gradient(150deg, var(--background) 0%, var(--hero-deep) 58%, var(--background) 100%);padding-block:clamp(2.5rem,7vw,5rem) clamp(4rem,9vw,7rem);position:relative;overflow:hidden}.hero:after{content:"";opacity:.72;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, var(--mask-ink), transparent);-webkit-mask-image:linear-gradient(to bottom, var(--mask-ink), transparent);-webkit-mask-image:linear-gradient(to bottom, var(--mask-ink), transparent);mask-image:linear-gradient(to bottom, var(--mask-ink), transparent);background-image:linear-gradient(135deg,#0000 0 46%,#00d4ff24 46% 47%,#0000 47% 100%),linear-gradient(45deg,#0000 0 47%,#c8ff3614 47% 48%,#0000 48% 100%);background-size:28px 28px;position:absolute;inset:0}.hero-arena{z-index:1;grid-template-columns:minmax(0,.86fr) minmax(23rem,1.14fr);align-items:center;gap:clamp(1.75rem,5vw,4.5rem);display:grid;position:relative}.hero-kicker{margin-block-end:.85rem}.eyebrow{color:var(--gold);align-items:center;gap:.5rem;margin-block-end:1rem;font-size:.9rem;font-weight:700;display:inline-flex}.eyebrow svg{inline-size:1.1rem}.hero-copy h1{letter-spacing:0;overflow-wrap:anywhere;max-inline-size:13ch;margin-block-end:1.3rem;font-size:clamp(2.8rem,6.8vw,6rem);font-weight:800;line-height:.92}.hero-accent{color:var(--gold)}.hero-copy>p{max-inline-size:35rem;color:var(--muted-foreground);font-size:clamp(1rem,2vw,1.2rem)}.identity-signals{gap:var(--space-3);max-inline-size:39rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-5);display:grid}.identity-signals>div{min-inline-size:0;padding:var(--space-3);border:1px solid var(--surface-stage-line);border-radius:var(--radius-lg);background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), linear-gradient(145deg, var(--primary), transparent 64%), var(--surface-glass);gap:.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.identity-signals>div{background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), linear-gradient(145deg, color-mix(in srgb, var(--primary) 14%, transparent), transparent 64%), var(--surface-glass)}}.identity-signals>div{box-shadow:inset 0 0 0 1px #ffffff0a}.identity-signals svg{block-size:1.1rem;inline-size:1.1rem;color:var(--gold)}.identity-signals strong,.identity-signals small{min-inline-size:0;display:block}.identity-signals strong{color:var(--foreground);font-size:.92rem}.identity-signals small{color:var(--muted-foreground)}.hero-command{max-inline-size:39rem;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:calc(var(--radius-xl) + .3rem);background:repeating-linear-gradient(135deg, transparent 0 13px, var(--quantum-line) 13px 14px), linear-gradient(135deg, var(--primary), transparent), var(--surface-glass-strong);margin-block:2rem 1rem;position:relative}@supports (color:color-mix(in lab, red, red)){.hero-command{background:repeating-linear-gradient(135deg, transparent 0 13px, var(--quantum-line) 13px 14px), linear-gradient(135deg, color-mix(in srgb, var(--primary) 14%, transparent), transparent), var(--surface-glass-strong)}}.hero-command{box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px)saturate(112%);backdrop-filter:blur(10px)saturate(112%)}.hero-command:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--primary), transparent 38%, var(--accent));opacity:.34;position:absolute;inset:-1px}.hero-command-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-inline:var(--space-3);color:var(--muted-foreground);padding-block-end:var(--space-2);font-size:.9rem;display:flex}.hero-command-header strong{color:var(--gold);letter-spacing:.08em}.join-box{border:1px solid var(--border-glass);flex-wrap:wrap;align-items:flex-end;gap:.75rem;max-inline-size:100%;margin-block:0;padding:.7rem;display:flex}@supports (color:color-mix(in lab, red, red)){.join-box{border:1px solid color-mix(in srgb, var(--border-glass) 72%, transparent)}}.join-box{background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), var(--input)}@supports (color:color-mix(in lab, red, red)){.join-box{background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), color-mix(in srgb, var(--input) 92%, transparent)}}.join-box{-webkit-backdrop-filter:blur(8px)saturate(108%);backdrop-filter:blur(8px)saturate(108%);border-radius:var(--radius-lg);box-shadow:none}.join-field{flex:1}.join-field .field-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.join-field .field-control{min-block-size:3.35rem}.join-notice{max-inline-size:36rem;color:var(--muted-foreground);flex-basis:100%;margin-block:0}.join-notice a{color:var(--link);text-underline-offset:.2rem;font-weight:700;text-decoration:underline}.join-page{max-inline-size:46rem}.join-page .card{gap:1rem;display:grid}.join-page .join-box{max-inline-size:none;margin-block:0}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-flow{gap:var(--space-3);max-inline-size:39rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-6);display:grid}.hero-flow>div{min-inline-size:0;padding:var(--space-4);border:1px solid var(--surface-stage-line);border-radius:var(--radius-lg);background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), linear-gradient(180deg, var(--primary), transparent), var(--card);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-flow>div{background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), linear-gradient(180deg, color-mix(in srgb, var(--primary) 14%, transparent), transparent), color-mix(in srgb, var(--card) 64%, transparent)}}.hero-flow>div:after{content:"";inset-inline:var(--space-4);background:linear-gradient(90deg, transparent, var(--surface-stage-hotline), transparent);block-size:2px;position:absolute;inset-block-end:0}.hero-flow strong,.hero-flow span{display:block}.hero-flow strong{color:var(--foreground)}.hero-flow span{color:var(--muted-foreground);margin-block-start:.2rem;font-size:.86rem}.text-link{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.hero-stage{place-items:center;min-block-size:clamp(32rem,52vw,43rem);display:grid;position:relative}.arena-stage{isolation:isolate}.arena-glow{border:1px solid var(--primary);position:absolute}@supports (color:color-mix(in lab, red, red)){.arena-glow{border:1px solid color-mix(in srgb, var(--primary) 38%, transparent)}}.arena-glow{pointer-events:none;border-radius:50%}.glow-one{background:radial-gradient(circle, var(--primary), transparent 62%);block-size:min(42rem,100%);inline-size:min(42rem,100%)}@supports (color:color-mix(in lab, red, red)){.glow-one{background:radial-gradient(circle, color-mix(in srgb, var(--primary) 14%, transparent), transparent 62%)}}.glow-two{border-style:dashed;block-size:min(30rem,78%);inline-size:min(30rem,78%);animation:34s linear infinite spin}.arena-scoreboard{z-index:2;align-content:space-between;gap:var(--space-5);border:1px solid var(--primary);min-block-size:29rem;inline-size:min(100%,34rem);padding:clamp(1.1rem,3vw,1.6rem);display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.arena-scoreboard{border:1px solid color-mix(in srgb, var(--primary) 48%, var(--border))}}.arena-scoreboard{border-radius:calc(var(--radius-xl) + .8rem);background:repeating-linear-gradient(135deg, transparent 0 14px, var(--quantum-line) 14px 15px), linear-gradient(90deg, transparent 0 12%, var(--surface-stage-line) 12% 13%, transparent 13% 100%), linear-gradient(180deg, var(--primary), transparent 42%), var(--surface-stage)}@supports (color:color-mix(in lab, red, red)){.arena-scoreboard{background:repeating-linear-gradient(135deg, transparent 0 14px, var(--quantum-line) 14px 15px), linear-gradient(90deg, transparent 0 12%, var(--surface-stage-line) 12% 13%, transparent 13% 100%), linear-gradient(180deg, color-mix(in srgb, var(--primary) 18%, transparent), transparent 42%), var(--surface-stage)}}.arena-scoreboard{-webkit-backdrop-filter:blur(10px)saturate(112%);backdrop-filter:blur(10px)saturate(112%);box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff57}.scoreboard-topline,.scoreboard-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.scoreboard-topline span,.scoreboard-question span,.scoreboard-footer span{color:var(--muted-foreground)}.scoreboard-topline strong{border-radius:var(--radius-full);background:var(--gold);padding:.45rem .8rem}@supports (color:color-mix(in lab, red, red)){.scoreboard-topline strong{background:color-mix(in srgb, var(--gold) 18%, transparent)}}.scoreboard-topline strong{color:var(--gold);letter-spacing:.1em}.scoreboard-question{gap:var(--space-3);padding-block:var(--space-4);display:grid}.scoreboard-question h2{overflow-wrap:anywhere;max-inline-size:15ch;margin:0;font-size:clamp(2rem,4.8vw,4rem);line-height:1.08}.scoreboard-options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scoreboard-options span{min-inline-size:0;padding:var(--space-3) var(--space-4);border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.scoreboard-options span{border:1px solid color-mix(in srgb, var(--border) 82%, transparent)}}.scoreboard-options span{border-radius:var(--radius-lg);background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.scoreboard-options span{background:color-mix(in srgb, var(--muted) 72%, transparent)}}.scoreboard-options span{font-weight:800}.scoreboard-options .is-correct{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.scoreboard-options .is-correct{border-color:color-mix(in srgb, var(--success) 68%, var(--border))}}.scoreboard-options .is-correct{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.scoreboard-options .is-correct{background:color-mix(in srgb, var(--success) 18%, var(--muted))}}.scoreboard-options .is-correct{color:var(--success)}.scoreboard-empty{align-items:center;gap:var(--space-4);min-inline-size:0;padding:var(--space-5);border:1px dashed var(--primary);grid-template-columns:auto minmax(0,1fr);display:grid}@supports (color:color-mix(in lab, red, red)){.scoreboard-empty{border:1px dashed color-mix(in srgb, var(--primary) 52%, var(--border))}}.scoreboard-empty{border-radius:var(--radius-lg);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.scoreboard-empty{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.scoreboard-empty>svg{block-size:2rem;inline-size:2rem;color:var(--primary)}.scoreboard-empty>div{gap:var(--space-1);min-inline-size:0;display:grid}.scoreboard-empty span{color:var(--muted-foreground)}.scoreboard-footer>div{align-items:center;gap:var(--space-2);display:inline-flex}.scoreboard-footer svg{color:var(--gold)}.host-console,.live-pulse-card{z-index:3;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), var(--surface-glass);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px)saturate(110%);backdrop-filter:blur(8px)saturate(110%);position:absolute}.host-console{inline-size:min(14rem,36%);padding:var(--space-4);gap:var(--space-3);display:grid;inset-block-start:4%;inset-inline:auto -.75rem}.host-console-title,.host-console>div:not(.host-console-title){justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.host-console svg,.host-console strong,.live-pulse-card svg,.live-pulse-card strong{color:var(--gold)}.host-console span,.live-pulse-card span{color:var(--muted-foreground)}.live-pulse-card{inline-size:min(15rem,42%);padding:var(--space-4);gap:var(--space-1);display:grid;inset-block-end:7%;inset-inline-end:0}.live-pulse-card svg{inline-size:1.4rem}.answer-burst{z-index:1;gap:var(--space-3);flex-direction:column;display:flex;position:absolute;inset-block-end:14%;inset-inline-start:11%}.answer-burst span{border-radius:var(--radius-full);background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.72;transform-origin:0;block-size:.55rem;inline-size:clamp(8rem,16vw,13rem);animation:answer-sweep 2.6s var(--ease-out) infinite}.answer-burst span:nth-child(2){inline-size:clamp(6rem,13vw,10rem);animation-delay:.28s}.answer-burst span:nth-child(3){inline-size:clamp(10rem,19vw,15rem);animation-delay:.56s}@keyframes answer-sweep{0%,to{opacity:.28;transform:translate(0)scaleX(.72)}45%{opacity:.78;transform:translate(-1.25rem)scaleX(1)}}@keyframes hero-timer-pulse{50%{opacity:.86;transform:scale(1.08)}}.section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-block-end:2rem;display:flex}.section-heading h2,.split-section h2,.cta h2{margin-block-end:.4rem;font-size:clamp(2rem,4vw,3rem)}.card-grid{gap:1rem;display:grid}.card-grid.three{grid-template-columns:repeat(12,minmax(0,1fr))}.card-grid.three>:nth-child(3n+1){grid-column:span 5}.card-grid.three>:nth-child(3n+2){grid-column:span 3}.card-grid.three>:nth-child(3n+3){grid-column:span 4}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-builder{gap:var(--space-5);display:grid}.quiz-builder>*,.quiz-builder-grid>*{min-inline-size:0}.quiz-builder-intro,.quiz-builder-wide{grid-column:1/-1}.quiz-builder-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.quiz-builder-list .list-item{align-items:start;gap:var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;display:grid}.quiz-builder-list .list-item:last-child{border-block-end:0}.quiz-builder-question-settings{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-3);display:grid}.quiz-builder-row-actions{align-items:center;gap:var(--space-2);display:flex}.quiz-builder-bank-tools{align-items:end;gap:var(--space-3);margin-block:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.quiz-builder-results{align-items:center;gap:var(--space-2);white-space:nowrap;min-block-size:2.75rem;margin:0;display:inline-flex}.quiz-builder-results svg{inline-size:1rem}.quiz-builder-stats>div{text-align:center;min-inline-size:0}.quiz-builder-stats strong,.quiz-builder-stats span{display:block}.question-editor{gap:1.25rem}.question-editor .quiz-builder-wide{grid-column:1/-1}.question-image-field{border:0;grid-column:1/-1;margin:0;padding:0}.question-image-control{gap:var(--space-3);display:grid}.question-image-picker{align-items:center;gap:var(--space-3);min-block-size:5rem;padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--muted);cursor:pointer;display:flex;position:relative}.question-image-picker:hover,.question-image-picker:focus-within{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.question-image-picker:hover,.question-image-picker:focus-within{background:color-mix(in srgb, var(--primary) 8%, var(--muted))}}.question-image-picker svg{block-size:1.75rem;inline-size:1.75rem;color:var(--primary);flex:none}.question-image-picker span,.question-image-picker small{display:block}.question-image-picker small{color:var(--muted-foreground);margin-block-start:var(--space-1)}.question-image-picker input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;position:absolute;inset:0}.question-image-preview{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);inline-size:min(100%,42rem);position:relative;overflow:hidden}.question-image-preview img{object-fit:contain;block-size:100%;inline-size:100%}.question-image-remove{background:var(--card);position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3)}.question-options{border:0;flex-direction:column;grid-column:1/-1;gap:.6rem;margin:0;padding:0;display:flex}.question-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);grid-template-columns:auto 1fr;align-items:center;gap:.6rem;padding:.4rem .6rem;transition:border-color .15s;display:grid}.question-option:has(input[type=radio]:checked){border-color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.question-option:has(input[type=radio]:checked){background:color-mix(in srgb, var(--success) 8%, var(--input))}}.question-option input[type=radio]{block-size:1.1rem;min-block-size:auto;inline-size:1.1rem;accent-color:var(--success);border:0;flex:none;padding:0}.question-option input[type=text],.question-option input:not([type=radio]){background:0 0;border:0;outline:0;min-block-size:2rem;inline-size:100%;padding:0}.stack-list{flex-direction:column;gap:0;display:flex}.stack-list .list-item{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--border);display:flex}.stack-list .list-item:last-child{border-block-end:0}.stack-list .list-item p{color:var(--muted-foreground);margin:.2rem 0 0;font-size:.85rem}.question-list-content{align-items:flex-start;gap:var(--space-3);min-inline-size:0;display:flex}.question-list-thumbnail{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);flex:0 0 7rem;inline-size:7rem}.card{border:1px solid var(--border);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.card{border:1px solid color-mix(in srgb, var(--border) 86%, transparent)}}.card{background:repeating-linear-gradient(135deg, transparent 0 14px, var(--quantum-line) 14px 15px), linear-gradient(150deg, var(--primary), transparent 52%), var(--card)}@supports (color:color-mix(in lab, red, red)){.card{background:repeating-linear-gradient(135deg, transparent 0 14px, var(--quantum-line) 14px 15px), linear-gradient(150deg, color-mix(in srgb, var(--primary) 10%, transparent), transparent 52%), var(--card)}}.card{color:var(--card-foreground);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{border-color:var(--primary);transform:translateY(-5px)}@supports (color:color-mix(in lab, red, red)){.card:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--border))}}.card:hover{box-shadow:var(--shadow-lg)}.card-header,.card-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card-content{padding-block:1rem}.showcase-card{flex-direction:column;align-items:flex-start;gap:.85rem;min-block-size:12rem;display:flex}.card-signal{inset-block-start:0;inset-inline:var(--space-6);border-radius:var(--radius-full);background:linear-gradient(90deg, var(--primary), var(--quantum-lime), var(--surface-stage-hotline));opacity:.86;block-size:4px;position:absolute}.showcase-card:hover{border-color:var(--primary);transform:translateY(-7px)}@supports (color:color-mix(in lab, red, red)){.showcase-card:hover{border-color:color-mix(in srgb, var(--primary) 65%, var(--border))}}.showcase-card:hover{box-shadow:var(--shadow-hover)}.showcase-card h3,.category-card h3{margin-block:0}.showcase-card p,.category-card p{color:var(--muted-foreground);margin-block:0}.card-icon{border-radius:var(--radius-md);background:var(--primary);place-items:center;block-size:3rem;inline-size:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.card-icon{background:color-mix(in srgb, var(--primary) 18%, transparent)}}.card-icon{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-size:1.35rem}@supports (color:color-mix(in lab, red, red)){.card-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 24%, transparent)}}.card-icon.gold{color:var(--gold);background:var(--gold)}@supports (color:color-mix(in lab, red, red)){.card-icon.gold{background:color-mix(in srgb, var(--gold) 16%, transparent)}}.card-icon.violet{color:var(--accent)}.competition-card .badge-live{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.card-meta{color:var(--muted-foreground);align-items:center;gap:.4rem;margin-block-start:auto;display:flex}.category-card{border-color:var(--surface-stage-line);align-items:center;gap:1rem;min-block-size:8.25rem;display:flex}.category-emoji{block-size:3.5rem;inline-size:3.5rem;color:var(--gold);background:repeating-linear-gradient(135deg, transparent 0 8px, var(--quantum-line) 8px 9px), radial-gradient(circle at 30% 24%, var(--gold), transparent 58%), var(--primary);flex:none;place-items:center;font-size:1.35rem;display:grid}@supports (color:color-mix(in lab, red, red)){.category-emoji{background:repeating-linear-gradient(135deg, transparent 0 8px, var(--quantum-line) 8px 9px), radial-gradient(circle at 30% 24%, color-mix(in srgb, var(--gold) 20%, transparent), transparent 58%), color-mix(in srgb, var(--primary) 14%, var(--muted))}}.category-emoji{border-radius:var(--radius-md)}.stat-card{flex-direction:column;gap:.35rem;display:flex}.stat-card>span{color:var(--muted-foreground);align-items:center;gap:.5rem;display:flex}.stat-card>strong{font-size:2rem}.stat-card small{color:var(--success)}.badge{border-radius:var(--radius-full);background:var(--muted);inline-size:max-content;color:var(--muted-foreground);align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.badge svg{inline-size:.9rem}.badge-live{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.badge-live{background:color-mix(in srgb, var(--danger) 15%, transparent)}}.badge-live{color:var(--danger)}.badge-success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.badge-success{background:color-mix(in srgb, var(--success) 15%, transparent)}}.badge-success{color:var(--success)}.badge-gold{background:var(--gold)}@supports (color:color-mix(in lab, red, red)){.badge-gold{background:color-mix(in srgb, var(--gold) 15%, transparent)}}.badge-gold{color:var(--gold)}.split-section{grid-template-columns:.75fr 1.25fr;align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.leaderboard-section{background:repeating-linear-gradient(135deg, transparent 0 18px, var(--quantum-line) 18px 19px), linear-gradient(90deg, transparent, var(--accent), transparent), linear-gradient(115deg, var(--primary), var(--background))}@supports (color:color-mix(in lab, red, red)){.leaderboard-section{background:repeating-linear-gradient(135deg, transparent 0 18px, var(--quantum-line) 18px 19px), linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 8%, transparent), transparent), linear-gradient(115deg, color-mix(in srgb, var(--primary) 9%, var(--background)), var(--background))}}.leaderboard-list{flex-direction:column;gap:.55rem;display:flex}.leaderboard-preview{gap:var(--space-4);border:1px solid var(--surface-stage-line);border-radius:var(--radius-xl);background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), linear-gradient(145deg, var(--accent), transparent 52%), var(--surface-glass-strong);padding:clamp(1rem,3vw,1.5rem);display:grid}@supports (color:color-mix(in lab, red, red)){.leaderboard-preview{background:repeating-linear-gradient(135deg, transparent 0 12px, var(--quantum-line) 12px 13px), linear-gradient(145deg, color-mix(in srgb, var(--accent) 13%, transparent), transparent 52%), var(--surface-glass-strong)}}.leaderboard-preview{box-shadow:var(--shadow-lg)}.leaderboard-preview-top strong{color:var(--gold)}@supports (color:color-mix(in lab, red, red)){.leaderboard-preview li{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.leaderboard-preview li{border-radius:var(--radius-lg);background:repeating-linear-gradient(135deg, transparent 0 10px, var(--quantum-line) 10px 11px), var(--card)}@supports (color:color-mix(in lab, red, red)){.leaderboard-preview li{background:repeating-linear-gradient(135deg, transparent 0 10px, var(--quantum-line) 10px 11px), color-mix(in srgb, var(--card) 76%, transparent)}}.leaderboard-preview li strong{min-inline-size:0;color:var(--foreground);text-align:end}.cta{border:1px solid var(--gold);padding:clamp(2rem,6vw,4rem);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cta{border:1px solid color-mix(in srgb, var(--gold) 45%, var(--border))}}.cta{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--gold), var(--card))}@supports (color:color-mix(in lab, red, red)){.cta{background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 10%, var(--card)), var(--card))}}.cta{justify-content:space-between;align-items:center;gap:2rem;display:flex}.cta:before{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, transparent, var(--surface-stage-hotline), var(--primary), transparent);block-size:3px;position:absolute;inset-block-start:0;inset-inline:clamp(1rem,6vw,4rem)}.cta>div>svg{color:var(--gold);inline-size:2rem}.field{flex-direction:column;gap:.4rem;min-inline-size:0;display:flex}.field-label{font-size:.88rem;font-weight:700}.field-control{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);align-items:center;gap:.5rem;min-block-size:2.85rem;padding-inline:.85rem;transition:border-color .15s,box-shadow .15s;display:flex}.field-control:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color:color-mix(in lab, red, red)){.field-control:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 18%, transparent)}}.field-control input{inline-size:100%;background:0 0!important;border:0!important;outline:0!important;padding:0!important}.field-control svg{color:var(--muted-foreground);flex:none}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input);min-block-size:2.85rem;inline-size:100%;padding:.65rem .85rem}textarea{resize:vertical;min-block-size:7rem}select[multiple]{min-block-size:7rem}.is-error{border-color:var(--danger)!important}.is-success{border-color:var(--success)!important}.field-message{color:var(--muted-foreground);font-size:.8rem}.password-field{position:relative}.field-action{cursor:pointer;background:0 0;border:0;place-items:center;block-size:2rem;inline-size:2rem;display:grid;position:absolute;inset-block-start:2rem;inset-inline-end:.45rem}.field-action svg{inline-size:1.1rem}.choice-row{flex-wrap:wrap;gap:1rem;display:flex}.choice-control,.switch{cursor:pointer;align-items:center;gap:.55rem;display:inline-flex}.choice-control input,.switch input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.choice-box,.radio-dot{border:1px solid var(--border);place-items:center;block-size:1.25rem;inline-size:1.25rem;display:grid}.choice-box{border-radius:.35rem}.radio-dot{border-radius:50%}.choice-box svg{opacity:0}.choice-control input:checked+.choice-box{background:var(--primary);border-color:var(--primary)}.choice-control input:checked+.choice-box svg{opacity:1}.choice-control input:checked+.radio-dot{box-shadow:inset 0 0 0 4px var(--card);background:var(--primary);border-color:var(--primary)}.switch-track{border-radius:var(--radius-full);background:var(--muted);border:1px solid var(--border);block-size:1.55rem;inline-size:2.8rem;padding:.18rem;transition:all .2s}.switch-track span{background:var(--muted-foreground);border-radius:50%;block-size:1.05rem;inline-size:1.05rem;transition:all .2s;display:block}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track span{background:var(--primary-foreground);transform:translate(-1.2rem)}input[type=range]{accent-color:var(--primary);padding:0}.otp{gap:.5rem;display:flex}.otp input{text-align:center;inline-size:2.8rem;font-size:1.2rem;font-weight:700}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.dialog-backdrop{z-index:var(--z-dialog);background:var(--overlay-dialog);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--popover);max-block-size:min(90vh,48rem);inline-size:min(100%,32rem);color:var(--popover-foreground);box-shadow:var(--shadow-lg);padding:1.25rem;overflow:auto}.dialog-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dialog-header p{color:var(--muted-foreground);margin:0}.dialog-content{flex-direction:column;gap:1rem;margin-block-start:1rem;display:flex}.drawer{border-radius:0;max-block-size:none;inline-size:min(26rem,90vw);position:fixed;inset-block:0;inset-inline-start:0}.bottom-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;inline-size:min(42rem,100%);align-self:end;padding-block-end:max(1.25rem, env(safe-area-inset-bottom))}.popover,.dropdown{position:relative}.popover>summary,.dropdown>summary{cursor:pointer;list-style:none}.popover>summary::-webkit-details-marker{display:none}.dropdown>summary::-webkit-details-marker{display:none}.floating-panel{z-index:var(--z-popover);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--popover);inline-size:max-content;max-inline-size:18rem;box-shadow:var(--shadow-lg);padding:.75rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0}.dropdown .floating-panel{flex-direction:column;min-inline-size:9rem;display:flex}.dropdown .floating-panel button,.dropdown .floating-panel a{cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.dropdown .floating-panel button:hover,.dropdown .floating-panel a:hover{background:var(--muted)}.tooltip{position:relative}.tooltip:hover:after,.tooltip:focus-within:after{content:attr(data-tooltip);background:var(--foreground);color:var(--background);white-space:nowrap;inset-block-end:calc(100% + .5rem);border-radius:.4rem;padding:.3rem .55rem;font-size:.75rem;position:absolute;left:50%;transform:translate(-50%)}.alert{border-radius:var(--radius-md);border:1px solid;align-items:center;gap:.55rem;min-block-size:3rem;padding:.75rem 1rem;display:flex}.alert-info{color:var(--info);background:var(--info)}@supports (color:color-mix(in lab, red, red)){.alert-info{background:color-mix(in srgb, var(--info) 10%, transparent)}}.alert-info{border-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.alert-info{border-color:color-mix(in srgb, var(--info) 30%, transparent)}}.alert-success{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.alert-success{background:color-mix(in srgb, var(--success) 10%, transparent)}}.alert-success{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.alert-success{border-color:color-mix(in srgb, var(--success) 30%, transparent)}}.alert-warning{color:var(--warning);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.alert-warning{background:color-mix(in srgb, var(--warning) 10%, transparent)}}.alert-warning{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.alert-warning{border-color:color-mix(in srgb, var(--warning) 30%, transparent)}}.alert-danger{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.alert-danger{background:color-mix(in srgb, var(--danger) 10%, transparent)}}.alert-danger{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.alert-danger{border-color:color-mix(in srgb, var(--danger) 30%, transparent)}}.state-card{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;min-block-size:11rem;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.state-card>svg{inline-size:2rem}.spinner{place-items:center;display:inline-grid}.skeleton{background:linear-gradient(90deg, var(--muted), var(--muted), var(--muted));border-radius:.4rem;block-size:1rem;display:block}@supports (color:color-mix(in lab, red, red)){.skeleton{background:linear-gradient(90deg, var(--muted), color-mix(in srgb, var(--muted) 60%, var(--foreground)), var(--muted))}}.skeleton{background-size:200%;animation:1.4s infinite shimmer}.skeleton-stack{gap:.6rem;margin-block-start:1rem;display:grid}.skeleton-stack .skeleton:nth-child(2){inline-size:75%}.skeleton-stack .skeleton:nth-child(3){inline-size:45%}@keyframes shimmer{to{background-position:-200%}}.network-banner{z-index:var(--z-toast);border-radius:var(--radius-full);background:var(--danger);color:var(--danger-foreground);inset-block-end:1rem;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.network-banner.warning{background:var(--warning);color:var(--warning-foreground)}.avatar{background:linear-gradient(135deg, var(--primary), var(--accent));block-size:2.6rem;inline-size:2.6rem;color:var(--primary-foreground);border:2px solid var(--card);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.avatar-group{display:flex}.avatar-group .avatar+.avatar{margin-inline-start:-.65rem}.progress{border-radius:var(--radius-full);background:var(--muted);block-size:.55rem;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));block-size:100%;transition:inline-size .3s;display:block}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}table{border-collapse:collapse;text-align:start;inline-size:100%}th,td{border-block-end:1px solid var(--border);padding:.8rem 1rem}th{color:var(--muted-foreground);font-size:.82rem}tr:last-child td{border:0}.pagination,.tabs,.stepper{overscroll-behavior-inline:contain;scrollbar-width:thin;align-items:center;gap:.5rem;max-inline-size:100%;margin-block:1rem;display:flex;overflow-x:auto}.pagination>*,.tabs>*,.stepper>*{white-space:nowrap;flex:none}.tabs{border-block-end:1px solid var(--border)}.tabs button{cursor:pointer;background:0 0;border:0;border-block-end:2px solid #0000;padding:.75rem 1rem}.tabs button[aria-selected=true]{color:var(--link);border-color:var(--primary)}.stepper{counter-reset:step;justify-content:space-between}.stepper li{color:var(--muted-foreground);align-items:center;gap:.5rem;display:flex}.stepper li span{background:var(--muted);border-radius:50%;place-items:center;block-size:1.8rem;inline-size:1.8rem;display:grid}.stepper li.active{color:var(--foreground)}.stepper li.active span{background:var(--primary);color:var(--primary-foreground)}.separator{border:0;border-block-start:1px solid var(--border);margin-block:1.5rem}.accordion details{border-block-end:1px solid var(--border);padding:.7rem}.accordion summary{cursor:pointer;font-weight:700}.timeline{padding:0;list-style:none}.timeline li{gap:1rem;padding-block-end:1rem;display:flex;position:relative}.timeline li>span{background:var(--primary);block-size:.8rem;inline-size:.8rem;box-shadow:0 0 0 4px var(--primary);border-radius:50%;margin-block-start:.4rem}@supports (color:color-mix(in lab, red, red)){.timeline li>span{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 15%, transparent)}}.timeline li div{flex-direction:column;display:flex}.timeline small{color:var(--muted-foreground)}.quiz-timer svg{inline-size:1.1rem}.quiz-timer.circular{--timer-color:var(--timer-safe);background:radial-gradient(circle, var(--card) 62%, transparent 64%), conic-gradient(var(--timer-color) var(--timer-progress), var(--muted) 0);block-size:6.5rem;inline-size:6.5rem;box-shadow:0 0 35px var(--timer-color);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.quiz-timer.circular{box-shadow:0 0 35px color-mix(in srgb, var(--timer-color) 20%, transparent)}}.quiz-timer.circular span{font-size:2rem;font-weight:800;line-height:1}.quiz-timer.circular small{color:var(--muted-foreground)}.quiz-timer.timer-warning{--timer-color:var(--timer-warning);color:var(--timer-warning)}.quiz-timer.timer-danger{--timer-color:var(--timer-danger);color:var(--timer-danger)}.timer-sm.circular{block-size:4.5rem;inline-size:4.5rem}.timer-lg.circular{block-size:8rem;inline-size:8rem}.quiz-timer.horizontal{inline-size:min(100%,30rem);padding:.75rem}.quiz-timer.horizontal>div span{align-items:center;gap:.4rem;display:flex}.quiz-timer.digital{color:var(--timer-color);align-items:center;gap:.5rem;font-size:2rem;font-weight:800;display:inline-flex}.timer-pulse{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5}}.question-card{padding:clamp(1.25rem,4vw,2.5rem)}.question-card>h1{text-align:center;max-inline-size:60rem;margin:2rem auto;font-size:clamp(1.7rem,4vw,3.2rem)}.question-media{max-block-size:min(44vh,30rem);inline-size:min(100%,56rem);margin:var(--space-5) auto;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);display:block}.question-meta{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;font-size:.8rem;display:flex}.media-placeholder{background:var(--muted);border-radius:var(--radius-lg);place-items:center;min-block-size:12rem;display:grid}.answers-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.answer-option{border:1px solid var(--border);border-inline-start:5px solid var(--option-color);border-radius:var(--radius-lg);background:var(--option-color);min-block-size:4.5rem;padding:.8rem 1rem;position:relative}@supports (color:color-mix(in lab, red, red)){.answer-option{background:color-mix(in srgb, var(--option-color) 8%, var(--card))}}.answer-option{text-align:start;cursor:pointer;align-items:center;gap:.8rem;font-weight:700;transition:transform .15s,border-color .15s;display:flex}.answer-option:hover:not(:disabled){border-color:var(--option-color);transform:translateY(-2px)}.option-a{--option-color:var(--quiz-option-a)}.option-b{--option-color:var(--quiz-option-b)}.option-c{--option-color:var(--quiz-option-c)}.option-d{--option-color:var(--quiz-option-d)}.answer-letter{background:var(--option-color);block-size:2.4rem;inline-size:2.4rem;color:var(--primary-foreground);font-family:var(--font-sans);border-radius:.7rem;flex:none;place-items:center;display:grid}.answer-text{flex:1}.answer-percentage{font-size:1.2rem}.answer-option.is-selected{box-shadow:0 0 0 3px var(--option-color)}@supports (color:color-mix(in lab, red, red)){.answer-option.is-selected{box-shadow:0 0 0 3px color-mix(in srgb, var(--option-color) 30%, transparent)}}.answer-option.is-selected{border-color:var(--option-color)}.answer-option.is-correct{--option-color:var(--quiz-correct);background:var(--quiz-correct)}@supports (color:color-mix(in lab, red, red)){.answer-option.is-correct{background:color-mix(in srgb, var(--quiz-correct) 15%, var(--card))}}.answer-option.is-wrong{--option-color:var(--quiz-wrong);background:var(--quiz-wrong)}@supports (color:color-mix(in lab, red, red)){.answer-option.is-wrong{background:color-mix(in srgb, var(--quiz-wrong) 15%, var(--card))}}.answer-option:disabled{opacity:.55;cursor:not-allowed}.leaderboard-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);grid-template-columns:2.5rem 2.8rem minmax(0,1fr) auto auto auto;align-items:center;gap:.75rem;min-block-size:4.3rem;padding:.55rem .8rem;display:grid}.leaderboard-item.rank-1{border-color:var(--gold)}@supports (color:color-mix(in lab, red, red)){.leaderboard-item.rank-1{border-color:color-mix(in srgb, var(--gold) 50%, var(--border))}}.leaderboard-item.rank-1{background:linear-gradient(90deg, var(--gold), var(--card))}@supports (color:color-mix(in lab, red, red)){.leaderboard-item.rank-1{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 9%, var(--card)), var(--card))}}.rank{text-align:center;font-weight:900}.rank svg{color:var(--gold)}.player-name{flex-direction:column;min-inline-size:0;display:flex}.player-name strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-name span{color:var(--muted-foreground);align-items:center;gap:.25rem;font-size:.72rem;display:flex}.player-name svg{inline-size:.7rem}.online{color:var(--success)!important}.offline{color:var(--danger)!important}.streak,.rank-change{color:var(--muted-foreground);align-items:center;gap:.25rem;font-size:.82rem;display:flex}.streak svg{inline-size:.9rem;color:var(--warning)}.rank-change svg{inline-size:.9rem}.rank-change.up{color:var(--success)}.rank-change.down{color:var(--danger)}.score{font-variant-numeric:tabular-nums}.player-join{grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.75rem;padding:.65rem;display:grid}.player-join>div{flex-direction:column;display:flex}.player-join small{color:var(--muted-foreground)}.online-dot,.offline-dot{background:var(--success);border-radius:50%;block-size:.6rem;inline-size:.6rem}.offline-dot{background:var(--danger)}.room-code{align-items:center;gap:var(--space-5);grid-template-columns:auto 1fr auto;display:grid}.room-code>div:nth-child(2){flex-direction:column;min-inline-size:0;display:flex}.room-code strong{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,5vw,3.5rem)}.room-code small,.room-code span{color:var(--muted-foreground)}.room-invite-url{overflow-wrap:anywhere}.room-actions{gap:var(--space-2);flex-direction:column;display:flex}.room-qr{aspect-ratio:1;inline-size:7rem;padding:var(--space-2);background:var(--qr-paper);border-radius:var(--radius-sm);place-items:center;display:grid}.room-qr-code{block-size:auto;inline-size:100%;display:block}.score-display{flex-direction:column;align-items:center;min-inline-size:12rem;display:flex;position:relative}.score-display>strong{font-size:2.4rem}.score-display>.earned{color:var(--success);font-weight:800;position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem}.score-display>div{gap:.4rem;display:flex}.countdown-overlay{background:var(--overlay-deep);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;place-items:center;display:grid;position:absolute;inset:0}.countdown-overlay strong{color:var(--gold);text-shadow:0 0 60px var(--gold);font-size:clamp(6rem,20vw,15rem)}@supports (color:color-mix(in lab, red, red)){.countdown-overlay strong{text-shadow:0 0 60px color-mix(in srgb, var(--gold) 50%, transparent)}}.countdown-animated strong{animation:.8s both countdown}@keyframes countdown{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.podium-wrap{justify-content:center;align-items:flex-end;gap:clamp(.5rem,3vw,1.5rem);min-block-size:26rem;padding-block:4rem 0;display:flex;position:relative}.podium-player{text-align:center;flex-direction:column;align-items:center;gap:.4rem;inline-size:min(27%,12rem);display:flex}.podium-player>.avatar{block-size:4.2rem;inline-size:4.2rem}.podium-player>span{color:var(--gold)}.podium-player>div{background:linear-gradient(var(--podium-color), var(--podium-color));border-radius:1rem 1rem 0 0;min-block-size:8rem;inline-size:100%;padding:1rem}@supports (color:color-mix(in lab, red, red)){.podium-player>div{background:linear-gradient(var(--podium-color), color-mix(in srgb, var(--podium-color) 35%, var(--card)))}}.podium-player>div{flex-direction:column;align-items:center;font-size:2rem;font-weight:900;display:flex}.podium-1>div{min-block-size:13rem}.podium-2>div{min-block-size:10rem}.with-confetti:before{content:"✦  •  ★  ✧  •  ✦  ★";color:var(--gold);letter-spacing:1rem;font-size:1.6rem;position:absolute;inset-block-start:1rem}.podium-stage{inline-size:100%;padding-block:3rem;position:relative}.podium-empty{text-align:center;color:var(--muted-foreground);place-items:center;gap:1rem;padding:4rem 1rem;display:grid}.podium-empty svg{block-size:3.5rem;inline-size:3.5rem;color:var(--gold);opacity:.8}.podium-empty strong{color:var(--foreground);font-size:1.25rem}.podium-empty span{max-inline-size:32ch;font-size:.92rem}.podium-holo-field{pointer-events:none;opacity:.08;place-items:center;display:grid;position:absolute;inset:0}.podium-holo-field span{background:radial-gradient(circle, var(--gold), transparent 70%);filter:blur(40px);border-radius:50%;block-size:18rem;inline-size:18rem}.podium-player{text-align:center;flex-direction:column;align-items:center;gap:.4rem;inline-size:min(27%,12rem);display:flex;position:relative}.podium-rank-badge{border:2px solid var(--rank-accent,var(--gold));background:var(--rank-accent,var(--gold));border-radius:50%;place-items:center;block-size:3rem;inline-size:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.podium-rank-badge{background:color-mix(in srgb, var(--rank-accent,var(--gold)) 14%, transparent)}}.podium-rank-badge{color:var(--rank-accent,var(--gold));box-shadow:0 0 24px var(--rank-accent,var(--gold))}@supports (color:color-mix(in lab, red, red)){.podium-rank-badge{box-shadow:0 0 24px color-mix(in srgb, var(--rank-accent,var(--gold)) 38%, transparent)}}.podium-rank-badge{margin-block-end:.5rem}.podium-rank-badge svg{block-size:1.4rem;inline-size:1.4rem}.podium-profile{flex-direction:column;align-items:center;gap:.35rem;display:flex}.podium-profile>.avatar{border:3px solid var(--border);block-size:4.2rem;inline-size:4.2rem;box-shadow:0 0 20px #00000059}.podium-name{color:var(--foreground);overflow-wrap:anywhere;max-inline-size:10ch;font-size:.95rem;font-weight:800}.podium-score{color:var(--gold);letter-spacing:.02em;font-size:.85rem;font-weight:700}.podium-correct{border-radius:var(--radius-full);background:var(--success);align-items:center;gap:.3rem;padding:.25rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.podium-correct{background:color-mix(in srgb, var(--success) 14%, transparent)}}.podium-correct{border:1px solid var(--success)}@supports (color:color-mix(in lab, red, red)){.podium-correct{border:1px solid color-mix(in srgb, var(--success) 28%, transparent)}}.podium-correct{color:var(--success);font-size:.78rem;font-weight:800}.podium-correct svg{block-size:.85rem;inline-size:.85rem}.podium-block{background:linear-gradient(var(--podium-color), var(--podium-color));border-radius:1rem 1rem 0 0;min-block-size:8rem;inline-size:100%;padding:1rem}@supports (color:color-mix(in lab, red, red)){.podium-block{background:linear-gradient(var(--podium-color), color-mix(in srgb, var(--podium-color) 35%, var(--card)))}}.podium-block{box-shadow:0 0 40px var(--podium-color);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:2rem;font-weight:900;display:flex}@supports (color:color-mix(in lab, red, red)){.podium-block{box-shadow:0 0 40px color-mix(in srgb, var(--podium-color) 22%, transparent)}}.podium-block{position:relative}.podium-block:before{content:"";background:linear-gradient(90deg, transparent, var(--podium-color), transparent);border-radius:1rem 1rem 0 0;block-size:3px;position:absolute;inset-block-start:0;inset-inline:0}.podium-1{--podium-color:var(--gold)}.podium-1>.podium-block{min-block-size:13rem}.podium-1>.podium-profile>.avatar{border-color:var(--gold);block-size:5.5rem;inline-size:5.5rem;box-shadow:0 0 32px #ffb74d47}.podium-1>.podium-profile>.podium-name{font-size:1.1rem}.podium-1>.podium-profile>.podium-score{font-size:.95rem}.podium-1>.podium-profile>.podium-correct{font-size:.85rem}.podium-2{--podium-color:var(--neutral-silver)}.podium-2>.podium-block{min-block-size:10rem}.podium-3{--podium-color:var(--neutral-bronze)}.podium-3>.podium-block{min-block-size:9rem}.waiting-list{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#10081aeb,#06020af5);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.waiting-list__header{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-block-end:1rem;display:flex}.waiting-list__header h3{color:var(--foreground);margin:0;font-size:1.1rem;font-weight:800}.waiting-list__header p{color:var(--muted-foreground);margin:.25rem 0 0;font-size:.85rem}.waiting-list__counts{flex-wrap:wrap;gap:.5rem;display:flex}.waiting-badge{border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.waiting-badge svg{block-size:1rem;inline-size:1rem}.waiting-badge--ready{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.waiting-badge--ready{background:color-mix(in srgb, var(--success) 12%, transparent)}}.waiting-badge--ready{border:1px solid var(--success)}@supports (color:color-mix(in lab, red, red)){.waiting-badge--ready{border:1px solid color-mix(in srgb, var(--success) 28%, transparent)}}.waiting-badge--ready{color:var(--success)}.waiting-badge--waiting{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.waiting-badge--waiting{background:color-mix(in srgb, var(--warning) 12%, transparent)}}.waiting-badge--waiting{border:1px solid var(--warning)}@supports (color:color-mix(in lab, red, red)){.waiting-badge--waiting{border:1px solid color-mix(in srgb, var(--warning) 28%, transparent)}}.waiting-badge--waiting{color:var(--warning)}.waiting-list__players{scrollbar-gutter:stable;gap:.5rem;max-block-size:22rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.waiting-list__player{border:1px solid var(--border);border-radius:var(--radius-lg);background:#10081a99;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:border-color .2s,background .2s;display:flex}.waiting-list__player:hover{background:#10081ad9;border-color:#ffb74d47}.waiting-list__rank{border-radius:var(--radius-md);background:var(--muted);block-size:2rem;inline-size:2rem;color:var(--gold);flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid}.waiting-list__avatar{flex-shrink:0;block-size:2.5rem;inline-size:2.5rem}.waiting-list__info{flex:1;gap:.1rem;min-inline-size:0;display:grid}.waiting-list__info strong{color:var(--foreground);overflow-wrap:anywhere;font-size:.92rem;font-weight:700}.waiting-list__info small{color:var(--muted-foreground);font-size:.75rem}.waiting-list__dot{border-radius:50%;flex-shrink:0;block-size:.55rem;inline-size:.55rem}.waiting-dot{background:var(--warning);animation:1.6s ease-in-out infinite waiting-pulse;box-shadow:0 0 8px #ffb74d61}.ready-dot{background:var(--success);box-shadow:0 0 8px #22c55e52}@keyframes waiting-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.waiting-list__empty{text-align:center;color:var(--muted-foreground);place-items:center;gap:.75rem;padding:3rem 1rem;display:grid}.waiting-list__empty svg{opacity:.6;block-size:2.5rem;inline-size:2.5rem}.waiting-list__empty span{font-size:.95rem}.waiting-list__actions{border-block-start:1px solid var(--border);justify-content:center;padding-block-start:.5rem;display:flex}.question-showcase{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:radial-gradient(at 30% 10%,#ffb74d0f,#0000 40rem),linear-gradient(145deg,#10081af2,#06020afa);flex-direction:column;gap:1.25rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden}.question-showcase:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--accent), transparent);block-size:3px;position:absolute;inset-block-start:0;inset-inline:0;box-shadow:0 0 24px #ffb74d6b}.question-showcase__meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.question-showcase__number{border-radius:var(--radius-lg);background:var(--gold);place-items:center;block-size:3rem;inline-size:3rem;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.question-showcase__number{background:color-mix(in srgb, var(--gold) 14%, transparent)}}.question-showcase__number{border:1px solid var(--gold)}@supports (color:color-mix(in lab, red, red)){.question-showcase__number{border:1px solid color-mix(in srgb, var(--gold) 28%, transparent)}}.question-showcase__number{color:var(--gold);font-size:1.25rem;font-weight:900}.question-showcase__badges{flex-wrap:wrap;gap:.5rem;display:flex}.question-showcase__badge{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-raised);color:var(--muted-foreground);padding:.35rem .75rem;font-size:.78rem;font-weight:700}.question-showcase__badge--category{color:#818cf8;background:#6366f11a;border-color:#6366f152}.question-showcase__badge--difficulty{color:#fb7185;background:#f43f5e14;border-color:#f43f5e52}.question-showcase__badge--points{border-color:rgba(255 183 77, .32);color:#ffd54f;background:#ffb74d1a}.question-showcase__prompt{color:var(--foreground);text-wrap:balance;margin:0;font-size:clamp(1.25rem,3vw,1.85rem);font-weight:800;line-height:1.4;position:relative}.question-showcase__prompt:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);border-radius:999px;block-size:3px;inline-size:4rem;position:absolute;inset-block-end:-.75rem;inset-inline-start:0}.question-showcase__media{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--muted);min-block-size:16rem;inline-size:100%;position:relative;overflow:hidden}.question-showcase__media img,.question-showcase__media video{object-fit:cover;block-size:100%;inline-size:100%}.question-showcase__answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.question-showcase__answer{border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:start;background:#10081a99;align-items:center;gap:.85rem;padding:1rem 1.25rem;transition:border-color .2s,background .2s,transform .15s;display:flex;position:relative}.question-showcase__answer:hover{background:#10081ad9;border-color:#ffb74d61;transform:translateY(-2px)}.question-showcase__answer-letter{border-radius:var(--radius-md);background:var(--gold);place-items:center;block-size:2.2rem;inline-size:2.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.question-showcase__answer-letter{background:color-mix(in srgb, var(--gold) 14%, transparent)}}.question-showcase__answer-letter{border:1px solid var(--gold)}@supports (color:color-mix(in lab, red, red)){.question-showcase__answer-letter{border:1px solid color-mix(in srgb, var(--gold) 28%, transparent)}}.question-showcase__answer-letter{color:var(--gold);flex-shrink:0;font-size:.85rem;font-weight:900}.question-showcase__answer-text{min-inline-size:0;color:var(--foreground);overflow-wrap:anywhere;flex:1;font-size:.95rem;font-weight:600}.question-showcase__answer--correct{background:var(--success);border-color:#22c55e8c}@supports (color:color-mix(in lab, red, red)){.question-showcase__answer--correct{background:color-mix(in srgb, var(--success) 12%, #10081ad9)}}.question-showcase__answer--correct .question-showcase__answer-letter{background:var(--success);border-color:var(--success);color:#fff}.question-showcase__answer--wrong{background:var(--danger);border-color:#ef444473}@supports (color:color-mix(in lab, red, red)){.question-showcase__answer--wrong{background:color-mix(in srgb, var(--danger) 10%, #10081ad9)}}.question-showcase__answer--wrong .question-showcase__answer-letter{background:var(--danger);border-color:var(--danger);color:#fff}.question-showcase__answer--selected{background:var(--primary);border-color:#6366f18c}@supports (color:color-mix(in lab, red, red)){.question-showcase__answer--selected{background:color-mix(in srgb, var(--primary) 12%, #10081ad9)}}.question-showcase__answer--selected .question-showcase__answer-letter{background:var(--primary);border-color:var(--primary);color:#fff}.leaderboard-correct{color:var(--success);align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:inline-flex}.leaderboard-correct svg{block-size:.85rem;inline-size:.85rem}.leaderboard-table li.is-podium .leaderboard-correct{color:var(--gold)}.live-status.status-live{color:var(--danger)}.live-status.status-offline{color:var(--muted-foreground)}.live-status.status-waiting,.live-status.status-soon{color:var(--warning)}.question-progress{inline-size:min(100%,28rem)}.question-progress .inline-between{margin-block-end:.4rem}.host-controls{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-block-start:1rem;display:flex}.design-page{min-block-size:80vh;padding-block:clamp(2rem,6vw,5rem)}.design-header h1{margin:.5rem 0;font-size:clamp(2.2rem,5vw,4rem)}.design-header p{color:var(--muted-foreground)}.host-stage h2,.results-screen h2{align-items:center;gap:.5rem;display:flex}.design-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:3rem;display:flex}.design-section{margin-block:3.5rem}.design-section>header{margin-block-end:1rem}.design-section>header p{color:var(--muted-foreground)}.design-canvas{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);padding:clamp(1rem,3vw,2rem)}@supports (color:color-mix(in lab, red, red)){.design-canvas{background:color-mix(in srgb, var(--card) 75%, var(--background))}}.swatch-grid{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.swatch span{border:1px solid var(--border);border-radius:.7rem;block-size:4.5rem;display:block}.swatch code{color:var(--muted-foreground);font-size:.72rem}.type-scale h1{font-size:3rem}.type-scale h2{font-size:2.2rem}.type-scale h3{font-size:1.5rem}.state-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.timer-showcase,.showcase-split{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-block:1rem;display:flex}.showcase-split>*{flex:1}.countdown-preview{border-radius:var(--radius-lg);min-block-size:14rem;margin-block-start:1rem;position:relative;overflow:hidden}.sound-settings{border:1px solid var(--border);border-radius:var(--radius-lg);max-inline-size:30rem;padding:1rem}.dashboard-layout{grid-template-columns:17rem 1fr;min-block-size:100dvh;display:grid}.sidebar{border-inline-end:1px solid var(--border);background:var(--card);flex-direction:column;gap:1.5rem;block-size:100dvh;padding:1rem;display:flex;position:sticky;inset-block-start:0}.sidebar>button{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.sidebar nav{flex-direction:column;gap:.35rem;display:flex}.sidebar nav a{border-radius:var(--radius-md);min-block-size:2.9rem;color:var(--muted-foreground);align-items:center;gap:.7rem;padding:.65rem;display:flex}.sidebar nav a:hover{background:var(--muted);color:var(--foreground)}.sidebar-collapsed{grid-template-columns:5rem 1fr}.sidebar-collapsed .logo strong,.sidebar-collapsed nav span{display:none}.dashboard-main{min-inline-size:0;padding:1.5rem}.dashboard-header{justify-content:space-between;align-items:center;margin-block-end:1.5rem;display:flex}.breadcrumb{color:var(--muted-foreground);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.breadcrumb span{align-items:center;display:flex}.breadcrumb svg{inline-size:.9rem}.dashboard-actions{justify-content:flex-end;margin-block-end:1rem;display:flex}.dashboard-main .card-grid{margin-block-end:1rem}.dashboard-quiz-list{display:grid}.dashboard-quiz-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-inline-size:0;padding-block:var(--space-4);border-block-start:1px solid var(--border);display:flex}.dashboard-quiz-row>div{min-inline-size:0}.dashboard-quiz-row h3,.dashboard-quiz-row p{margin-block-end:0}.dashboard-quiz-row .component-row{justify-content:flex-start}.dashboard-empty{block-size:6rem;color:var(--muted-foreground);justify-content:center;align-items:center;gap:1rem;display:flex}.host-layout>header{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;min-block-size:4.5rem;padding-inline:1rem;display:flex}.host-layout>header>div{align-items:center;gap:1rem;display:flex}.host-layout>header span{align-items:center;gap:.4rem;display:flex}.host-stage{grid-template-columns:minmax(0,1fr) 22rem;gap:1rem;padding:1rem;display:grid}.host-stage>section{grid-column:1/-1}.host-stage aside .player-join{box-shadow:none}.broadcast-layout{aspect-ratio:16/9;background:radial-gradient(circle at 50% 0, var(--primary), transparent 45%), var(--background);min-block-size:100dvh;padding:clamp(2rem,4vw,5rem)}@supports (color:color-mix(in lab, red, red)){.broadcast-layout{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--primary) 22%, transparent), transparent 45%), var(--background)}}.broadcast-layout{flex-direction:column;justify-content:center;display:flex}.broadcast-top{justify-content:space-between;align-items:center;margin-block-end:1rem;font-size:clamp(1.5rem,3vw,3rem);display:flex}.broadcast-layout .question-card>h1{font-size:clamp(2.5rem,4vw,5rem)}.broadcast-layout .answer-option{min-block-size:clamp(5rem,9vh,8rem);font-size:clamp(1.2rem,2vw,2.2rem)}.broadcast-stage{grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:start;gap:clamp(1rem,3vw,2.5rem);display:grid}.broadcast-stage aside{gap:1rem;display:grid}.broadcast-stage .question-card h2,.live-play .question-card h2{font-size:clamp(1.75rem,4vw,3.5rem);line-height:1.35}.live-play{gap:1.5rem;display:grid}.live-play .answers-list form{display:contents}@media (max-width:1024px){.desktop-nav,.hide-tablet{display:none}.mobile-menu-button{display:inline-flex}.mobile-nav{grid-template-columns:repeat(2,1fr);display:grid}.hero-arena{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p,.identity-signals,.hero-command,.join-box,.hero-flow{margin-inline:auto}.hero-actions{justify-content:center}.hero-stage{min-block-size:38rem}.card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{grid-template-columns:1fr}.state-grid{grid-template-columns:repeat(2,1fr)}.swatch-grid{grid-template-columns:repeat(4,1fr)}.host-stage,.broadcast-stage{grid-template-columns:1fr}.host-stage aside{order:-1}.dashboard-layout{grid-template-columns:5rem 1fr}.sidebar .logo strong,.sidebar nav span{display:none}}@media (max-width:768px){.hide-mobile{display:none}.header-inner{min-block-size:4rem}.mobile-nav{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.hero{padding-block:2rem 2.5rem}.arena-stage,.hero-flow{display:none}.join-box{flex-direction:column;align-items:stretch}.join-box>.join-field,.join-box>.join-notice,.join-box>button{flex:none;inline-size:100%;max-inline-size:100%}.hero-command{margin-block:1.25rem .85rem}.hero-copy h1{margin-inline:auto;font-size:clamp(2.25rem,11vw,3.4rem)}.hero-copy>p{font-size:1rem}.identity-signals{grid-template-columns:repeat(3,minmax(0,1fr));max-inline-size:28rem}.identity-signals>div{padding-inline:var(--space-2);text-align:center;grid-template-columns:minmax(0,1fr);align-items:center}.identity-signals small{grid-column:auto}.card-grid.three,.card-grid.four,.card-grid.two{grid-template-columns:1fr}.card-grid.three>*{grid-column:auto}.section-heading{flex-direction:column;align-items:flex-start}.section-heading>*{min-inline-size:0}.inline-between{flex-wrap:wrap}.cta{flex-direction:column;align-items:flex-start}.answers-list{grid-template-columns:1fr}.room-code{grid-template-columns:auto 1fr}.room-actions{flex-direction:row;grid-column:1/-1}.leaderboard-item{grid-template-columns:2rem 2.6rem minmax(0,1fr) auto}.leaderboard-item .streak,.leaderboard-item .rank-change{display:none}.form-grid,.state-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(3,1fr)}.showcase-split{display:grid}.table-wrap{border:0}table,tbody,tr,td{display:block}thead{display:none}tr{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);margin-block-end:.75rem}td{justify-content:space-between;gap:1rem;display:flex}td:before{content:attr(data-label);color:var(--muted-foreground);font-weight:700}.design-header,.dashboard-header{flex-wrap:wrap}.dashboard-layout{display:block}.sidebar{gap:var(--space-2);overscroll-behavior-inline:contain;flex-direction:row;block-size:auto;inline-size:100%;position:static;overflow-x:auto}.sidebar>.logo,.sidebar>button{display:none}.sidebar nav{flex-direction:row}.sidebar nav a,.sidebar .button{white-space:nowrap;flex:none}.dashboard-main{padding:1rem}.dashboard-quiz-row{flex-direction:column;align-items:flex-start}.host-layout>header{flex-wrap:wrap;padding-block:.5rem}.host-layout>header>div{flex-wrap:wrap}.broadcast-layout{aspect-ratio:auto}.podium-player{inline-size:31%;font-size:.8rem}.podium-player>.avatar{block-size:3rem;inline-size:3rem}}@media (max-width:430px){.container{inline-size:min(calc(100% - 1rem), var(--container))}.hero{padding-block:1.25rem 1.5rem}.header-actions{gap:.1rem}.hero-copy h1{font-size:2rem}.hero-copy>p{font-size:.95rem}.hero-command{padding:var(--space-2);margin-block:.85rem .65rem}.hero-command-header{padding-inline:var(--space-2);flex-direction:column;align-items:flex-start;font-size:.82rem}.scoreboard-options{grid-template-columns:1fr}.scoreboard-footer{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.room-code{text-align:center;grid-template-columns:1fr}.room-qr{margin-inline:auto}.room-actions{grid-column:auto;justify-content:center}.leaderboard-item{gap:.4rem;padding:.45rem}.score{font-size:.8rem}.swatch-grid{grid-template-columns:repeat(2,1fr)}.component-row .button{flex:100%}.quiz-builder>.dashboard-actions{grid-template-columns:1fr;display:grid}.quiz-builder>.dashboard-actions .button{inline-size:100%}.quiz-builder-bank-tools{grid-template-columns:1fr;align-items:stretch}.quiz-builder-results{justify-content:flex-start}.quiz-builder-list .list-item{grid-template-columns:1fr}.quiz-builder-row-actions{justify-content:flex-start}.podium-wrap{gap:.2rem}.podium-player strong{font-size:.72rem}.podium-player>div{padding:.5rem}.mobile-nav{max-block-size:70vh;overflow:auto}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:clamp(1.75rem,9vw,2.4rem)}.profile-row{padding-block:var(--space-3);flex-direction:column;align-items:flex-start}.quiz-builder-question-settings{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.finale-stage{isolation:isolate;gap:var(--space-6);border-block:1px solid var(--surface-stage-line);background:linear-gradient(90deg, var(--quantum-line) 1px, transparent 1px), linear-gradient(var(--quantum-line) 1px, transparent 1px), linear-gradient(145deg, var(--surface-stage), var(--background));direction:rtl;background-size:3.5rem 3.5rem,3.5rem 3.5rem,auto;grid-template-rows:auto auto;min-block-size:clamp(38rem,100svh - 10rem,58rem);min-inline-size:0;padding:clamp(1rem,3vw,2.5rem);display:grid;position:relative;overflow:visible}.finale-stage:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--primary), var(--accent), var(--success));block-size:3px;position:absolute;inset:0 0 auto}.finale-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);min-inline-size:0;display:flex}.finale-header>div:first-child{min-inline-size:0}.finale-header h1{margin-block:var(--space-1);letter-spacing:0;font-size:clamp(1.75rem,4vw,3.4rem);line-height:1.15}.finale-header p{color:var(--muted-foreground);margin:0}.finale-actions{flex:none}.finale-actions .button{min-block-size:2.75rem}.finale-intro,.finale-empty{place-content:center;align-self:stretch;justify-items:center;gap:var(--space-3);text-align:center;min-inline-size:0;animation:finale-enter var(--duration-reveal) var(--ease-out) both;display:grid}.finale-intro-icon,.finale-empty>svg{border:1px solid var(--surface-stage-hotline);border-radius:var(--radius-full);background:var(--surface-glass-strong);block-size:7rem;inline-size:7rem;color:var(--accent);box-shadow:0 0 0 .75rem var(--accent);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.finale-intro-icon,.finale-empty>svg{box-shadow:0 0 0 .75rem color-mix(in srgb, var(--accent) 8%, transparent)}}.finale-intro-icon svg{block-size:3rem;inline-size:3rem}.finale-empty>svg{padding:2rem}.finale-intro p,.finale-empty p{color:var(--muted-foreground);margin:0;font-weight:800}.finale-intro h2,.finale-empty h2{letter-spacing:0;max-inline-size:22ch;margin:0;font-size:clamp(1.6rem,4vw,3.6rem);line-height:1.25}.finale-reveal{inline-size:min(100%,64rem);min-inline-size:0;animation:finale-enter var(--duration-reveal) var(--ease-out) both;grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);align-self:center;align-items:center;gap:clamp(1.5rem,6vw,5rem);margin-inline:auto;display:grid}.finale-rank-mark{align-content:center;place-items:center;gap:var(--space-1);aspect-ratio:1;border:1px solid var(--finale-rank-color);border-radius:var(--radius-full);background:var(--finale-rank-color);inline-size:min(100%,20rem);margin-inline:auto;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.finale-rank-mark{background:color-mix(in srgb, var(--finale-rank-color) 12%, var(--surface-stage))}}.finale-rank-mark{color:var(--finale-rank-color);box-shadow:0 0 0 1rem var(--finale-rank-color), var(--shadow-lg)}@supports (color:color-mix(in lab, red, red)){.finale-rank-mark{box-shadow:0 0 0 1rem color-mix(in srgb, var(--finale-rank-color) 5%, transparent), var(--shadow-lg)}}.finale-rank-mark svg{block-size:clamp(2rem,5vw,4rem);inline-size:clamp(2rem,5vw,4rem)}.finale-rank-mark span{color:var(--foreground);font-weight:800}.finale-rank-mark strong{font-size:clamp(4rem,11vw,8rem);line-height:.85}.finale-reveal-1{--finale-rank-color:var(--accent)}.finale-reveal-2{--finale-rank-color:var(--neutral-silver)}.finale-reveal-3{--finale-rank-color:var(--neutral-bronze)}.finale-reveal-player{min-inline-size:0}.finale-avatar{border:1px solid var(--finale-rank-color);border-radius:var(--radius-full);background:var(--surface-glass-strong);block-size:5rem;inline-size:5rem;color:var(--finale-rank-color);place-items:center;margin-block-end:var(--space-4);font-size:1.5rem;font-weight:900;display:grid}.finale-reveal-player h2{overflow-wrap:anywhere;letter-spacing:0;max-inline-size:100%;margin:0;font-size:clamp(2.25rem,7vw,6rem);line-height:1.1}.finale-reveal-player p{margin-block:var(--space-3) 0;color:var(--finale-rank-color);font-size:clamp(1.1rem,3vw,1.8rem);font-weight:900}.finale-summary{align-items:start;gap:var(--space-4);min-inline-size:0;animation:finale-enter var(--duration-reveal) var(--ease-out) both;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);display:grid;position:relative}.finale-podium-panel,.finale-personal-result,.finale-ranking{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--surface-glass);min-inline-size:0;box-shadow:var(--shadow-sm)}.finale-podium-panel{padding:clamp(1rem,3vw,2rem)}.finale-section-title{align-items:center;gap:var(--space-3);display:flex}.finale-section-title>svg{block-size:2rem;inline-size:2rem;color:var(--accent);flex:none}.finale-section-title span,.finale-personal-result>span{color:var(--primary);font-size:.85rem;font-weight:900}.finale-section-title h2,.finale-ranking h2{letter-spacing:0;margin:0}.finale-podium-panel .podium-wrap{min-block-size:23rem;padding-block-start:2rem}.finale-personal-result{align-items:center;gap:var(--space-3) var(--space-6);border-color:var(--primary);grid-column:1/-1;grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);display:grid}@supports (color:color-mix(in lab, red, red)){.finale-personal-result{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}}.finale-personal-result{padding:var(--space-5)}.finale-personal-result>strong{font-size:clamp(1.15rem,3vw,1.75rem)}.finale-personal-metrics{gap:var(--space-2);grid-area:1/2/span 2;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.finale-personal-metrics>div{gap:var(--space-1);border-inline-start:1px solid var(--border);min-inline-size:0;padding-inline:var(--space-4);display:grid}.finale-personal-metrics>div:last-child{border-inline-start:0}.finale-personal-metrics span{color:var(--muted-foreground);font-size:.8rem}.finale-personal-metrics b{overflow-wrap:anywhere;font-size:clamp(1.3rem,3vw,2rem)}.finale-ranking{padding:var(--space-5)}.finale-ranking ol{gap:var(--space-1);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.finale-ranking li{align-items:center;gap:var(--space-3);border-block-end:1px solid var(--border);min-inline-size:0;padding-block:var(--space-3);grid-template-columns:2.25rem minmax(0,1fr) auto;display:grid}.finale-ranking li:last-child{border-block-end:0}.finale-ranking li>span{border-radius:var(--radius-sm);background:var(--secondary);block-size:2rem;inline-size:2rem;color:var(--muted-foreground);place-items:center;font-weight:900;display:grid}.finale-ranking li>strong{overflow-wrap:anywhere;min-inline-size:0}.finale-ranking li>b{color:var(--accent);white-space:nowrap}.finale-ranking li.is-current-player{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.finale-ranking li.is-current-player{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.finale-celebration{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.finale-celebration i{background:var(--primary);block-size:1.1rem;inline-size:.45rem;animation:finale-confetti 2.8s var(--ease-standard) both;position:absolute;inset-block-start:-1rem}.finale-celebration i:nth-child(3n+2){background:var(--accent)}.finale-celebration i:nth-child(3n){background:var(--success)}.finale-celebration i:first-child{animation-delay:80ms;inset-inline-start:4%}.finale-celebration i:nth-child(2){animation-delay:.43s;inset-inline-start:12%}.finale-celebration i:nth-child(3){animation-delay:.18s;inset-inline-start:21%}.finale-celebration i:nth-child(4){animation-delay:.62s;inset-inline-start:31%}.finale-celebration i:nth-child(5){animation-delay:40ms;inset-inline-start:40%}.finale-celebration i:nth-child(6){animation-delay:.35s;inset-inline-start:49%}.finale-celebration i:nth-child(7){animation-delay:.13s;inset-inline-start:58%}.finale-celebration i:nth-child(8){animation-delay:.51s;inset-inline-start:67%}.finale-celebration i:nth-child(9){animation-delay:.25s;inset-inline-start:75%}.finale-celebration i:nth-child(10){animation-delay:.7s;inset-inline-start:83%}.finale-celebration i:nth-child(11){animation-delay:.1s;inset-inline-start:91%}.finale-celebration i:nth-child(12){animation-delay:.47s;inset-inline-start:97%}@keyframes finale-enter{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes finale-confetti{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(34rem)rotate(620deg)}}@media (max-width:880px){.finale-summary{grid-template-columns:1fr}.finale-personal-result{grid-column:auto}.finale-reveal{grid-template-columns:minmax(9rem,.75fr) minmax(0,1.25fr)}}@media (max-width:620px){.finale-stage{min-block-size:calc(100svh - 7rem);padding:var(--space-4)}.finale-header{flex-direction:column;align-items:stretch}.finale-actions .button{inline-size:100%}.finale-reveal{text-align:center;grid-template-columns:1fr;justify-items:center}.finale-rank-mark{inline-size:min(55vw,13rem)}.finale-avatar{margin-inline:auto}.finale-personal-result{grid-template-columns:1fr}.finale-personal-metrics{grid-area:auto}.finale-personal-metrics>div{border-inline-start:0;border-block-start:1px solid var(--border);padding:var(--space-3) var(--space-1) 0}.finale-podium-panel .podium-wrap{min-block-size:20rem}}@media (max-width:380px){.finale-personal-metrics{grid-template-columns:1fr}.finale-personal-metrics>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.finale-ranking{padding:var(--space-4)}.finale-ranking li{gap:var(--space-2)}}.auth-page{place-items:center;gap:var(--space-5);background:radial-gradient(circle at 20% 20%, var(--hero-violet-glow), transparent 34%), radial-gradient(circle at 80% 70%, var(--hero-warm-glow), transparent 32%), var(--background);min-block-size:100dvh;padding:clamp(1rem,4vw,3rem);display:grid}.auth-panel{gap:var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-xl);background:var(--surface-glass-strong);inline-size:min(100%,30rem);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);padding:clamp(1.2rem,4vw,2rem);display:grid}.auth-panel h1{margin-block-end:.4rem;font-size:clamp(2rem,5vw,2.8rem)}.auth-panel p,.auth-footer{color:var(--muted-foreground)}.auth-form{gap:var(--space-4);display:grid}.auth-footer{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;font-weight:700;display:flex}.auth-footer a{color:var(--link);text-underline-offset:.25rem;text-decoration:underline}.profile-grid{gap:var(--space-5);grid-template-columns:.9fr 1.1fr;display:grid}.profile-card{align-items:flex-start}.profile-card>svg{block-size:4rem;inline-size:4rem;color:var(--primary)}.profile-row{justify-content:space-between;align-items:center;gap:var(--space-4);border-block-start:1px solid var(--border);min-block-size:3rem;display:flex}.profile-row span{color:var(--muted-foreground);align-items:center;gap:.5rem;display:inline-flex}@media (max-width:760px){.profile-grid{grid-template-columns:1fr}.auth-footer{flex-direction:column}}.host-question-panel{grid-column:1/-1}.host-question-heading{align-items:flex-start}.host-question-heading h2{margin-block:.7rem 0}.host-current-options{gap:var(--space-3);margin-block:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.host-current-options>div{align-items:center;gap:var(--space-3);border:1px solid var(--border);min-block-size:4rem;padding:var(--space-3);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.host-current-options>div>span{background:var(--secondary);border-radius:50%;place-items:center;block-size:2rem;inline-size:2rem;font-weight:800;display:grid}.host-current-options p{margin:0}.host-current-options strong{color:var(--success);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.host-current-options .is-correct{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.host-current-options .is-correct{border-color:color-mix(in srgb, var(--success) 65%, var(--border))}}.host-current-options .is-correct{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.host-current-options .is-correct{background:color-mix(in srgb, var(--success) 9%, var(--card))}}.host-question-list-heading{align-items:center;gap:var(--space-3);border-block-start:1px solid var(--border);padding-block-start:var(--space-5);display:flex}.host-question-list-heading>svg{color:var(--primary)}.host-question-list-heading h3,.host-question-list-heading p{margin:0}.host-question-list{gap:var(--space-3);margin-block-start:var(--space-4);display:grid}.host-question-item{border:1px solid var(--border);background:var(--card);border-radius:1rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.host-question-item{background:color-mix(in srgb, var(--card) 88%, transparent)}}.host-question-item summary{align-items:center;gap:var(--space-3);min-block-size:3.25rem;padding:var(--space-3);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.host-question-item summary>span{color:var(--primary);font-weight:800}.host-question-item ul{gap:var(--space-2);border-block-start:1px solid var(--border);padding:var(--space-3) var(--space-8) var(--space-4);margin:0;display:grid}.host-question-item li.is-correct{color:var(--success);font-weight:700}.host-question-item li svg{vertical-align:middle;inline-size:1rem;margin-inline-start:.4rem}.host-quiz-preview{margin-block:var(--space-3);border:1px solid var(--border);padding:var(--space-3);border-radius:.9rem}.host-quiz-preview summary{color:var(--primary);cursor:pointer;font-weight:800}.host-quiz-preview ol{gap:var(--space-2);margin-block-end:0;padding-inline-start:1.5rem;display:grid}@media (max-width:720px){.host-question-heading{display:grid}.host-current-options{grid-template-columns:1fr}.host-current-options>div{grid-template-columns:auto minmax(0,1fr)}.host-current-options strong{grid-column:2}.host-question-item summary{grid-template-columns:auto minmax(0,1fr)}.host-question-item summary .badge{grid-column:2;justify-self:start}}.special-game-entry,.special-game-stage{min-block-size:72dvh}.special-entry-copy h1,.special-stage-header h1{overflow-wrap:anywhere;min-inline-size:0;font-style:normal}.special-game-entry__heading,.special-stage-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-8);display:flex}.special-status{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius-full);color:var(--danger);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.special-status[data-connected]{border-color:var(--success);color:var(--success)}.special-status svg{block-size:1rem;inline-size:1rem}.special-entry-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.special-entry-copy{min-inline-size:0;padding:var(--space-6);border-block-start:1px solid var(--surface-stage-line)}.special-entry-copy__mark{block-size:auto;inline-size:clamp(3rem,10vw,5rem);color:var(--primary);margin-block-end:var(--space-6)}.special-entry-copy h1{max-inline-size:10ch;margin:0;font-size:clamp(2.75rem,12vw,6rem);line-height:1}.special-entry-copy>p{max-inline-size:52ch;margin-block:var(--space-6);color:var(--muted-foreground);font-size:1.125rem}.special-entry-copy dl{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.special-entry-copy dl div{padding-block:var(--space-3);border-block-start:1px solid var(--border)}.special-entry-copy dt{color:var(--muted-foreground)}.special-entry-copy dd{margin:var(--space-1) 0 0;font-variant-numeric:tabular-nums;font-weight:700}.special-entry-panel{gap:var(--space-6);min-inline-size:0;padding:var(--space-5);flex-direction:column;display:flex}.special-entry-tabs{padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.special-entry-tabs button{border-radius:var(--radius-sm);min-block-size:2.75rem;color:var(--muted-foreground);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-weight:700}.special-entry-tabs button[aria-selected=true]{background:var(--primary);color:var(--primary-foreground)}.special-entry-tabs button:focus-visible,.special-option:focus-visible,.special-vote-list button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.special-entry-tabs button:active,.special-option:active,.special-vote-list button:active{transform:translateY(1px)}.special-join-form,.special-create-room{gap:var(--space-4);flex-direction:column;display:flex}.special-create-room{align-items:flex-start}.special-create-room>svg{block-size:3rem;inline-size:3rem;color:var(--accent)}.special-create-room h2,.special-create-room p{margin:0}.special-create-room p{color:var(--muted-foreground)}.special-error,.special-success{align-items:center;gap:var(--space-2);min-block-size:2.75rem;color:var(--danger);margin:0;display:flex}.special-success{color:var(--success)}.special-stage-header{border-block-end:1px solid var(--surface-stage-line);padding-block-end:var(--space-5)}.special-stage-header__mode{color:var(--primary);margin-block-end:var(--space-1);font-weight:700;display:block}.special-stage-header h1{margin:0;font-size:clamp(2rem,7vw,4rem)}.special-stage-header__signals{gap:var(--space-3);flex-wrap:wrap;display:flex}.special-room-pin{min-block-size:2.75rem;padding-inline:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-raised);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.special-lobby-grid,.special-play-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.special-invite-panel{gap:var(--space-6);min-inline-size:0;padding:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.special-qr{min-block-size:15rem;padding:var(--space-4);border-radius:var(--radius-md);background:var(--qr-paper);color:var(--qr-ink);place-items:center;display:grid}.special-qr svg{block-size:auto;max-inline-size:100%}.special-invite-copy{min-inline-size:0}.special-invite-copy>span{color:var(--muted-foreground)}.special-invite-copy>strong{margin-block:var(--space-2);color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.06em;overflow-wrap:anywhere;font-size:clamp(3rem,16vw,7rem);line-height:1;display:block}.special-invite-copy p{max-inline-size:38ch;color:var(--muted-foreground)}.special-lobby-control{gap:var(--space-4);flex-direction:column;display:flex}.special-player-rail{min-inline-size:0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass)}.special-player-rail__title{align-items:center;gap:var(--space-2);border-block-end:1px solid var(--border);min-block-size:2.75rem;padding-block-end:var(--space-3);display:flex}.special-player-rail__title svg{color:var(--primary)}.special-player-rail ol{gap:var(--space-2);margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.special-player-rail li{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.special-player-rail li[data-current]{background:var(--surface-raised)}.special-player-rail li>span{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.special-player-rail li>strong{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.special-player-rail li>b{color:var(--accent);font-variant-numeric:tabular-nums}.special-minimum-note,.special-waiting{align-items:center;gap:var(--space-2);min-block-size:3rem;color:var(--muted-foreground);margin:0;display:flex}.special-minimum-note[data-ready]{color:var(--success)}.special-round-panel{min-inline-size:0}.special-question-panel,.special-reverse-panel,.special-reveal-panel,.special-voting-panel,.special-results-panel,.special-host-monitor{min-inline-size:0;padding:var(--space-5)}.special-host-monitor{justify-content:center;align-items:flex-start;gap:var(--space-5);flex-direction:column;min-block-size:24rem;display:flex}.special-host-monitor>svg{block-size:4rem;inline-size:4rem;color:var(--primary)}.special-host-monitor h2,.special-host-monitor p{max-inline-size:38ch;margin:0}.special-host-monitor h2{font-size:clamp(2rem,7vw,4rem)}.special-host-monitor p{color:var(--muted-foreground)}.special-round-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.special-round-meta>span{min-block-size:2.75rem;padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;display:inline-flex}.special-round-meta>span[data-role=infiltrator]{border-color:var(--danger);color:var(--danger)}.special-round-meta>span[data-role=majority]{border-color:var(--primary);color:var(--primary)}.special-role-hint{max-inline-size:58ch;margin-block:calc(var(--space-3) * -1) var(--space-5);color:var(--muted-foreground)}.special-timer{align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-3);border:1px solid var(--success);border-radius:var(--radius-full);color:var(--success);font-variant-numeric:tabular-nums;margin-inline-start:auto;display:inline-flex}.special-timer[data-warning]{border-color:var(--danger);color:var(--danger);animation:special-timer-pulse 1s var(--ease-standard) infinite}@keyframes special-timer-pulse{50%{opacity:.64}}.special-question-panel>h2{max-inline-size:28ch;margin-block:0 var(--space-8);font-size:clamp(1.75rem,6vw,3.5rem);line-height:1.25}.special-options{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.special-option{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:4rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--foreground);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);font-weight:700;display:flex}.special-option[data-state=success]{border-color:var(--success);color:var(--success)}.special-option[data-state=error]{border-color:var(--danger);color:var(--danger)}.special-option[data-state=loading]{opacity:.7}.special-option:disabled,.special-option[data-state=disabled]{cursor:not-allowed;opacity:.5}.special-reveal-panel>span,.special-reverse-answer>span,.special-voting-panel>span,.special-results-panel>span{color:var(--primary);font-weight:700}.special-reveal-panel>h2,.special-reverse-answer h2,.special-results-panel>h2{margin-block:var(--space-2);color:var(--accent);overflow-wrap:anywhere;font-size:clamp(2.5rem,12vw,6rem);line-height:1}.special-reveal-panel>p,.special-reverse-answer p{color:var(--muted-foreground)}.special-reveal-list{gap:var(--space-3);margin-block:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.special-reveal-list article{gap:var(--space-3);min-inline-size:0;padding-block:var(--space-4);border-block-start:1px solid var(--border);display:grid}.special-reveal-list article[data-correct]{border-color:var(--success)}.special-reveal-list article>div,.special-reveal-list article>b{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.special-reveal-list article span{color:var(--muted-foreground)}.special-reveal-list article p{margin:0}.special-reveal-list article b{justify-content:flex-start}.special-reveal-list article[data-correct] b{color:var(--success)}.special-reverse-panel{gap:var(--space-6);flex-direction:column;display:flex}.special-reverse-answer{padding-block:var(--space-5);border-block:1px solid var(--surface-stage-line)}.special-host-actions,.special-question-form{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.special-host-actions p{max-inline-size:48ch;color:var(--muted-foreground);margin:0}.special-question-form{align-items:stretch}.special-question-form label{font-weight:700}.special-question-form textarea{resize:vertical;min-block-size:9rem;inline-size:100%;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);outline-offset:1px;background:var(--input);color:var(--foreground);font:inherit;outline:2px solid #0000}.special-question-form textarea::placeholder{color:var(--muted-foreground)}.special-question-form textarea:focus-visible{outline-color:var(--ring)}.special-question-form textarea[aria-invalid=true]{border-color:var(--danger)}.special-field-hint{min-block-size:1lh;color:var(--muted-foreground)}.special-question-form textarea[aria-invalid=true]+.special-field-hint{color:var(--danger)}.special-submitted-question{gap:var(--space-3);padding-block:var(--space-4);border-block-start:1px solid var(--success);color:var(--success);grid-template-columns:auto minmax(0,1fr);display:grid}.special-submitted-question p{margin-block:var(--space-1) 0;color:var(--foreground)}.special-voting-panel h2{margin-block:var(--space-2) var(--space-6);font-size:clamp(2rem,7vw,4rem)}.special-vote-list{gap:var(--space-3);flex-direction:column;display:flex}.special-vote-list button{align-items:center;gap:var(--space-3);min-block-size:4rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--foreground);font:inherit;text-align:start;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;display:grid}.special-vote-list button[data-selected]{border-color:var(--success);color:var(--success)}.special-vote-list button:disabled{cursor:not-allowed;opacity:.5}.special-vote-list small{color:var(--muted-foreground);white-space:nowrap}.special-majority-guess{gap:var(--space-4);border-block-start:1px solid var(--surface-stage-line);margin-block-start:var(--space-6);padding-block-start:var(--space-5);display:grid}.special-majority-guess>strong{max-inline-size:52ch}.special-results-panel>p{max-inline-size:65ch;color:var(--muted-foreground)}.special-results-panel>svg,.special-final-panel>svg{block-size:3rem;inline-size:3rem;color:var(--accent)}.special-results-panel ol,.special-final-panel ol{gap:var(--space-3);margin-block:var(--space-6);flex-direction:column;padding:0;list-style:none;display:flex}.special-results-panel li,.special-final-panel li{align-items:center;gap:var(--space-3);min-block-size:4rem;padding-block:var(--space-3);border-block-start:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.special-results-panel li>b,.special-final-panel li>span{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.5rem}.special-results-panel li>div{min-inline-size:0}.special-results-panel li>div span{color:var(--muted-foreground);margin-block-start:var(--space-1);display:block}.special-results-panel li>em{color:var(--primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-style:normal}.special-final-panel{max-inline-size:50rem;padding:var(--space-6);margin-inline:auto}.special-final-panel h2{margin-block:var(--space-3);font-size:clamp(2.5rem,9vw,5rem)}.special-final-panel>p{color:var(--muted-foreground)}.special-stage-error{z-index:var(--z-toast);max-inline-size:min(28rem, calc(100% - var(--space-8)));padding:var(--space-3) var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--popover);color:var(--danger);position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}@media (hover:hover) and (pointer:fine){.special-option:not(:disabled):hover,.special-vote-list button:not(:disabled):hover{transform:translateY(-1px)}.special-entry-tabs button:hover{color:var(--foreground)}}@media (min-width:40rem){.special-entry-copy dl{grid-template-columns:repeat(3,minmax(0,1fr))}.special-invite-panel{grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr)}.special-options,.special-reveal-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:60rem){.special-entry-grid{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr)}.special-entry-copy,.special-entry-panel,.special-question-panel,.special-reverse-panel,.special-reveal-panel,.special-voting-panel,.special-results-panel,.special-host-monitor{padding:var(--space-8)}.special-lobby-grid{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr)}.special-play-grid{grid-template-columns:minmax(0,1fr) minmax(17rem,.3fr)}.special-play-grid>.special-player-rail{position:sticky;inset-block-start:calc(var(--space-20) + var(--space-4))}}@media (pointer:coarse){.special-entry-tabs button,.special-option,.special-vote-list button{min-block-size:3rem}}@media (prefers-reduced-motion:reduce){.special-timer[data-warning]{animation:none}.special-option,.special-vote-list button{transition-duration:var(--duration-fast);transform:none}}@keyframes breathe{50%{opacity:.55;box-shadow:0 0 0 9px #ffb40c0e}}@keyframes card-arrive{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.home-preview-hero{min-block-size:auto}.home-preview-layout{grid-template-columns:1fr}.home-preview-copy{text-align:center}.home-preview-status,.home-preview-copy h1,.home-preview-copy>p{margin-inline:auto}.home-preview-actions,.home-preview-trust{justify-content:center}.home-room-card{transform:none}.home-how-grid{grid-template-columns:1fr}}@media (max-width:768px){.home-preview-hero{padding-block-start:2.85rem}.home-preview-hero:before,.home-preview-hero:after{display:none}.home-preview-copy h1{font-size:clamp(2.45rem,13vw,3.5rem)}.home-preview-actions{display:grid}.home-preview-actions .button{inline-size:100%}.home-preview-trust{text-align:start;justify-content:start;margin-inline:auto;display:grid}.home-preview-arena{min-block-size:27rem}}@media (max-width:430px){.home-header .header-inner{min-block-size:4rem}.home-preview-hero{padding-block:2.25rem 3rem}.home-preview-copy h1{font-size:2.45rem}.home-preview-copy>p{font-size:.95rem}.home-preview-arena{min-block-size:24rem}.home-room-body{padding-inline:1.1rem}.home-room-code{font-size:clamp(2.25rem,16vw,3.2rem)}}@media (prefers-reduced-motion:reduce){.home-preview-status>span,.home-room-card{animation:none}}body:after{content:"";z-index:-2;pointer-events:none;opacity:.03;background-image:repeating-linear-gradient(60deg,#0000 0 20px,#ffb74d3d 20px 22px),repeating-linear-gradient(-60deg,#0000 0 20px,#ffb74d29 20px 22px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.home-preview-hero{isolation:isolate;color:#fff8ed;background:radial-gradient(at 15% 10%,#ff8f0021,#0000 38%),radial-gradient(at 85% 18%,#ffb74d1c,#0000 32%),linear-gradient(#06020a,#080510 62%,#06020a);align-items:center;min-block-size:calc(100svh - 4.625rem);padding-block:clamp(3.4rem,7vw,6rem);display:grid;position:relative;overflow:hidden}.home-preview-hero:before{content:"✨";z-index:-1;color:#0000;-webkit-text-stroke:1px #ffb74d0e;pointer-events:none;text-align:center;direction:ltr;inline-size:100%;font-size:clamp(8rem,21vw,20rem);font-weight:700;line-height:.75;position:absolute;inset:auto 0 -2rem;overflow:hidden}.home-preview-layout{grid-template-columns:minmax(0,1.05fr) minmax(22.5rem,.95fr);align-items:center;gap:clamp(2.6rem,7vw,5.75rem);display:grid}.home-preview-copy{min-inline-size:0}.home-preview-status{border-radius:var(--radius-full);color:#ffd54f;letter-spacing:.03em;background:#ffb74d14;border:1px solid #ffb74d4d;align-items:center;gap:.6rem;margin-block-end:1.5rem;padding:.5rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.home-preview-status>span{aspect-ratio:1;background:var(--gold);border-radius:50%;inline-size:.55rem;animation:2.2s ease-in-out infinite breathe;box-shadow:0 0 0 6px #ffb30029}.opening-announcement{isolation:isolate;background:#17100d;border:1px solid #ffb74d75;border-radius:1rem;grid-template-columns:auto auto minmax(max-content,1fr);align-items:center;gap:.8rem;inline-size:fit-content;margin-block-end:1.65rem;padding:.75rem 1rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 14px 32px #00000057,0 0 24px #ff8f0014}.opening-announcement:after{background:var(--gold);content:"";inline-size:.2rem;position:absolute;inset-block:0;inset-inline-start:0;box-shadow:0 0 18px #ffb3008a}.opening-announcement-mark{aspect-ratio:1;color:#ffd54f;text-shadow:0 0 14px #ffb30099;background:#ffb30017;border:1px solid #ffd54f52;border-radius:50%;place-items:center;inline-size:2.25rem;font-size:1rem;display:grid}.opening-announcement-copy{text-align:start;gap:.1rem;display:grid}.opening-announcement-copy small{color:#c8a890;font-size:.7rem;font-weight:600}.opening-announcement-copy strong{color:#fff8ed;font-size:.95rem;font-weight:700}.opening-announcement-patron{color:#ffd54f;white-space:nowrap;border-inline-start:1px solid #ffb74d3d;padding-inline-start:.85rem;font-size:clamp(1rem,1.7vw,1.2rem);font-weight:700;line-height:1.3}.home-preview-copy h1{color:#fff8ed;letter-spacing:-.03em;text-wrap:balance;max-inline-size:12ch;margin-block-end:1.4rem;font-size:clamp(2.65rem,5.8vw,5.4rem);font-weight:700;line-height:1.06}.home-preview-copy h1>span{-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px #ff8f0047);background:linear-gradient(135deg,#ffb300,#ff6f00);-webkit-background-clip:text;background-clip:text}.home-preview-copy>p{color:#c8a890;max-inline-size:56ch;margin-block-end:2rem;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.7}.home-preview-actions{flex-wrap:wrap;gap:.75rem;display:flex}.home-preview-actions .button{min-block-size:3.25rem;padding-inline:1.3rem;font-weight:800}.home-preview-actions .button-outline{color:#fff8ed;background:0 0;border-color:#ffffff2e}.home-preview-actions .button-outline:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:#ffb74d1a;box-shadow:0 0 28px #ffb74d47}.home-preview-trust{color:#a08070;flex-wrap:wrap;gap:.75rem 1.25rem;margin-block-start:1.75rem;font-size:.82rem;display:flex}.home-preview-trust span{align-items:center;gap:.5rem;display:inline-flex}.home-preview-trust span:before{content:"✓";color:var(--gold);font-size:.9rem;font-weight:800}.home-preview-arena{perspective:75rem;place-items:center;min-block-size:30.625rem;min-inline-size:0;display:grid;position:relative}.home-preview-rings{aspect-ratio:1;border:1.5px solid #ffb74d33;border-radius:50%;inline-size:min(26.875rem,82%);position:absolute;transform:rotateX(68deg);box-shadow:inset 0 0 80px #ff8f001a,0 0 60px #ffb74d1f}.home-preview-rings:before,.home-preview-rings:after{content:"";border-radius:inherit;border:1px solid #ffb74d33;position:absolute;inset:14%}.home-preview-rings:after{border-color:#ff8f003d;inset:30%}.home-room-card{border-radius:calc(var(--radius-xl) + .25rem);inline-size:min(24.375rem,100%);animation:card-arrive .9s var(--ease-out) both;background:linear-gradient(155deg,#10081afa,#06020afc);border:1px solid #ffb74d4d;position:relative;overflow:hidden;transform:rotateY(-4deg)rotateX(1deg);box-shadow:0 42px 90px #000000b8,0 18px 52px #ff8f001a,inset 0 0 0 1px #ffb74d2e}.home-room-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--accent), transparent);block-size:4px;position:absolute;inset:0 0 auto;box-shadow:0 0 24px #ffb74d6b}.home-room-card:after{content:"";pointer-events:none;border:1px solid #ffffff0b;border-radius:.875rem;position:absolute;inset:.875rem}.home-room-top{background:#0003;border-block-end:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:.875rem;padding:1.25rem 1.4rem;display:flex}.home-room-top>span{color:#c8a890;font-size:.82rem}.live-badge{color:#ef5350;border-radius:var(--radius-full);direction:ltr;background:#ef53501f;border:1px solid #ef535047;align-items:center;gap:.45rem;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.live-badge:before{content:"";aspect-ratio:1;background:var(--danger);border-radius:50%;inline-size:.4rem;animation:1.5s ease-in-out infinite prestige-breathe;box-shadow:0 0 8px #ef53508f}.home-room-body{text-align:center;padding:2rem 1.5rem 1.5rem}.home-room-code{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-shadow:0 14px 38px #ffb30057;margin-block-end:.55rem;font-size:clamp(2.4rem,8vw,4.3rem);font-weight:800;line-height:1}.home-room-body>p{color:#a08070;margin-block-end:1.75rem;font-size:.82rem}.home-room-players{direction:ltr;justify-content:center;margin-block-end:1.4rem;display:flex}.home-room-players span{aspect-ratio:1;color:#c8a890;background:#10081a;border:3px solid #06020a;border-radius:50%;place-items:center;inline-size:2.5rem;margin-inline-start:-.55rem;font-size:.7rem;font-weight:700;transition:transform .2s;display:grid}.home-room-players span:nth-child(2){color:#ffd54f;background:#180e24}.home-room-players span:nth-child(3){color:#ffb300;background:#2a1808}.home-room-players span:nth-child(4){color:#ffab40;background:#180e24}.home-room-players span:last-child,.home-room-players .more-count{background:linear-gradient(135deg, var(--gold), var(--accent));color:#1a0f00;font-weight:800;box-shadow:0 0 16px #ffb30052}.home-room-feed{text-align:start;border-block-start:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:.625rem;padding-block-start:1.25rem;display:grid}.home-room-feed>div{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff0d;padding:.7rem .75rem}.home-room-feed small,.home-room-feed strong{display:block}.home-room-feed small{color:#a08070;margin-block-end:.2rem;font-size:.68rem}.home-room-feed strong{color:#fff8ed;font-size:.88rem}.features-section{background:radial-gradient(at 50% 30%,#ff8f0012,#0000 35rem),linear-gradient(#06020a,#080510);border-block:1px solid #ffb74d24}.features-section .centered{text-align:center;align-items:center}.features-section .eyebrow{justify-content:center}.features-section .section-heading>div>p{max-inline-size:52ch;color:var(--muted-foreground);margin-inline:auto}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;min-inline-size:0;transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease;background:linear-gradient(145deg,#10081ae6,#06020af2);padding:1.75rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--accent), #ffd54fcc);opacity:0;block-size:3px;inline-size:100%;transition:opacity var(--duration-normal) ease;border-radius:3px 3px 0 0;position:absolute;top:0;left:0}.feature-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg), 0 0 50px #ffb74d24;transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-icon{block-size:3.5rem;inline-size:3.5rem;color:var(--gold);background:linear-gradient(135deg,#ffb74d1f,#ff6f0014);border:1px solid #ffb74d38;border-radius:.875rem;place-items:center;margin-block-end:1rem;font-size:1.75rem;display:inline-grid;box-shadow:0 0 20px #ffb74d1f}.feature-content h3{color:var(--foreground);margin-block-end:.5rem;font-size:1.05rem;font-weight:800}.feature-content p{color:var(--muted-foreground);margin:0;font-size:.88rem;line-height:1.6}.home-how-section{background:linear-gradient(#080510,#06020a);position:relative}.home-how-section .section-heading h2{text-shadow:0 0 40px #ffb74d29}.home-how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.home-how-grid>div{border-block-start:2px solid #0000;border-inline:1px solid var(--border);border-block-end:1px solid var(--border);border-radius:0 var(--radius-xl) var(--radius-xl) 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-inline-size:0;transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease;background:linear-gradient(135deg,#10081ad9,#06020ae6);grid-template-columns:auto 1fr;gap:1rem;padding:1.5rem;display:grid;position:relative}.home-how-grid>div:before{content:"";background:linear-gradient(90deg, var(--gold), var(--accent));border-radius:2px 2px 0 0;block-size:2px;inline-size:100%;position:absolute;top:-2px;left:0}.home-how-grid>div:hover{border-color:#ffb74d6b;transform:translateY(-4px);box-shadow:0 20px 50px #0000007a,0 0 40px #ffb74d1f}.step-number{background:linear-gradient(135deg, var(--gold), var(--accent));block-size:3rem;inline-size:3rem;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:900;display:grid;box-shadow:0 0 24px #ffb74d47}.home-how-grid strong{color:var(--foreground);margin-block-end:.3rem;font-size:1.05rem;display:block}.home-how-grid span{color:var(--muted-foreground);font-size:.88rem;line-height:1.6}.home-games-section{background:radial-gradient(at 80% 20%,#ff6f0014,#0000 28rem),linear-gradient(#06020a,#070510);position:relative}.home-games-section .eyebrow{justify-content:center}.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.categories-section{background:linear-gradient(#070510,#06020a);position:relative}.categories-section .eyebrow{justify-content:center}.categories-section .section-heading h2{text-align:center}.categories-section .card-grid{grid-template-columns:repeat(4,1fr)}.public-quizzes-section{background:radial-gradient(at 20% 80%,#ff8f0012,#0000 28rem),linear-gradient(#06020a,#070510);position:relative}.public-quizzes-section .section-heading h2{text-shadow:0 0 40px #ffb74d29}.leaderboard-section{background:radial-gradient(circle at 65% 50%, #ff8f001f, transparent 26rem), repeating-linear-gradient(45deg, transparent 0 18px, #ffb74d06 18px 20px), linear-gradient(115deg, var(--accent), var(--background));border-block:1px solid #ffb74d33;position:relative}@supports (color:color-mix(in lab, red, red)){.leaderboard-section{background:radial-gradient(circle at 65% 50%, #ff8f001f, transparent 26rem), repeating-linear-gradient(45deg, transparent 0 18px, #ffb74d06 18px 20px), linear-gradient(115deg, color-mix(in srgb, var(--accent) 10%, var(--background)), var(--background))}}.leaderboard-section .eyebrow{justify-content:center}.leaderboard-section .section-heading h2{text-align:center;text-shadow:0 0 40px #ffb74d33}.leaderboard-section .section-heading>div>p{max-inline-size:52ch;color:var(--muted-foreground);margin-inline:auto}.leaderboard-preview{gap:var(--space-4);border:1px solid var(--surface-stage-line);border-radius:var(--radius-xl);background:repeating-linear-gradient(135deg, transparent 0 13px, #ffb74d0d 13px 14px), linear-gradient(145deg, #ffb74d1a, transparent 52%), var(--surface-glass-strong);box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff1f, 0 0 70px #ffb74d1a;padding:clamp(1.1rem,3vw,1.75rem);display:grid;position:relative;overflow:hidden}.leaderboard-preview:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--accent), transparent);border-radius:3px 3px 0 0;block-size:3px;inline-size:100%;position:absolute;top:0;left:0;box-shadow:0 0 20px #ffb74d6b}.leaderboard-preview-top,.leaderboard-preview li{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.leaderboard-preview-top{border-block-end:1px solid var(--border);padding-block-end:var(--space-3)}.leaderboard-preview-top span,.leaderboard-preview li span{color:var(--muted-foreground)}.leaderboard-preview-top strong{color:var(--gold);text-shadow:0 0 18px #ffb30038}.leaderboard-preview ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.leaderboard-preview li{min-inline-size:0;padding:var(--space-4);border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.leaderboard-preview li{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.leaderboard-preview li{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:repeating-linear-gradient(135deg,#0000 0 11px,#ffb74d09 11px 12px),#10081ab8;transition:transform .2s,border-color .2s}.leaderboard-preview li:hover{border-color:#ffb74d52;transform:translate(4px)}.leaderboard-preview li:first-child{background:repeating-linear-gradient(135deg,#0000 0 11px,#ffb74d0f 11px 12px),#ffb74d12;border-color:#ffb74d6b;box-shadow:0 0 36px #ffb74d1a}.leaderboard-preview li strong{min-inline-size:0;color:var(--foreground);text-align:end;font-weight:800}.cta-section{border:1px solid var(--gold);padding:clamp(2rem,6vw,4rem);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cta-section{border:1px solid color-mix(in srgb, var(--gold) 48%, var(--border))}}.cta-section{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 90px #ffb74d17, inset 0 0 0 1px #ffffff14;background:radial-gradient(circle at 12% 22%,#ff6f0024,#0000 20rem),radial-gradient(circle at 88% 78%,#ffb74d1a,#0000 18rem),linear-gradient(135deg,#10081af0,#06020afa);justify-content:space-between;align-items:center;gap:2rem;display:flex}.cta-section:before{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, transparent, var(--surface-stage-hotline), var(--gold), transparent);block-size:3px;position:absolute;inset-block-start:0;inset-inline:clamp(1rem,6vw,4rem);box-shadow:0 0 22px #ffb74d6b}.cta-section:after{content:"";pointer-events:none;background:radial-gradient(circle at 100%,#ffb74d0f,#0000 70%);inline-size:30%;position:absolute;inset-block:0;inset-inline-end:0}.cta-section>div{z-index:1;flex-direction:column;gap:.75rem;display:flex;position:relative}.cta-section>div>svg{color:var(--gold);filter:drop-shadow(0 0 12px #ffb3006b);block-size:2.5rem;inline-size:2.5rem}.cta-section>div>span{color:var(--gold);letter-spacing:.04em;font-size:.9rem;font-weight:700}.cta-section>div>h2{max-inline-size:18ch;color:var(--foreground);margin:0;font-weight:700;line-height:1.25}.section-heading.centered{text-align:center;flex-direction:column;align-items:center;margin-block-end:3.5rem}.section-heading.centered h2{max-inline-size:18ch}.badge-live{border-radius:var(--radius-full);color:var(--danger);background:#ef535024;border:1px solid #ef535047;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-live:before{content:"";aspect-ratio:1;background:var(--danger);border-radius:50%;inline-size:.35rem;animation:1.5s ease-in-out infinite prestige-breathe;box-shadow:0 0 8px #ef53508f}@media (max-width:64rem){.home-preview-hero{min-block-size:auto}.home-preview-layout{grid-template-columns:1fr}.home-preview-copy{text-align:center}.home-preview-status,.opening-announcement,.home-preview-copy h1,.home-preview-copy>p{margin-inline:auto}.home-preview-actions,.home-preview-trust{justify-content:center}.home-preview-arena{min-block-size:24rem}.home-room-card{transform:none}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-how-grid{grid-template-columns:1fr}.games-grid,.categories-section .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:48rem){.opening-announcement{grid-template-columns:auto 1fr;max-inline-size:24rem}.opening-announcement-patron{border-block-start:1px solid #ffb74d3d;border-inline-start:0;grid-column:1/-1;padding-block-start:.6rem;padding-inline-start:0}.features-grid{grid-template-columns:1fr}.cta-section{text-align:center;flex-direction:column;align-items:stretch}.cta-section>div{align-items:center}.cta-section>div>h2{max-inline-size:28ch}.cta-section .button{justify-self:stretch;inline-size:100%}}@media (max-width:30rem){.opening-announcement{inline-size:100%}.categories-section .card-grid{grid-template-columns:1fr}}@keyframes games-orb-float{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-1.5rem)scale(1.08)}66%{transform:translateY(1rem)scale(.94)}}.games-grid{gap:1.25rem;margin-block:0;padding:0;display:grid}.game-list-item{min-inline-size:0;display:flex}.game-list-item>.game-card{flex:1}@keyframes game-card-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:64rem){.games-hero{grid-template-columns:1fr}.games-hero-visual{display:none}.host-stage{grid-template-columns:1fr}.host-sidebar{grid-template-columns:repeat(2,1fr);display:grid;position:static}}@media (max-width:48rem){.games-hero-stats{flex-direction:column}.games-grid--room,.games-grid--instant{grid-template-columns:1fr}.games-cta-card{text-align:center;flex-direction:column;align-items:stretch}.games-cta-content{text-align:center;flex-direction:column}.host-sidebar{grid-template-columns:1fr}.host-main-header{flex-direction:column;align-items:stretch}.host-quiz-row{grid-template-columns:auto 1fr}.host-quiz-row__actions{grid-column:1/-1;justify-content:stretch}.host-quiz-row__actions .button{flex:1}}@media (max-width:30rem){.games-hero{border-radius:var(--radius-lg);padding:1.5rem}.games-hero h1{font-size:2rem}.games-section-label{flex-wrap:wrap}.games-section-count{text-align:center;flex:1;margin-inline-start:0}.games-soon-item{grid-template-columns:auto 1fr}.games-soon-badge{grid-column:1/-1;justify-self:center}}@media (prefers-reduced-motion:reduce){.games-orb,.game-card,.games-soon-item{animation:none}.game-card:hover{transform:none}}.games-hub{background:radial-gradient(ellipse at 20% 10%, #ff8f001a, transparent 35rem), radial-gradient(ellipse at 80% 90%, #ffb74d14, transparent 30rem), var(--background);isolation:isolate;min-block-size:100dvh;padding-block:clamp(2rem,5vw,4rem);position:relative}.games-hub:before{content:"";z-index:-1;pointer-events:none;opacity:.04;background-image:repeating-linear-gradient(60deg,#0000 0 24px,#ffb74d47 24px 26px),repeating-linear-gradient(-60deg,#0000 0 24px,#ffb74d33 24px 22px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.games-hero{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 80px #ffb74d14, inset 0 0 0 1px #ffffff0f;background:linear-gradient(135deg,#10081af2,#06020afa);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:center;gap:clamp(2rem,6vw,5rem);margin-block-end:clamp(3rem,7vw,5rem);padding:clamp(2rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.games-hero:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--accent), transparent);block-size:3px;inline-size:100%;position:absolute;top:0;left:0;box-shadow:0 0 24px #ffb74d6b}.games-hero-content{z-index:2;position:relative}.games-hero-badge{border-radius:var(--radius-full);color:#ffd54f;letter-spacing:.03em;background:#ffb74d1a;border:1px solid #ffb74d52;align-items:center;gap:.5rem;margin-block-end:1.5rem;padding:.5rem .9rem;font-size:.82rem;font-weight:700;display:inline-flex}.games-hero-badge svg{block-size:1.1rem;inline-size:1.1rem;color:var(--gold)}.games-hero h1{letter-spacing:-.03em;max-inline-size:14ch;margin-block-end:1rem;font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:800;line-height:1.08}.games-hero p{max-inline-size:52ch;color:var(--text-soft);margin-block-end:2rem;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7}.games-hero-stats{flex-wrap:wrap;gap:1rem;display:flex}.games-stat{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10081ab3;align-items:center;gap:.75rem;padding:.8rem 1.1rem;display:flex}.games-stat svg{block-size:1.4rem;inline-size:1.4rem;color:var(--gold)}.games-stat-icon{block-size:1.4rem;inline-size:1.4rem;color:var(--gold);font-size:1.2rem}.games-stat strong{color:var(--foreground);font-size:1.1rem;font-weight:800;display:block}.games-stat span{color:var(--muted-foreground);font-size:.75rem}.games-hero-visual{place-items:center;min-block-size:18rem;display:grid;position:relative}.games-orb{filter:blur(40px);opacity:.5;border-radius:50%;animation:8s ease-in-out infinite games-orb-float;position:absolute}.games-orb--primary{background:#ffb74d40;block-size:12rem;inline-size:12rem;inset-block-start:20%;inset-inline-start:25%}.games-orb--secondary{background:#ff6f0038;block-size:8rem;inline-size:8rem;animation-duration:6s;animation-delay:-3s;inset-block-end:25%;inset-inline-end:15%}.games-orb--tertiary{background:#ffd54f33;block-size:6rem;inline-size:6rem;animation-duration:7s;animation-delay:-5s;inset-block-start:40%;inset-inline-end:30%}.games-section-label{align-items:center;gap:.75rem;margin-block:clamp(2.5rem,5vw,4rem) 1.5rem;display:flex}.games-section-dot{aspect-ratio:1;background:var(--gold);border-radius:50%;inline-size:.65rem;box-shadow:0 0 12px #ffb30066}.games-section-dot--upcoming{background:var(--muted-foreground);box-shadow:none;opacity:.5}.games-section-label h2{color:var(--foreground);margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:800}.games-section-count{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--muted);color:var(--muted-foreground);margin-inline-start:auto;padding:.35rem .75rem;font-size:.78rem;font-weight:700}.games-grid{gap:1.25rem;display:grid}.games-grid--room{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}.games-grid--instant{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin-block-end:1rem}.game-card{border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-inline-size:0;transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease;animation:game-card-in .5s var(--ease-out) both;background:linear-gradient(145deg,#10081aeb,#06020af5);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.game-card__glow{pointer-events:none;opacity:0;block-size:60%;transition:opacity var(--duration-normal) ease;top:-40%;background:radial-gradient(circle,#ffb74d1a,#0000 70%);position:absolute;inset-inline:-20%}.game-card:hover .game-card__glow{opacity:1}.game-card:hover{box-shadow:var(--shadow-lg), 0 0 60px #ffb74d24, inset 0 0 0 1px #ffffff14;border-color:#ffb74d6b;transform:translateY(-6px)}.game-card--room{border-color:#ffb74d38}.game-card--room:hover{border-color:#ffb74d80}.game-card--instant{border-color:#ff8f0033}.game-card--instant:hover{border-color:#ff8f007a}.game-card__header{border-block-end:1px solid var(--border);background:#0000002e;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.game-card__index{color:var(--muted-foreground);letter-spacing:.08em;opacity:.6;font-size:.8rem;font-weight:800}.game-card__kind{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--muted-foreground);align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.game-card__kind svg{block-size:.85rem;inline-size:.85rem}.game-card__kind--instant{color:#ff8f00;background:#ff8f0014;border-color:#ff8f0052}.game-card__body{flex:1;padding:1.5rem 1.25rem}.game-card__body h3{color:var(--foreground);margin-block-end:.5rem;font-size:1.15rem;font-weight:800}.game-card__body p{color:var(--muted-foreground);margin:0;font-size:.88rem;line-height:1.6}.game-card__meta{flex-wrap:wrap;gap:.5rem;margin-block-start:1rem;display:flex}.game-meta-item{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--muted);color:var(--muted-foreground);align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.game-meta-item svg{block-size:.8rem;inline-size:.8rem;color:var(--gold)}.game-card__footer{border-block-start:1px solid var(--border);background:#0000001f;padding:1rem 1.25rem}.game-card__footer .button{justify-content:center;inline-size:100%;font-weight:700}.games-upcoming{border:1px dashed var(--border);border-radius:var(--radius-xl);background:#10081a80;margin-block-start:clamp(2rem,5vw,4rem);padding:clamp(1.5rem,3vw,2.5rem)}.games-soon-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.games-soon-item{border:1px solid var(--border);border-radius:var(--radius-lg);animation:game-card-in .4s var(--ease-out) both;background:#10081a99;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s;display:grid}.games-soon-item:hover{border-color:#ffb74d52}.games-soon-mark{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);block-size:2.5rem;inline-size:2.5rem;color:var(--muted-foreground);letter-spacing:.05em;place-items:center;font-size:.75rem;font-weight:800;display:grid}.games-soon-content{gap:.2rem;min-inline-size:0;display:grid}.games-soon-content strong{color:var(--foreground);font-weight:700}.games-soon-content span{color:var(--muted-foreground);font-size:.85rem}.games-soon-badge{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--muted-foreground);white-space:nowrap;padding:.3rem .7rem;font-size:.72rem;font-weight:700}.games-cta-card{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#10081ae6,#06020af2);justify-content:space-between;align-items:center;gap:1.5rem;margin-block-start:clamp(2rem,5vw,4rem);padding:clamp(1.25rem,3vw,2rem);display:flex}.games-cta-content{align-items:center;gap:1rem;display:flex}.games-cta-icon{border:1px solid var(--border);border-radius:var(--radius-lg);block-size:3.5rem;inline-size:3.5rem;color:var(--gold);background:linear-gradient(135deg,#ffb74d1f,#ff6f0014);flex:none;place-items:center;font-size:1.75rem;display:grid}.games-cta-content h3{color:var(--foreground);margin:0 0 .25rem;font-size:1.05rem;font-weight:800}.games-cta-content p{color:var(--muted-foreground);margin:0;font-size:.88rem}.host-stage{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start;gap:1.25rem;display:grid}.host-sidebar{gap:1.25rem;display:grid;position:sticky;inset-block-start:1rem}.host-panel{border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease;background:linear-gradient(145deg,#10081aeb,#06020af5);padding:1.25rem}.host-panel:hover{box-shadow:var(--shadow-lg), 0 0 40px #ffb74d14;border-color:#ffb74d52}.host-panel__header{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-block-end:1rem;padding-block-end:.75rem;display:flex}.host-panel__title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.host-panel__title svg{block-size:1rem;inline-size:1rem;color:var(--gold)}.host-panel__badge{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--muted-foreground);font-variant-numeric:tabular-nums;padding:.25rem .6rem;font-size:.72rem;font-weight:700}.host-panel__badge--live{color:var(--danger);background:#ef53501a;border-color:#ef53505c;animation:1.6s ease-in-out infinite prestige-breathe}.host-panel__badge--success{color:var(--success);background:#66bb6a1a;border-color:#66bb6a5c}.host-main{flex-direction:column;gap:1.25rem;display:flex}.host-main-header{border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#10081aeb,#06020af5);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.host-main-header .eyebrow{align-items:center;gap:.5rem;display:inline-flex}.host-main-header h1{margin-block-end:.35rem;font-size:clamp(1.75rem,4vw,2.75rem)}.host-main-header p{max-inline-size:42ch;color:var(--muted-foreground);margin:0}.host-main-content{flex-direction:column;gap:1.25rem;display:flex}.host-live-wrapper{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#10081aeb,#06020af5);position:relative;overflow:hidden}.host-live-wrapper:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--accent), transparent);block-size:3px;inline-size:100%;position:absolute;top:0;left:0;box-shadow:0 0 24px #ffb74d6b}.host-question-viewer-wrapper{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#10081aeb,#06020af5);overflow:hidden}.host-question-viewer-header{border-block-end:1px solid var(--border);background:#0000002e;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.host-question-viewer-header svg{block-size:1.1rem;inline-size:1.1rem;color:var(--gold)}.host-question-viewer-header strong{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:700}.host-question-viewer-body{padding:1.25rem}.host-quiz-grid{gap:.75rem;display:grid}.host-quiz-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:#10081a99;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;transition:border-color .2s,background .2s;display:grid}.host-quiz-row:hover{background:#10081acc;border-color:#ffb74d52}.host-quiz-row__number{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);block-size:2.2rem;inline-size:2.2rem;color:var(--gold);place-items:center;font-size:.85rem;font-weight:800;display:grid}.host-quiz-row__content{min-inline-size:0}.host-quiz-row__content h4{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:.95rem;font-weight:700}.host-quiz-row__content p{color:var(--muted-foreground);margin:.2rem 0 0;font-size:.78rem}.host-quiz-row__actions{gap:.5rem;display:flex}@media (max-width:64rem){.games-hero{grid-template-columns:1fr}.games-hero-visual{display:none}.host-stage{grid-template-columns:1fr}.host-sidebar{grid-template-columns:repeat(2,1fr);display:grid;position:static}}@media (max-width:48rem){.games-hero-stats{flex-direction:column}.games-grid--room,.games-grid--instant{grid-template-columns:1fr}.games-cta-card{text-align:center;flex-direction:column;align-items:stretch}.games-cta-content{text-align:center;flex-direction:column}.host-sidebar{grid-template-columns:1fr}.host-main-header{flex-direction:column;align-items:stretch}.host-quiz-row{grid-template-columns:auto 1fr}.host-quiz-row__actions{grid-column:1/-1;justify-content:stretch}.host-quiz-row__actions .button{flex:1}}@media (max-width:30rem){.games-hero{border-radius:var(--radius-lg);padding:1.5rem}.games-hero h1{font-size:2rem}.games-section-label{flex-wrap:wrap}.games-section-count{text-align:center;flex:1;margin-inline-start:0}.games-soon-item{grid-template-columns:auto 1fr}.games-soon-badge{grid-column:1/-1;justify-self:center}}@media (prefers-reduced-motion:reduce){.games-orb,.game-card,.games-soon-item{animation:none}.game-card:hover{transform:none}}.leaderboard-page{padding:2rem 0}.leaderboard-shell{gap:2rem;display:grid}.leaderboard-header{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#10081ad9,#1e143ca6);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:2rem;display:flex}.leaderboard-header h1{letter-spacing:-.02em;margin-block-end:.4rem;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.1}.leaderboard-header p{color:var(--text-soft);max-inline-size:48ch;line-height:1.65}.leaderboard-stats{flex-wrap:wrap;gap:.75rem;display:flex}.leaderboard-stat{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);background:#ffb74d0f;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.leaderboard-stat svg{block-size:1.2rem;inline-size:1.2rem;color:var(--gold)}.leaderboard-stat strong{color:var(--accent);font-size:1.05rem;font-weight:800;display:block}.leaderboard-stat span{color:var(--muted-foreground);font-size:.72rem}.leaderboard-podium{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#10081abf,#140c288c);padding:1.5rem}.leaderboard-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10081ab3;padding:1.75rem}.leaderboard-table-title{color:var(--foreground);align-items:center;gap:.6rem;margin-block-end:1rem;font-size:1.1rem;font-weight:700;display:inline-flex}.leaderboard-table-title svg{block-size:1.2rem;inline-size:1.2rem;color:var(--gold)}.leaderboard-table{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.leaderboard-table li{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #0000;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:.9rem 1rem;transition:background .2s,border-color .2s;display:grid}.leaderboard-table li:hover{border-color:var(--border);background:#ffb74d0f}.leaderboard-table li.is-podium{background:linear-gradient(90deg,#ffb74d14,#0000);border-color:#ffb74d2e}.leaderboard-rank{border-radius:var(--radius-full);border:1px solid var(--border);block-size:2.2rem;inline-size:2.2rem;color:var(--accent);background:#ffffff0a;place-items:center;font-size:.95rem;font-weight:800;display:grid}.leaderboard-table li.is-podium .leaderboard-rank{border-color:var(--gold);color:var(--gold);background:#ffb74d1f}.leaderboard-name{color:var(--foreground);font-weight:700}.leaderboard-streak{color:var(--muted-foreground);font-size:.82rem}.leaderboard-score{color:var(--accent);text-align:end;direction:ltr;min-inline-size:6ch;font-size:.95rem;font-weight:800}.leaderboard-skeleton{gap:.75rem;display:grid}.leaderboard-skeleton-row{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08) 0 0/200% 100%;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:1rem;animation:1.4s linear infinite leaderboard-shimmer;display:grid}.leaderboard-skeleton-row span{border-radius:var(--radius-full);background:#ffffff14;block-size:.9rem;inline-size:3rem}.leaderboard-skeleton-row span:first-child{border-radius:var(--radius-full);block-size:2.2rem;inline-size:2.2rem}.leaderboard-skeleton-row span:last-child{justify-self:end;inline-size:6rem}@keyframes leaderboard-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.leaderboard-footer{justify-content:flex-end;display:flex}@media (max-width:48rem){.leaderboard-header{flex-direction:column;align-items:flex-start}.leaderboard-table li{grid-template-columns:auto 1fr;gap:.5rem}.leaderboard-streak,.leaderboard-score{text-align:start;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.leaderboard-skeleton-row{animation:none}}.memory-setup{gap:1.75rem;padding:2rem;display:grid}.memory-setup-hero{text-align:center}.memory-setup-hero svg{block-size:3rem;inline-size:3rem;color:var(--gold);margin-block-end:.75rem}.memory-setup-hero h2{letter-spacing:-.02em;margin-block-end:.5rem;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.15}.memory-setup-hero p{color:var(--text-soft);max-inline-size:42ch;margin-inline:auto;line-height:1.65}.memory-setup-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin-block-end:.75rem;font-size:.85rem;font-weight:700}.memory-mode-grid{gap:.75rem;display:grid}.memory-mode-card{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);text-align:start;cursor:pointer;background:#ffffff05;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:background .2s,border-color .2s;display:grid}.memory-mode-card:hover{border-color:var(--gold);background:#ffb74d0f}.memory-mode-card.is-active{border-color:var(--gold);background:#ffb74d14}.memory-mode-card svg{block-size:1.4rem;inline-size:1.4rem;color:var(--gold)}.memory-mode-card strong{margin-block-end:.15rem;font-weight:700;display:block}.memory-mode-card span{color:var(--text-soft);font-size:.82rem}.memory-difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}.memory-difficulty-card{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--foreground);text-align:center;cursor:pointer;background:#ffffff05;gap:.25rem;padding:.9rem .5rem;transition:background .2s,border-color .2s;display:grid}.memory-difficulty-card:hover{border-color:var(--gold);background:#ffb74d0f}.memory-difficulty-card.is-active{border-color:var(--gold);background:#ffb74d1a}.memory-difficulty-card strong{color:var(--accent);font-size:1.4rem;font-weight:800}.memory-difficulty-card span{color:var(--text-soft);font-size:.78rem}.memory-difficulty-card small{color:var(--muted-foreground);font-size:.72rem}.memory-start-button{justify-self:center}.memory-stage{border-radius:var(--radius-full);border:1px solid var(--stage-color);align-items:center;gap:.5rem;padding:.35rem .9rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.memory-stage{border:1px solid color-mix(in srgb, var(--stage-color) 35%, transparent)}}.memory-stage{background:var(--stage-color)}@supports (color:color-mix(in lab, red, red)){.memory-stage{background:color-mix(in srgb, var(--stage-color) 12%, transparent)}}.memory-stage{color:var(--stage-color);margin-block-end:1rem;font-size:.82rem;font-weight:700}.memory-stage svg{block-size:1rem;inline-size:1rem}.memory-combo{border-radius:var(--radius-full);color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2459;align-items:center;gap:.5rem;margin-block-end:.75rem;padding:.45rem .9rem;font-size:.9rem;font-weight:800;animation:.35s combo-pop;display:inline-flex}.memory-combo svg{color:#fbbf24;block-size:1.1rem;inline-size:1.1rem}@keyframes combo-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.memory-preview-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff08;margin-block-end:1rem;padding:.75rem;position:relative}.memory-preview-progress{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--gold), var(--accent));transform-origin:0;block-size:3px;transform:scaleX(var(--preview-progress));transition:transform .2s linear;position:absolute;inset:auto 0 0}.memory-preview{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.memory-preview-chip{border-radius:var(--radius-lg);border:1px solid var(--symbol-color);place-items:center;block-size:3rem;inline-size:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.memory-preview-chip{border:1px solid color-mix(in srgb, var(--symbol-color) 35%, transparent)}}.memory-preview-chip{background:var(--symbol-color)}@supports (color:color-mix(in lab, red, red)){.memory-preview-chip{background:color-mix(in srgb, var(--symbol-color) 12%, transparent)}}.memory-preview-chip{color:var(--symbol-color);font-size:1.6rem;animation:.35s preview-pop}@keyframes preview-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.memory-prompt{text-align:center;color:var(--text-soft);min-block-size:2.5rem;margin-block-end:1rem;font-size:1rem}.memory-pad{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-block-end:1.25rem;display:grid}.memory-chip{border-radius:var(--radius-lg);border:1px solid var(--border);min-block-size:6.5rem;color:var(--symbol-color);cursor:pointer;background:#ffffff08;place-items:center;font-size:2.2rem;transition:transform .15s,background .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.memory-chip:hover:not(:disabled){border-color:var(--gold);background:#ffb74d0f;transform:translateY(-2px)}.memory-chip:active:not(:disabled){transform:scale(.96)}.memory-chip:disabled{opacity:.45;cursor:not-allowed}.memory-chip.is-preview{opacity:.5}.memory-chip.is-correct{background:#34d3991f;border-color:#34d399;animation:.4s correct-pop}.memory-chip.is-mistake{background:#f871711f;border-color:#f87171;animation:.45s mistake-shake}.memory-chip-glow{opacity:0;background:radial-gradient(circle at center, var(--symbol-color), transparent 70%);transition:opacity .2s;position:absolute;inset:0}.memory-chip:hover:not(:disabled) .memory-chip-glow{opacity:.18}.memory-chip-symbol{z-index:1;position:relative}@keyframes correct-pop{0%{transform:scale(.85)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes mistake-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.memory-lives{color:#f87171;align-items:center;gap:.35rem;font-size:.95rem;display:inline-flex}.memory-lives-empty{color:#ffffff1f;margin-inline-start:.15rem}.memory-versus-bar{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-block-end:.75rem;padding:.75rem 1rem;display:grid}.memory-versus-player{text-align:center;gap:.15rem;display:grid}.memory-versus-player span{color:var(--muted-foreground);font-size:.75rem}.memory-versus-player strong{color:var(--accent);font-size:1.3rem;font-weight:800}.memory-versus-divider{border-radius:var(--radius-full);border:1px solid var(--border);block-size:2.5rem;inline-size:2.5rem;color:var(--muted-foreground);background:#ffffff0a;place-items:center;font-size:.7rem;font-weight:700;display:grid}.memory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:1rem;display:grid}.memory-summary-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;gap:.2rem;padding:.9rem 1rem;display:grid}.memory-summary-card span{color:var(--muted-foreground);font-size:.75rem}.memory-summary-card strong{color:var(--accent);font-size:1.1rem;font-weight:800}.memory-summary-header{justify-content:center;align-items:center;gap:.75rem;display:flex}.memory-summary-header svg{block-size:2rem;inline-size:2rem;color:var(--gold)}.memory-summary-header h2{font-size:1.6rem;font-weight:800}.memory-summary-trophy{animation:.7s trophy-bounce}@keyframes trophy-bounce{0%{opacity:0;transform:scale(.2)rotate(-15deg)}60%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:34rem){.memory-mode-grid{grid-template-columns:1fr}.memory-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-chip{min-block-size:5.5rem;font-size:1.8rem}.memory-versus-bar{grid-template-columns:1fr;gap:.5rem}.memory-versus-divider{justify-self:center}.memory-summary-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.memory-preview-chip,.memory-chip.is-correct,.memory-chip.is-mistake,.memory-combo,.memory-summary-trophy{animation:none}.memory-chip:hover:not(:disabled){transform:none}}@media (max-width:48rem){.podium-player{inline-size:min(31%,10rem)}.podium-player>.avatar{block-size:3.2rem;inline-size:3.2rem}.podium-1>.podium-profile>.avatar{block-size:4rem;inline-size:4rem}.podium-block{min-block-size:7rem;font-size:1.6rem}.podium-1>.podium-block{min-block-size:10rem}.podium-2>.podium-block{min-block-size:8.5rem}.podium-3>.podium-block{min-block-size:7.5rem}.podium-name{font-size:.88rem}.podium-score{font-size:.78rem}.podium-correct{padding:.2rem .5rem;font-size:.72rem}.podium-rank-badge{block-size:2.5rem;inline-size:2.5rem}.podium-rank-badge svg{block-size:1.1rem;inline-size:1.1rem}.waiting-list__header{flex-direction:column;align-items:stretch}.waiting-list__player{flex-wrap:wrap}.question-showcase__answers{grid-template-columns:1fr}}@media (max-width:30rem){.podium-wrap{gap:.35rem;min-block-size:22rem;padding-block:3rem 0}.podium-player{gap:.25rem;inline-size:min(34%,9rem)}.podium-player>.avatar{block-size:2.6rem;inline-size:2.6rem}.podium-1>.podium-profile>.avatar{block-size:3.2rem;inline-size:3.2rem}.podium-profile{gap:.2rem}.podium-name{font-size:.78rem}.podium-score{font-size:.7rem}.podium-correct{padding:.15rem .4rem;font-size:.68rem}.podium-block{min-block-size:5.5rem;padding:.75rem;font-size:1.3rem}.podium-1>.podium-block{min-block-size:7.5rem}.podium-2>.podium-block{min-block-size:6.5rem}.podium-3>.podium-block{min-block-size:6rem}.podium-rank-badge{block-size:2rem;inline-size:2rem}.podium-rank-badge svg{block-size:.95rem;inline-size:.95rem}.waiting-list__players{max-block-size:16rem}.waiting-list__player{gap:.5rem;padding:.6rem .75rem}.waiting-list__rank{block-size:1.6rem;inline-size:1.6rem;font-size:.72rem}.waiting-list__avatar{block-size:2rem;inline-size:2rem}.waiting-list__info strong{font-size:.82rem}.question-showcase{padding:1.25rem}.question-showcase__number{block-size:2.5rem;inline-size:2.5rem;font-size:1rem}.question-showcase__prompt{font-size:1.1rem}.question-showcase__answer{gap:.6rem;padding:.85rem 1rem}.question-showcase__answer-letter{block-size:1.8rem;inline-size:1.8rem;font-size:.75rem}.question-showcase__answer-text{font-size:.85rem}}@media (min-width:64rem){.podium-player{inline-size:min(24%,14rem)}.podium-block{min-block-size:9rem}.podium-1>.podium-block{min-block-size:15rem}.podium-1>.podium-profile>.avatar{block-size:6.5rem;inline-size:6.5rem}.podium-name{font-size:1.1rem}.podium-score{font-size:.95rem}.podium-correct{font-size:.85rem}.question-showcase__answers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.podium-wrap{gap:clamp(1rem,4vw,2.5rem)}.podium-player{inline-size:min(22%,16rem)}.podium-block{min-block-size:10rem;font-size:2.2rem}.podium-1>.podium-block{min-block-size:17rem}.podium-1>.podium-profile>.avatar{block-size:7.5rem;inline-size:7.5rem}.podium-name{font-size:1.2rem}.podium-score{font-size:1rem}.podium-correct{font-size:.9rem}}.waiting-room{gap:var(--space-4);flex-direction:column;display:flex}.waiting-room__player-list{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass)}.waiting-room__player-list-title{align-items:center;gap:var(--space-2);border-block-end:1px solid var(--border);min-block-size:2.75rem;color:var(--primary);padding-block-end:var(--space-3);display:flex}.waiting-room__empty{align-items:center;gap:var(--space-2);color:var(--muted-foreground);margin-block-start:var(--space-3);display:flex}.waiting-room__players{gap:var(--space-2);margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.waiting-room__player{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast);display:flex}.waiting-room__player[data-current]{background:var(--surface-raised)}.waiting-room__player[data-ready]{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.waiting-room__player[data-ready]{background:color-mix(in srgb, var(--success) 8%, transparent)}}.waiting-room__player-name{align-items:center;gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-weight:600;display:flex;overflow:hidden}.waiting-room__crown{block-size:1rem;inline-size:1rem;color:var(--accent);flex-shrink:0}.waiting-room__you{color:var(--muted-foreground);font-size:.8em;font-weight:400}.waiting-room__ready-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--success);padding:.25rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.waiting-room__ready-badge{background:color-mix(in srgb, var(--success) 15%, transparent)}}.waiting-room__ready-badge{border:1px solid var(--success);color:var(--success);white-space:nowrap;font-size:.8rem;font-weight:600}.waiting-room__ready-badge svg{block-size:.9rem;inline-size:.9rem}.waiting-room__waiting-badge{color:var(--muted-foreground);opacity:.5}.waiting-room__waiting-badge svg{block-size:1rem;inline-size:1rem}.waiting-room__actions{gap:var(--space-3);flex-direction:column;display:flex}.waiting-room__status{align-items:center;gap:var(--space-2);min-block-size:3rem;color:var(--muted-foreground);margin:0;font-size:.9rem;display:flex}.waiting-room__status[data-ready]{color:var(--success);font-weight:600}.role-reveal{z-index:100;background:var(--surface-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.role-reveal{background:color-mix(in srgb, var(--surface-base) 92%, transparent)}}.role-reveal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:.4s ease-out role-reveal-in}@keyframes role-reveal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.role-reveal__card{max-inline-size:26rem;width:calc(100% - 2rem);padding:var(--space-8) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl,var(--radius-lg));background:var(--surface-raised);align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex;box-shadow:0 20px 60px #0000004d}.role-reveal[data-role=infiltrator] .role-reveal__card{border-color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.role-reveal[data-role=infiltrator] .role-reveal__card{background:color-mix(in srgb, var(--danger) 6%, var(--surface-raised))}}.role-reveal[data-role=majority] .role-reveal__card{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.role-reveal[data-role=majority] .role-reveal__card{background:color-mix(in srgb, var(--primary) 6%, var(--surface-raised))}}.role-reveal__icon{block-size:4rem;inline-size:4rem;color:var(--primary)}.role-reveal[data-role=infiltrator] .role-reveal__icon{color:var(--danger)}.role-reveal__title{margin:0;font-size:clamp(1.5rem,5vw,2.2rem)}.role-reveal__hint{color:var(--muted-foreground);max-inline-size:28ch;margin:0;line-height:1.6}.infiltrator-end{align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;display:flex}.infiltrator-end__trophy{block-size:4rem;inline-size:4rem;color:var(--accent)}.infiltrator-end__header h2{margin:0 0 var(--space-2);font-size:clamp(1.8rem,5vw,2.8rem)}.infiltrator-end__duration{color:var(--muted-foreground);margin:0}.infiltrator-end__mvp{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-6);border:1px solid var(--accent);border-radius:var(--radius-lg);background:var(--accent);flex-direction:column;display:flex}@supports (color:color-mix(in lab, red, red)){.infiltrator-end__mvp{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.infiltrator-end__mvp{min-inline-size:16rem}.infiltrator-end__mvp-label{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:700}.infiltrator-end__mvp-name{font-size:1.4rem}.infiltrator-end__mvp-score{color:var(--accent)}.infiltrator-end__scores{gap:var(--space-2);width:100%;flex-direction:column;max-inline-size:28rem;padding:0;list-style:none;display:flex}.infiltrator-end__scores li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:2rem 1fr auto;display:grid}.infiltrator-end__scores li[data-rank="1"]{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.infiltrator-end__scores li[data-rank="1"]{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.infiltrator-end__scores li[data-rank="2"]{border-color:var(--muted-foreground);background:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.infiltrator-end__scores li[data-rank="2"]{background:color-mix(in srgb, var(--muted-foreground) 5%, transparent)}}.infiltrator-end__scores li[data-rank="3"]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.infiltrator-end__scores li[data-rank="3"]{border-color:color-mix(in srgb, var(--accent) 60%, var(--surface-base))}}.infiltrator-end__rank{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-weight:600}.infiltrator-end__pname{text-align:start;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.infiltrator-end__pscore{color:var(--accent);font-variant-numeric:tabular-nums}.infiltrator-end__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}