*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.block{display:block}.hidden{display:none}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light;--bg: #f3f7f5;--surface: #ffffff;--surface-soft: #f8fbf9;--surface-strong: #edf5f1;--text: #183229;--text-strong: #10251e;--muted: #61736b;--line: #d8e4de;--line-strong: #bfd1c8;--brand: #12866f;--brand-dark: #0b6e5b;--brand-soft: #e2f4ed;--mint: #61c9ad;--amber: #d99424;--amber-soft: #fff2d7;--red: #c94f52;--red-soft: #fff0ef;--blue: #327fa8;--blue-soft: #e9f4fa;--shadow-sm: 0 2px 8px rgba(26, 68, 50, .06);--shadow-md: 0 10px 30px rgba(26, 68, 50, .09);--shadow-lg: 0 24px 70px rgba(13, 45, 33, .13);--focus: #145fca;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}a{color:inherit}img{max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 70%,white);outline-offset:2px}button:active:not(:disabled){transform:translateY(1px) scale(.995)}input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:7px;padding:0 13px;color:var(--text-strong);background:var(--surface);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea{min-height:140px;padding-block:12px;resize:vertical}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#9cb7aa}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #12866f1f}input[aria-invalid=true]{border-color:var(--red);background:snow}select:disabled,input:disabled,textarea:disabled{color:#829087;background:#eef2ef}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh}.app-screen{min-height:100vh;background:#0d1b17}.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(216,228,222,.9);background:#fafcfbf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1180px,calc(100% - 32px));min-height:66px;margin:0 auto}.brand-mark{display:inline-flex;align-items:center;gap:10px;border:0;padding:0;color:var(--text-strong);background:transparent;text-align:left}.brand-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;overflow:hidden;border-radius:8px;color:#fff;background:var(--brand);box-shadow:inset 0 -2px #0000001f}.brand-wave{position:absolute;left:6px;bottom:6px}.brand-question{position:absolute;top:4px;right:3px;padding:1px;border-radius:50%;color:#fff;background:var(--brand)}.brand-wordmark{display:grid;gap:1px}.brand-wordmark strong{font-size:16px;line-height:1;letter-spacing:-.02em}.brand-wordmark small{color:var(--muted);font-size:11px;line-height:1.15}.topbar-nav{display:flex;align-items:center;gap:4px}.topbar-nav>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;border-radius:7px;padding:0 10px;color:#40594e;background:transparent;font-size:13px;font-weight:750}.topbar-nav>button:hover{border-color:var(--line);background:var(--surface);color:var(--brand-dark)}.topbar-nav>button.is-active{border-color:#bcd8cc;color:var(--brand-dark);background:var(--brand-soft)}.offline-banner{position:sticky;top:66px;z-index:45;display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border-bottom:1px solid #efc8c7;color:#8e373a;background:#fff2f1;font-size:13px;font-weight:750}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 72px}.narrow-page{width:min(620px,calc(100% - 32px))}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.primary-button,.ghost-button,.icon-button,.answer-option,.avatar-choice,.vote-option,.board-cell{border-radius:7px;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .1s ease}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid transparent;padding:0 16px;font-weight:800}.primary-button{color:#fff;background:var(--brand);box-shadow:0 2px #05433626}.primary-button:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 6px 14px #12866f2e}.ghost-button{border-color:var(--line-strong);color:var(--text);background:var(--surface-soft)}.ghost-button:hover:not(:disabled){border-color:#a9c2b6;background:var(--surface-strong)}.icon-button{display:inline-grid;place-items:center;width:40px;min-width:40px;height:40px;border:1px solid var(--line);color:var(--text);background:var(--surface-soft)}.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-strong);color:var(--brand-dark)}.notice{display:flex;align-items:center;gap:9px;border:1px solid #b9d9c9;border-radius:7px;padding:12px 14px;color:#1c654e;background:#eef9f4;line-height:1.45}.notice-error{border-color:#ecc5c4;color:#963e41;background:var(--red-soft)}.notice-error button{margin-left:auto;border:0;color:inherit;background:transparent;font-weight:800}.eyebrow,.step-kicker,.screen-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--brand-dark);font-size:11px;line-height:1.2;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.home-page{display:grid;gap:28px}.home-start{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:16px;align-items:stretch}.hero-copy,.join-panel,.creation-flow,.quiz-catalog{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.hero-copy{display:flex;flex-direction:column;min-height:320px;padding:36px}.hero-copy h1{max-width:760px;margin:18px 0 14px;color:var(--text-strong);font-size:clamp(34px,4.2vw,54px);line-height:1.02;letter-spacing:-.045em}.hero-copy>p{max-width:690px;margin:0;color:var(--muted);font-size:17px;line-height:1.58}.home-metrics{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:26px}.home-metrics div{display:flex;align-items:baseline;gap:7px}.home-metrics strong{color:var(--text-strong);font-size:22px;font-variant-numeric:tabular-nums}.home-metrics span{color:var(--muted);font-size:12px}.connection-line{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;color:var(--muted);font-size:12px;font-weight:750}.connection-line.is-online{color:#267359}.connection-line.is-offline{color:#9b4c4e}.join-panel{display:grid;align-content:center;gap:12px;padding:28px;border-top:4px solid var(--brand)}.join-panel-head{display:grid;gap:6px;margin-bottom:8px}.join-panel h2{margin:0;color:var(--text-strong);font-size:26px;letter-spacing:-.025em}.join-panel p{margin:0;color:var(--muted);line-height:1.5}.join-panel>label{color:var(--text);font-size:12px;font-weight:800}.room-code-input{min-height:58px;font-size:27px;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase}.field-hint{color:var(--muted);font-size:11px}.join-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px}.join-actions .primary-button{min-height:50px}.home-error{justify-content:space-between}.creation-flow{padding:28px}.flow-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.flow-heading h2{margin:4px 0 0;color:var(--text-strong);font-size:26px;letter-spacing:-.025em}.flow-note{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.settings-heading{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.mode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.mode-option{display:grid;align-content:start;gap:11px;min-width:0;min-height:168px;border:1px solid var(--line);border-radius:8px;padding:14px;color:var(--text);background:var(--surface-soft);text-align:left;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .1s ease}.mode-option:hover{border-color:#aec9bd;background:#fff;box-shadow:var(--shadow-sm)}.mode-option.selected{border-color:#7fbdab;background:#f2faf6;box-shadow:inset 0 0 0 1px #12866f14}.mode-copy{display:grid;gap:5px;min-width:0}.mode-copy strong{color:var(--text-strong);font-size:14px;line-height:1.2}.mode-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical}.mode-emblem{--mode-color: #148b72;position:relative;display:inline-grid;place-items:center;width:52px;height:52px;flex:0 0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--mode-color) 28%,var(--line));border-radius:8px;color:var(--mode-color);background:color-mix(in srgb,var(--mode-color) 10%,#fff)}.mode-emblem-classic{--mode-color: #12866f}.mode-emblem-sprint{--mode-color: #d27620}.mode-emblem-teams{--mode-color: #2d79a0}.mode-emblem-millionaire{--mode-color: #8d69aa}.mode-emblem-board{--mode-color: #3568ad}.mode-emblem-experts{--mode-color: #7b6750}.mode-emblem-smartest{--mode-color: #bf6a26}.mode-emblem-weakest{--mode-color: #b85155}.mode-emblem-lucky{--mode-color: #4d8e4b}.mode-emblem-marathon{--mode-color: #5368a2}.mode-emblem-compact{width:34px;height:34px;border-radius:6px}.mode-emblem-compact svg{width:19px;height:19px}.emblem-caption{position:absolute;right:3px;bottom:1px;border-radius:3px;padding:1px 3px;color:#fff;background:var(--mode-color);font-size:8px;line-height:1.25}.mode-emblem-compact .emblem-caption{display:none}.emblem-board{display:grid;grid-template-columns:repeat(2,17px);grid-template-rows:repeat(2,14px);gap:2px}.emblem-board i{display:grid;place-items:center;border-radius:2px;color:#fff;background:var(--mode-color);font-size:6px;font-style:normal;font-weight:900}.mode-emblem-compact .emblem-board{grid-template-columns:repeat(2,11px);grid-template-rows:repeat(2,9px)}.mode-emblem-compact .emblem-board i{font-size:4px}.emblem-stages{position:absolute;bottom:5px;display:flex;gap:2px}.emblem-stages i{display:block;width:6px;height:3px;border-radius:2px;background:var(--mode-color)}.mode-guide{display:grid;gap:16px;margin-top:18px;border:1px solid var(--line);border-radius:8px;padding:18px;background:#fbfcfb}.mode-guide-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.mode-guide-heading>div{display:grid;gap:2px;margin-right:auto}.mode-guide h3{margin:0;font-size:17px}.mode-guide-heading>span:not(.mode-emblem){border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);background:#fff;font-size:11px}.mode-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 26px;margin:0;padding-left:22px;color:#52675d;font-size:12px;line-height:1.58}.mode-guide li::marker{color:var(--brand);font-weight:900}.session-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.setting-card{min-width:0;min-height:110px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface-soft)}.setting-card>span:first-child,.setting-card>strong:first-child{color:var(--text);font-size:12px;font-weight:850}.setting-card small{color:var(--muted);font-size:11px;line-height:1.4}.session-length{display:grid;align-content:start;gap:8px}.session-length select{min-height:42px}.switch-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;cursor:pointer}.switch-card input{position:relative;width:38px;min-width:38px;height:22px;min-height:22px;margin:1px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #afc0b8;border-radius:999px;padding:0;background:#dce4e0;cursor:pointer}.switch-card input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000029;transition:transform .14s ease}.switch-card input:checked{border-color:var(--brand);background:var(--brand)}.switch-card input:checked:after{transform:translate(16px)}.toggle-copy{display:grid;gap:5px}.toggle-copy strong{color:var(--text-strong);font-size:13px}.session-player-name{display:grid;align-content:start;gap:7px}.session-player-name input{min-height:42px}.quiz-catalog{padding:28px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.catalog-heading h2{margin:4px 0 2px;color:var(--text-strong);font-size:26px;letter-spacing:-.025em}.catalog-heading p{margin:0;color:var(--muted);font-size:12px}.catalog-count{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);background:#fff;font-size:11px;white-space:nowrap}.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quiz-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;min-width:0;min-height:246px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:8px;padding:18px;background:#fff;transition:border-color .14s ease,box-shadow .14s ease,transform .12s ease}.quiz-card:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:var(--shadow-md);transform:translateY(-2px)}.quiz-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.quiz-glyph{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:7px;color:color-mix(in srgb,var(--accent) 82%,#173229);background:color-mix(in srgb,var(--accent) 11%,#fff)}.quiz-card-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0}.quiz-category,.quiz-age-rating{max-width:150px;overflow:hidden;border:1px solid var(--line);border-radius:999px;padding:4px 7px;color:var(--muted);background:#fbfcfb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.quiz-age-rating{border-color:#ecc5c4;color:#9d4145;background:#fff4f3;font-weight:850}.quiz-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.quiz-card h3{margin:0;color:var(--text-strong);font-size:20px;line-height:1.15;letter-spacing:-.02em}.quiz-question-count{flex:0 0 auto;border-radius:999px;padding:4px 7px;color:var(--brand-dark);background:var(--brand-soft);font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.quiz-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.52}.quiz-card .primary-button{width:100%}.quiz-card-skeleton{overflow:hidden;border-top-color:#dfe8e3}.quiz-card-skeleton span{display:block;height:18px;border-radius:5px;background:#eef3f0;animation:pulse 1.25s ease-in-out infinite}.quiz-card-skeleton span:first-child{width:44px;height:42px}.quiz-card-skeleton span:nth-child(2){width:65%;height:24px}.quiz-card-skeleton span:nth-child(3){width:100%;height:50px}.quiz-card-skeleton span:last-child{width:100%;height:46px}.catalog-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;border:1px dashed var(--line-strong);border-radius:8px;padding:24px;color:var(--muted);background:var(--surface-soft);text-align:left}.catalog-empty div{display:grid;gap:3px}.catalog-empty strong{color:var(--text)}.catalog-empty span{font-size:12px}.catalog-empty .ghost-button{margin-left:12px}.device-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.device-strip>div{display:flex;align-items:center;gap:11px;min-height:66px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--surface)}.device-strip svg{flex:0 0 auto;color:var(--brand)}.device-strip span{display:grid;gap:2px}.device-strip strong{font-size:13px}.device-strip small{color:var(--muted);font-size:11px}.player-avatar{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 auto;overflow:hidden;border:1px solid #cfe1d9;border-radius:50%;color:var(--brand-dark);background:var(--brand-soft)}.player-avatar-sm{width:28px;height:28px}.player-avatar-lg{width:54px;height:54px}.player-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.room-tools{display:flex;align-items:center;gap:6px}.qr-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#091c158c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.qr-dialog{position:relative;width:min(420px,100%);border:1px solid #cbdad3;border-radius:8px;padding:24px;color:var(--text);background:#fff;box-shadow:var(--shadow-lg);text-align:center}.qr-close{position:absolute;top:12px;right:12px}.qr-dialog h2{margin:8px 0 4px}.qr-dialog p{margin:8px 0 16px;color:var(--muted)}.qr-code-frame{display:inline-grid;place-items:center;margin:14px auto;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.qr-dialog .primary-button{width:100%}.play-page{width:min(650px,calc(100% - 28px))}.play-join-page{padding-top:28px}.join-card{display:grid;gap:18px;padding:24px}.join-card-head{display:grid;gap:7px}.join-card h1{margin:0;color:var(--text-strong);font-size:32px;letter-spacing:-.03em}.join-card-head p{margin:0;color:var(--muted);line-height:1.5}.join-fields{display:grid;grid-template-columns:.7fr 1.3fr;gap:10px}.join-fields label,.host-key-card label,.profile-form label{display:grid;gap:6px;color:var(--text);font-size:12px;font-weight:800}.join-fields small,.profile-form small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.4}.avatar-fieldset{min-width:0;margin:0;border:0;padding:0}.avatar-fieldset legend{margin-bottom:8px;color:var(--text);font-size:12px;font-weight:800}.avatar-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.avatar-choice{display:grid;place-items:center;min-width:0;min-height:58px;border:1px solid var(--line);background:var(--surface-soft)}.avatar-choice:hover{border-color:#a7c6b7;background:#f0f8f4}.avatar-choice.active{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}.join-submit{min-height:54px;font-size:15px}.join-privacy{margin:-6px 0 0;color:var(--muted);font-size:10px;line-height:1.45;text-align:center}.player-owner-tools{display:flex;justify-content:flex-end;min-height:0;margin-bottom:9px}.owner-host-link{min-height:38px;font-size:12px}.player-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:12px;padding:15px}.player-identity{display:flex;align-items:center;gap:11px;min-width:0}.player-identity>div{min-width:0}.player-identity strong,.player-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-identity strong{color:var(--text-strong);font-size:14px}.player-identity span,.player-score small{color:var(--muted);font-size:11px}.player-score{text-align:right}.player-score span{display:block;color:var(--brand-dark);font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}.play-state{display:grid;gap:16px;padding:22px}.lobby-panel{text-align:left}.lobby-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px}.lobby-hero>div{min-width:0}.lobby-hero h1{margin:4px 0 6px;color:var(--text-strong);font-size:28px;letter-spacing:-.03em}.inline-room-code{color:var(--brand-dark);letter-spacing:.08em}.lobby-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.lobby-invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-soft)}.lobby-invite-row>div:first-child{display:grid;gap:3px}.lobby-invite-row strong{font-size:13px}.lobby-invite-row span{color:var(--muted);font-size:10px;line-height:1.4}.lobby-waiting{display:flex;align-items:center;gap:10px;border:1px solid #cbdcd4;border-radius:8px;padding:12px;color:#376151;background:#f3f9f6}.lobby-waiting.is-owner{border-color:#c5d8ef;color:#335b85;background:#f3f8fd}.lobby-waiting>div{display:grid;gap:2px}.lobby-waiting strong{font-size:13px}.lobby-waiting span{font-size:10px}.lobby-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lobby-player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 9px;min-width:0;border:1px solid var(--line);border-radius:7px;padding:8px 9px;background:#fff}.lobby-player .player-avatar{grid-row:1 / span 2}.lobby-player>span{overflow:hidden;color:var(--text-strong);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.lobby-player small{position:relative;padding-left:9px;color:var(--muted);font-size:9px}.lobby-player small:before{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;border-radius:50%;background:#9ca9a2;transform:translateY(-50%)}.status-online:before{background:#3fa875!important}.status-offline:before{background:#c98236!important}.empty-inline{grid-column:1 / -1;border:1px dashed var(--line-strong);border-radius:7px;padding:16px;color:var(--muted);font-size:11px;text-align:center}.lobby-start-button{width:100%;min-height:52px}.vote-section{display:grid;gap:10px;padding-top:6px}.vote-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.vote-heading h2{margin:3px 0 0;font-size:17px}.vote-heading>span{color:var(--muted);font-size:10px}.vote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vote-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:58px;border:1px solid var(--line);padding:9px 11px;color:var(--text);background:#fff;text-align:left}.vote-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent, var(--brand)) 45%,var(--line));background:var(--surface-soft)}.vote-option.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 3px 0 var(--brand)}.vote-option>span{display:grid;min-width:0;gap:2px}.vote-option small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.vote-option strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.vote-option em{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--brand-dark);background:#fff;font-size:11px;font-style:normal;font-weight:900}.game-band{display:grid;gap:10px;margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.game-status-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0}.game-status-line strong{color:var(--text-strong);font-size:12px}.game-status-line>span{color:var(--muted);font-size:10px}.score-multiplier{border-radius:5px;padding:3px 7px;color:#6d4b07!important;background:var(--amber-soft);font-weight:900}.prize-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.prize-ladder>span{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;border-radius:5px;padding:5px 6px;color:var(--muted);background:#f0f4f2;font-size:9px}.prize-ladder small{font-size:8px}.prize-ladder .checkpoint{color:#725211;background:var(--amber-soft)}.prize-ladder .current{color:#fff;background:var(--brand);font-weight:850}.mode-action-row,.chain-status,.club-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:10px}.mode-action-row .primary-button,.mode-action-row .ghost-button,.chain-status .ghost-button{min-height:38px;padding-inline:11px;font-size:10px}.chain-status>span{display:grid;gap:1px}.chain-status strong{color:var(--text-strong);font-size:14px}.game-note{margin:0;color:#8f671e;font-size:10px}.answer-card{display:grid;gap:18px;padding:22px}.answer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-head>div{display:grid;gap:4px}.answer-head strong{color:var(--muted);font-size:11px}.answer-card h1{margin:0;color:var(--text-strong);font-size:clamp(26px,6vw,38px);line-height:1.12;letter-spacing:-.035em}.timer{--timer-color: var(--amber);position:relative;display:grid;place-items:center;width:66px;height:66px;flex:0 0 auto;border-radius:50%;color:var(--text-strong);background:conic-gradient(var(--timer-color) var(--timer),#e8eeeb 0)}.timer:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#fff}.timer span{position:relative;z-index:1;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums}.option-answer,.text-answer{display:grid;gap:9px}.answer-option{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;min-height:66px;border:1px solid var(--line-strong);padding:9px 12px;color:var(--text);background:#fff;text-align:left}.answer-option:hover:not(:disabled){border-color:var(--brand);background:#f5faf7;box-shadow:0 4px 12px #12866f14}.answer-option>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:#6b4b0a;background:var(--amber-soft);font-size:12px;font-weight:900}.answer-option>strong{font-size:14px;line-height:1.35}.option-hidden{opacity:.38!important;text-decoration:line-through}.text-answer input{min-height:56px;font-size:16px}.text-answer .primary-button{min-height:52px}.wager-control{display:grid;gap:10px;border:1px solid #ecd6a8;border-radius:8px;padding:12px;background:#fffaf0}.wager-control>span{display:flex;align-items:center;justify-content:space-between}.wager-control output{color:#805b12;font-size:20px;font-weight:900}.wager-control input{min-height:20px;padding:0;border:0;box-shadow:none;background:transparent;accent-color:var(--amber)}.answered-state{display:grid;place-items:center;gap:8px;min-height:210px;color:var(--brand-dark);text-align:center}.answered-state h2{margin:0;color:var(--text-strong);font-size:22px}.answered-state p{max-width:420px;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.waiting-state{color:var(--blue)}.reveal-card{display:grid;justify-items:center;gap:10px;padding:28px 22px;text-align:center}.reveal-card h1{margin:0;color:var(--text-strong);font-size:32px;letter-spacing:-.03em}.reveal-card p{max-width:520px;margin:0;color:var(--text);font-size:13px;line-height:1.55}.reveal-card .round-explanation{color:var(--muted)}.reveal-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#9a4548;background:#fff0ef}.reveal-ok .reveal-icon{color:var(--brand-dark);background:var(--brand-soft)}.reveal-ok h1{color:#176b50}.reveal-wait{color:var(--muted);font-size:10px}.player-podium{justify-items:center;text-align:center}.player-podium>svg{color:var(--amber)}.player-podium h1{margin:0;font-size:30px}.final-score{margin:0;color:var(--text-strong)!important;font-size:34px;font-weight:900}.mini-leaderboard{display:grid;gap:7px;width:100%}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}.board-heading h2{margin:0;font-size:17px}.question-board-scroll{max-width:100%;overflow:hidden}.question-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;min-width:0}.board-column{display:grid;grid-template-rows:minmax(54px,auto) repeat(5,58px);gap:7px;min-width:0}.board-column h3{display:grid;place-items:center;min-width:0;margin:0;padding:5px;overflow-wrap:anywhere;color:var(--muted);font-size:10px;line-height:1.25;text-align:center}.board-cell{display:grid;place-items:center;min-width:0;border:1px solid #bcd9ce;color:#176a50;background:#eaf7f1;font-size:17px;font-weight:900}.board-cell:hover:not(:disabled){border-color:var(--brand);background:#d8f0e5}.board-cell.played{border-color:#e4e9e6;color:#a2aea8;background:#f2f4f3}.board-cell:disabled:not(.played){opacity:1}.elimination-section{margin-top:10px}.elimination-section>p{color:var(--muted);font-size:11px}.elimination-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.elimination-options .vote-option span{font-size:12px;font-weight:800}.club-discussion{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:14px}.club-discussion h2{margin:0;font-size:15px}.discussion-form{display:flex;gap:8px}.discussion-form input{min-width:0}.discussion-form .ghost-button{width:46px;flex:0 0 46px;padding:0}.discussion-messages{display:grid;gap:6px}.discussion-messages p{display:grid;grid-template-columns:minmax(70px,.35fr) minmax(0,1fr);gap:8px;margin:0;border-radius:6px;padding:7px 9px;background:var(--surface-soft);font-size:10px}.discussion-messages strong,.discussion-messages span{overflow-wrap:anywhere}.host-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.host-main,.side-panel{padding:20px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head.compact{align-items:center}.section-head h1,.section-head h2{margin:4px 0 0;color:var(--text-strong)}.section-head h1{font-size:27px;letter-spacing:-.03em}.section-head h2{font-size:19px}.room-mode-label,.screen-mode-label{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px;color:var(--muted);font-size:10px}.host-loading{display:grid;place-items:center;gap:6px;min-height:250px;color:var(--brand-dark);text-align:center}.host-loading span{color:var(--muted);font-size:11px}.host-lobby-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.host-lobby-code,.host-lobby-ready,.host-auto-note{border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--surface-soft)}.host-lobby-code{display:grid;gap:3px}.host-lobby-code>span{color:var(--muted);font-size:10px}.host-lobby-code>strong{color:var(--brand-dark);font-size:34px;line-height:1;letter-spacing:.12em}.host-lobby-code>small{color:var(--muted);font-size:9px}.host-lobby-ready{display:flex;align-items:center;gap:10px}.host-lobby-ready svg{color:var(--brand)}.host-lobby-ready div{display:grid;gap:2px}.host-lobby-ready strong{font-size:13px}.host-lobby-ready span{color:var(--muted);font-size:10px}.host-auto-note{grid-column:1 / -1;display:flex;align-items:center;gap:9px;border-color:#c8ddef;color:#315d83;background:#f4f9fd;font-size:10px;line-height:1.45}.host-question{display:grid;gap:17px;margin-top:12px}.question-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.question-meta>div{display:grid;gap:4px}.question-meta span{color:var(--muted);font-size:10px}.question-meta strong{font-size:12px}.host-question h2{margin:0;color:var(--text-strong);font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:-.035em}.host-answer-note{margin:0;border-left:3px solid var(--brand);padding-left:11px;color:var(--muted);font-size:12px;line-height:1.55}.answer-progress-block{display:grid;gap:7px}.answer-progress-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.answer-progress-label strong{color:var(--text)}.answer-progress{height:9px;overflow:hidden;border-radius:999px;background:#e6ece8}.answer-progress>span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .18s ease}.answer-progress.large{width:min(840px,100%);height:11px;margin-inline:auto}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:var(--surface-soft)}.stat-tile span{min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.stat-tile strong{font-size:22px}.stat-correct{border-color:#aad3bf;color:#17684e;background:#edf9f3}.host-control-dock{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.host-controls{display:flex;flex-wrap:wrap;gap:8px}.control-button{min-width:150px}.primary-host-action{flex:1;min-width:190px}.reset-button{min-width:110px}.host-soundboard{display:flex;align-items:center;gap:6px;margin-top:10px}.host-soundboard>span{margin-right:3px;color:var(--muted);font-size:10px}.lobby-empty{display:grid;place-items:center;gap:8px;min-height:220px;color:var(--muted);text-align:center}.lobby-empty h2{margin:0;color:var(--text)}.side-panel{position:sticky;top:82px}.player-count-pill{border-radius:999px;padding:5px 9px;color:var(--brand-dark);background:var(--brand-soft);font-size:10px;font-weight:900}.host-team-scores{display:grid;gap:6px;margin-bottom:10px}.host-team-score{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:10px;background:var(--surface-soft)}.host-team-score strong{color:var(--brand-dark)}.player-list,.mini-leaderboard{display:grid;gap:6px}.player-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:7px;padding:7px 8px;background:#fff}.player-row>div{min-width:0}.player-row strong,.player-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row strong{font-size:11px}.player-row small{position:relative;margin-top:2px;color:var(--muted);font-size:8px}.player-row .score,.player-row em{color:var(--brand-dark);font-size:11px;font-style:normal;font-weight:900}.player-row.is-me{border-color:#90c8b5;background:#f1faf6}.row-place{color:var(--muted);font-size:10px;font-weight:900}.side-empty{display:grid;place-items:center;gap:7px;min-height:150px;color:var(--muted);font-size:10px;text-align:center}.host-key-card{display:grid;gap:14px;padding:24px}.host-key-card h1{margin:0}.host-key-card p{margin:0;color:var(--muted);line-height:1.55}.profile-page,.leaderboard-page{width:min(960px,calc(100% - 32px))}.profile-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}.profile-intro>div:first-child{max-width:650px}.profile-intro h1{margin:8px 0;color:var(--text-strong);font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.04em}.profile-intro p{margin:0;color:var(--muted);line-height:1.55}.profile-benefits{display:grid;gap:7px;min-width:190px}.profile-benefits span{display:flex;align-items:center;gap:8px;color:#456156;font-size:11px;font-weight:750}.profile-benefits svg{color:var(--brand)}.profile-panel,.auth-panel{display:grid;gap:22px;padding:24px}.profile-loading{display:grid;place-items:center;gap:8px;min-height:240px;color:var(--brand-dark)}.profile-summary{display:flex;align-items:center;gap:14px}.profile-summary h2{margin:3px 0 2px;font-size:24px}.profile-summary>div:last-child>span:last-child{color:var(--muted);font-size:11px}.profile-avatar-wrap{position:relative;width:76px;height:76px;flex:0 0 76px}.profile-avatar-wrap>.player-avatar,.profile-avatar{width:76px;height:76px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.photo-button{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:30px;height:30px;overflow:hidden;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--brand);cursor:pointer}.photo-button input{position:absolute;width:1px;height:1px;opacity:0}.profile-form{display:grid;gap:12px}.profile-form label>span{font-size:11px}.profile-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-actions .primary-button{min-width:140px}.profile-logout{margin-left:auto;color:#8f3d40}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);padding-top:18px}.profile-stats div{display:grid;gap:3px;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--surface-soft)}.profile-stats strong{color:var(--text-strong);font-size:20px;font-variant-numeric:tabular-nums}.profile-stats span{color:var(--muted);font-size:9px}.auth-panel{max-width:620px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:8px;padding:4px;background:#edf3f0}.auth-tabs button{min-height:40px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-weight:800}.auth-tabs button.active{color:var(--brand-dark);background:#fff;box-shadow:var(--shadow-sm)}.auth-copy{display:grid;gap:5px}.auth-copy h2{margin:0;font-size:22px}.auth-copy p,.auth-footnote{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.auth-footnote{border-top:1px solid var(--line);padding-top:14px}.leaderboard-intro{align-items:end}.leaderboard-filter{display:grid;gap:5px;min-width:230px;color:var(--muted);font-size:10px;font-weight:800}.leaderboard-filter select{min-height:42px}.leaderboard-panel{overflow:hidden}.leaderboard-head{display:grid;grid-template-columns:minmax(0,1fr) 80px 80px 130px;gap:8px;border-bottom:1px solid var(--line);padding:10px 16px 10px 78px;color:var(--muted);background:var(--surface-soft);font-size:9px;font-weight:850;text-transform:uppercase}.leaderboard-head span:not(:first-child){text-align:right}.leaderboard-row{display:grid;grid-template-columns:32px 38px minmax(0,1fr) 80px 80px 130px;align-items:center;gap:8px;min-height:62px;border-bottom:1px solid #edf1ef;padding:8px 16px}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.top-1{background:#fffaf0}.leaderboard-row.top-2{background:#fafbfb}.leaderboard-row.top-3{background:#fff8f2}.leader-place{display:grid;place-items:center;color:var(--muted);font-size:11px;font-weight:900}.leader-place-1{color:#b27817}.leader-place-2{color:#75827b}.leader-place-3{color:#a76945}.leader-avatar{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.leader-name{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.leader-name small{display:block;margin-top:2px;overflow:hidden;color:var(--muted);font-size:8px;font-weight:500;text-overflow:ellipsis}.leader-games,.leader-wins,.leader-score{text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.leader-score{color:var(--brand-dark)}.leaderboard-loading,.leaderboard-empty{display:grid;place-items:center;gap:7px;min-height:220px;padding:24px;color:var(--muted);text-align:center}.leaderboard-empty strong{color:var(--text)}.leaderboard-empty span{max-width:420px;font-size:10px;line-height:1.5}.leaderboard-error{color:#8e3e41}.sound-controls{position:relative;display:flex;align-items:center;gap:3px}.sound-controls .icon-button{width:36px;min-width:36px;height:36px}.sound-master.sound-on{border-color:#abd3c1;color:var(--brand-dark);background:var(--brand-soft)}.sound-controls-screen{position:fixed;right:16px;bottom:16px;z-index:80}.sound-controls-screen .icon-button{color:#e6f3ed;border-color:#ffffff2e;background:#0c2019cc}.sound-settings{position:absolute;top:calc(100% + 9px);right:0;z-index:90;width:min(300px,calc(100vw - 24px));border:1px solid var(--line-strong);border-radius:8px;padding:14px;color:var(--text);background:#fff;box-shadow:var(--shadow-lg)}.sound-controls-screen .sound-settings{top:auto;bottom:calc(100% + 9px)}.sound-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sound-toggle{display:flex;align-items:center;gap:8px;color:var(--text);font-size:11px}.sound-toggle input{width:17px;min-height:17px;height:17px;margin-left:auto;padding:0;accent-color:var(--brand)}.sound-slider{display:grid;gap:4px;margin:9px 0 16px;color:var(--muted);font-size:9px}.sound-slider>span{display:flex;justify-content:space-between}.sound-slider input{min-height:18px;height:18px;padding:0;border:0;box-shadow:none;accent-color:var(--brand)}.sound-track{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:10px;font-size:8px;line-height:1.45}.sound-track a{color:var(--brand-dark);overflow-wrap:anywhere}.sound-error{margin:8px 0 0;color:var(--red);font-size:9px}.screen-stage{--screen-text: #f5fbf8;--screen-muted: #a8beb4;position:relative;min-height:100vh;overflow:hidden;padding:clamp(24px,2.2vw,44px);color:var(--screen-text);background:#0d1b17}.screen-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-top:6px solid var(--accent, var(--brand));opacity:.9}.screen-header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.screen-brand-block{display:grid;gap:5px}.screen-header .screen-mode-label{margin:0;color:var(--screen-muted);font-size:clamp(11px,.9vw,15px)}.screen-header .screen-mode-label .mode-emblem{border-color:#ffffff2b;background:#ffffff14}.screen-header strong{font-size:clamp(19px,1.55vw,30px)}.screen-code-block{display:grid;justify-items:end;gap:4px}.screen-code-block>span{color:var(--screen-muted);font-size:clamp(9px,.75vw,13px);text-transform:uppercase;letter-spacing:.08em}.screen-code{border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:8px 15px;color:#fff;background:#ffffff14;font-size:clamp(34px,3.6vw,62px);line-height:1;font-weight:950;letter-spacing:.1em;font-variant-numeric:tabular-nums}.screen-offline{position:fixed;top:16px;left:50%;z-index:100;display:flex;align-items:center;gap:8px;border-radius:999px;padding:9px 14px;color:#ffd9d7;background:#7b3033;font-size:12px;font-weight:800;transform:translate(-50%)}.screen-state-stage{display:grid;place-items:center}.screen-message{display:grid;place-items:center;gap:8px;color:var(--screen-muted);text-align:center}.screen-message h1{margin:0;color:#fff;font-size:clamp(28px,4vw,54px)}.screen-message p{margin:0}.screen-error{color:#ffc9c7}.screen-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);gap:clamp(28px,5vw,90px);align-items:center;min-height:calc(100vh - 120px);padding:20px 3vw 0}.screen-lobby-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,3vw,50px)}.screen-lobby-copy{min-width:0}.screen-kicker{color:#81d5b7;font-size:clamp(11px,.9vw,16px)}.screen-lobby-copy h1{margin:14px 0 12px;color:#fff;font-size:clamp(88px,11vw,188px);line-height:.83;letter-spacing:.08em}.screen-lobby-copy>p{max-width:700px;margin:0;color:var(--screen-muted);font-size:clamp(18px,1.6vw,30px);line-height:1.35}.screen-start-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:#d7e8e0;font-size:clamp(13px,1vw,18px)}.screen-invite{display:grid;justify-items:center;gap:10px;color:var(--screen-muted);font-size:clamp(10px,.8vw,14px);text-align:center}.screen-qr-frame{display:grid;place-items:center;border-radius:8px;padding:12px;background:#fff}.screen-qr-frame svg{width:clamp(145px,12vw,220px);height:auto}.screen-lobby-roster{display:grid;gap:16px;align-content:center;min-width:0;border-left:1px solid rgba(255,255,255,.13);padding-left:clamp(24px,3vw,50px)}.screen-roster-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.screen-roster-head strong{font-size:clamp(19px,1.8vw,30px)}.screen-roster-head span{color:var(--screen-muted);font-size:clamp(11px,.9vw,15px)}.screen-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.screen-player{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:10px 12px;background:#ffffff0f}.screen-player span{min-width:0;overflow:hidden;font-size:clamp(13px,1.1vw,20px);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.screen-player.is-offline{opacity:.48}.screen-stage .player-avatar{border-color:#ffffff26;color:#d6f5e7;background:#ffffff17}.screen-message.small{min-height:120px;border:1px dashed rgba(255,255,255,.18);border-radius:8px;padding:20px}.team-rosters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-roster{display:grid;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:14px;background:#ffffff0d}.team-roster h2{margin:0;font-size:clamp(15px,1.3vw,22px)}.team-roster h2 small{color:var(--screen-muted)}.team-roster-members{display:grid;gap:6px}.screen-stage .game-band{position:relative;z-index:2;max-width:1180px;margin:14px auto 0;border-color:#ffffff21;color:var(--screen-text);background:#ffffff0d}.screen-stage .game-status-line strong{color:#fff}.screen-stage .game-status-line>span,.screen-stage .mode-action-row,.screen-stage .chain-status,.screen-stage .club-status{color:var(--screen-muted)}.screen-stage .mode-action-row button{display:none}.screen-stage .prize-ladder>span{color:var(--screen-muted);background:#ffffff12}.screen-stage .prize-ladder .current{color:#0d1b17;background:#78d5b7}.screen-stage .prize-ladder .checkpoint{color:#ffe6a9;background:#d994242b}.screen-round{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;gap:clamp(16px,1.7vw,28px);min-height:calc(100vh - 185px);text-align:center}.screen-round-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,100%);color:var(--screen-muted);font-size:clamp(13px,1vw,18px)}.screen-round h1{max-width:1240px;margin:0;color:#fff;font-size:clamp(42px,5vw,86px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}.screen-round .timer{width:clamp(78px,6vw,112px);height:clamp(78px,6vw,112px);color:#fff;background:conic-gradient(#f1af42 var(--timer),rgba(255,255,255,.12) 0)}.screen-round .timer:after{top:8px;right:8px;bottom:8px;left:8px;background:#0d1b17}.screen-round .timer span{font-size:clamp(24px,2vw,38px)}.screen-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,1vw,16px);width:min(1180px,100%)}.screen-option{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:clamp(72px,7vw,112px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 20px;background:#ffffff0f;text-align:left}.screen-option-key{display:grid;place-items:center;width:44px;height:44px;border-radius:7px;color:#ffdfa1;background:#d9942429;font-size:clamp(16px,1.2vw,22px);font-weight:950}.screen-option-text{min-width:0;overflow-wrap:anywhere;color:#f5fbf8;font-size:clamp(19px,1.8vw,32px);font-weight:800;line-height:1.2}.screen-option>strong{color:#fff;font-size:clamp(22px,2vw,38px)}.screen-option.correct{border-color:#65c49f;background:#3ea47d38;box-shadow:inset 4px 0 #65c49f}.screen-stage .answer-progress{background:#ffffff1f}.screen-stage .answer-progress>span{background:#65c49f}.round-answer{max-width:960px;margin:0;color:#e6f4ee;font-size:clamp(17px,1.35vw,24px)}.round-explanation{max-width:960px;margin:0;color:var(--screen-muted);font-size:clamp(14px,1.05vw,20px);line-height:1.45}.screen-stage .question-board-section,.screen-stage .elimination-section{position:relative;z-index:2;max-width:1180px;margin:0 auto}.screen-stage .board-heading h2{color:#fff}.screen-stage .board-column{grid-template-rows:minmax(64px,auto) repeat(5,minmax(66px,8vh))}.screen-stage .board-column h3{color:var(--screen-muted);font-size:clamp(11px,.85vw,15px)}.screen-stage .board-cell{border-color:#63c59e57;color:#94e4c4;background:#46a9811c;font-size:clamp(20px,1.6vw,30px)}.screen-stage .board-cell.played{border-color:#ffffff0f;color:#ffffff40;background:#ffffff08}.screen-stage .elimination-section>p{color:var(--screen-muted)}.screen-stage .vote-option{border-color:#ffffff21;color:#fff;background:#ffffff0d}.screen-podium{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;gap:10px;min-height:calc(100vh - 135px);text-align:center}.screen-podium>svg{color:#f2b54e}.screen-podium h1{margin:5px 0 18px;color:#fff;font-size:clamp(54px,6vw,105px);line-height:.95;letter-spacing:-.045em}.screen-final-score{margin:0;font-size:clamp(54px,7vw,110px)}.podium-list,.screen-podium .team-score-list{display:grid;gap:9px;width:min(860px,100%)}.podium-row,.team-score-row{display:grid;grid-template-columns:52px auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 14px;background:#ffffff0f;text-align:left}.podium-row>span{color:var(--screen-muted);font-size:26px;font-weight:950}.podium-row>strong{min-width:0;overflow:hidden;font-size:clamp(18px,1.5vw,27px);text-overflow:ellipsis;white-space:nowrap}.podium-row>em{color:#79d7b4;font-size:clamp(18px,1.5vw,28px);font-style:normal;font-weight:950}.podium-1{border-color:#f2b54e8c;background:#d9942426}.team-score-list{display:grid;gap:8px;width:100%}.team-score-row{grid-template-columns:34px minmax(0,1fr) auto;min-height:62px;border-color:var(--line);color:var(--text);background:#fff}.team-score-row>span{font-size:18px;font-weight:900}.team-score-row>div{min-width:0}.team-score-row strong,.team-score-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-score-row strong{font-size:12px}.team-score-row small{margin-top:2px;color:var(--muted);font-size:9px}.team-score-row em{color:var(--brand-dark);font-style:normal;font-weight:900}.team-score-1{border-color:#e1c27d}.screen-podium .team-score-row{border-color:#ffffff24;color:#fff;background:#ffffff0f}.screen-podium .team-score-row small{color:var(--screen-muted)}.screen-podium .team-score-row em{color:#79d7b4}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.confetti{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;overflow:hidden}.confetti span{position:absolute;top:-20px;width:8px;height:16px;animation:confetti-fall 2.8s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-30px) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 980px){.page{width:min(100% - 28px,860px);padding-top:26px}.home-start{grid-template-columns:1fr}.hero-copy{min-height:270px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.session-settings,.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-layout{grid-template-columns:1fr}.side-panel{position:static}.host-control-dock{position:sticky;bottom:10px;z-index:20;margin-inline:-8px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fffffff5;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screen-lobby{grid-template-columns:1fr;align-content:center}.screen-lobby-roster{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:18px 0 0}}@media (max-width: 720px){.topbar-inner{width:calc(100% - 20px);min-height:60px}.offline-banner{top:60px}.brand-wordmark small{display:none}.topbar-nav>button{width:36px;padding:0}.topbar-nav>button span{display:none}.sound-controls .icon-button{width:34px;min-width:34px;height:34px}.home-page{gap:18px}.hero-copy,.join-panel,.creation-flow,.quiz-catalog{padding:20px}.flow-heading,.catalog-heading,.profile-intro{align-items:flex-start;flex-direction:column}.flow-note{align-self:flex-start}.mode-guide ol{grid-template-columns:1fr;gap:8px}.profile-benefits{grid-template-columns:repeat(2,auto);min-width:0}.leaderboard-filter{width:100%;min-width:0}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-head{display:none}.leaderboard-row{grid-template-columns:28px 36px minmax(0,1fr) auto;grid-template-areas:"place avatar name score" "place avatar meta meta";min-height:70px}.leader-place{grid-area:place}.leader-avatar,.leaderboard-row>.player-avatar{grid-area:avatar}.leader-name{grid-area:name}.leader-games{grid-area:meta;text-align:left;color:var(--muted);font-size:9px}.leader-games:before{content:"Игр: "}.leader-wins{grid-area:meta;margin-left:72px;text-align:left;color:var(--muted);font-size:9px}.leader-wins:before{content:"Побед: "}.leader-score{grid-area:score}}@media (max-width: 520px){.page{width:calc(100% - 20px);padding:18px 0 44px}.panel{box-shadow:none}.hero-copy{min-height:248px}.hero-copy h1{margin-top:14px;font-size:34px}.hero-copy>p{font-size:14px}.home-metrics{gap:11px 20px;margin-top:20px}.home-metrics strong{font-size:19px}.join-panel{gap:10px}.join-panel h2{font-size:22px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mode-option{min-height:142px;padding:11px}.mode-copy strong{font-size:12px}.mode-copy small{font-size:9px;-webkit-line-clamp:3}.mode-emblem{width:44px;height:44px}.mode-emblem svg{width:26px;height:26px}.mode-guide{padding:14px}.mode-guide-heading>span:not(.mode-emblem){display:none}.session-settings{grid-template-columns:1fr}.setting-card{min-height:92px}.quiz-grid{grid-template-columns:1fr}.quiz-card{min-height:230px}.catalog-empty{flex-direction:column;text-align:center}.catalog-empty .ghost-button{margin-left:0}.device-strip{grid-template-columns:1fr}.device-strip>div{min-height:58px}.join-card{padding:18px}.join-card h1{font-size:28px}.join-fields{grid-template-columns:1fr}.avatar-picker{grid-template-columns:repeat(4,1fr)}.avatar-choice{min-height:62px}.join-submit{min-height:56px}.player-top{padding:12px}.player-avatar-lg{width:48px;height:48px}.player-score span{font-size:21px}.lobby-hero{grid-template-columns:44px minmax(0,1fr)}.lobby-hero .mode-emblem{width:44px;height:44px}.lobby-hero h1{font-size:24px}.lobby-invite-row{align-items:flex-start;flex-direction:column}.lobby-roster,.vote-grid{grid-template-columns:1fr}.room-tools{width:100%;justify-content:space-between}.room-tools .icon-button{flex:1}.vote-heading{align-items:flex-start;flex-direction:column;gap:4px}.answer-card{padding:18px}.answer-card h1{font-size:28px}.timer{width:58px;height:58px}.timer span{font-size:17px}.answer-option{min-height:68px}.answer-option>strong{font-size:13px}.prize-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-action-row>span{flex-basis:100%}.mode-action-row .primary-button,.mode-action-row .ghost-button{flex:1}.elimination-options{grid-template-columns:1fr}.question-board{display:grid;grid-template-columns:1fr;gap:10px}.board-column{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:30px 52px;gap:5px}.board-column h3{grid-column:1 / -1;justify-items:start;padding:0;text-align:left}.board-cell{font-size:15px}.host-main,.side-panel{padding:15px}.host-header{align-items:flex-start;flex-direction:column}.host-header .room-tools{width:auto}.host-lobby-summary{grid-template-columns:1fr}.host-auto-note{grid-column:auto}.host-lobby-code>strong{font-size:30px}.host-question h2{font-size:30px}.host-controls{display:grid;grid-template-columns:1fr 1fr}.primary-host-action{grid-column:1 / -1;order:-1;width:100%;min-width:0}.control-button,.reset-button{min-width:0}.host-soundboard{justify-content:flex-end}.stats-grid{grid-template-columns:1fr}.profile-page,.leaderboard-page{width:calc(100% - 20px)}.profile-intro h1{font-size:32px}.profile-benefits{grid-template-columns:1fr}.profile-panel,.auth-panel{padding:18px}.profile-summary{align-items:flex-start}.profile-actions{display:grid;grid-template-columns:1fr}.profile-logout{margin-left:0}.qr-dialog{padding:20px 16px}}@media (min-width: 1400px){.screen-stage{padding-inline:52px}.screen-lobby{padding-inline:5vw}}.sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg: #f7f3fb;--surface: #ffffff;--surface-soft: #fbf8fe;--surface-strong: #f2eafd;--text: #2b1938;--text-strong: #16091f;--muted: #786a84;--line: #e7ddee;--line-strong: #d8c8e3;--brand: #7c3aed;--brand-dark: #5b21b6;--brand-soft: #f0e8ff;--mint: #11cbbf;--amber: #f5b82e;--amber-soft: #fff5d7;--red: #db3d63;--red-soft: #fff0f4;--blue: #268ee9;--blue-soft: #ebf5ff;--shadow-sm: 0 4px 18px rgba(58, 28, 78, .07);--shadow-md: 0 16px 40px rgba(59, 22, 87, .12);--shadow-lg: 0 30px 80px rgba(25, 6, 39, .22);--focus: #1769e0}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 7% 3%,rgba(124,58,237,.08),transparent 25rem),linear-gradient(#fbf8fd,#f6f1fa 60%,#fbf9fd)}.page{width:min(1420px,calc(100% - 48px))}#games,#quick-join,#how-it-works,#topics-title{scroll-margin-top:92px}.topbar{border-bottom:1px solid rgba(255,255,255,.08);background:#1c052bf0;box-shadow:0 8px 28px #16042029}.topbar-inner{width:min(1420px,calc(100% - 48px));min-height:72px}.brand-mark{color:#fff}.brand-logo{position:relative;display:inline-flex;align-items:center;min-width:158px;padding:3px 18px 9px 0}.brand-logo strong{position:relative;z-index:2;color:#fff;font-size:27px;line-height:1;font-weight:950;letter-spacing:-.055em}.brand-logo strong em{color:#ffd21e;font-style:normal}.brand-swoosh{position:absolute;left:29px;bottom:3px;width:94px;height:7px;border-radius:999px 20% 999px 30%;background:linear-gradient(90deg,#17d8e8,#ec2dbb 65%,#8b43ff);transform:rotate(-4deg) skew(-14deg);box-shadow:0 0 12px #ec2dbb59}.brand-spark{position:absolute;right:0;top:1px;color:#d947ff}.topbar-nav{gap:6px}.topbar-nav>button{min-height:42px;border-color:transparent;color:#f5eefd;background:transparent;font-size:13px}.topbar-nav>button:hover{border-color:#ffffff24;color:#fff;background:#ffffff14}.topbar-nav>button.is-active{border-color:#ffd21e57;color:#ffd21e;background:#ffd21e14}.topbar-nav>.profile-nav-button{border-color:#ffffff2e;padding-inline:13px}.topbar .sound-controls .icon-button{border-color:#ffffff24;color:#fff;background:#ffffff0f}.topbar .sound-controls .icon-button:hover{background:#ffffff1f}.offline-banner{top:72px;border-color:#ff76944d;color:#ffe3ea;background:#7d1738}.primary-button{background:linear-gradient(135deg,#7c3aed,#9d36e7);box-shadow:0 6px 16px #7c3aed38}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#8d2fd1);box-shadow:0 10px 22px #7c3aed45;transform:translateY(-1px)}.ghost-button{border-color:#d9c9e6;color:#3d2450;background:#fff}.ghost-button:hover:not(:disabled){border-color:#bda4d4;color:var(--brand-dark);background:#faf5ff}.step-kicker,.eyebrow{color:#7b35d4}.home-page{gap:22px;padding-top:22px}.home-start{position:relative;display:grid;grid-template-columns:minmax(460px,.88fr) minmax(600px,1.42fr);min-height:606px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:radial-gradient(circle at 54% 35%,rgba(132,56,226,.36),transparent 24rem),radial-gradient(circle at 10% 10%,rgba(222,38,187,.18),transparent 21rem),#1b0729;box-shadow:0 32px 90px #24083340}.home-start:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;pointer-events:none;background:linear-gradient(transparent,#12041fb8);z-index:2}.hero-copy,.home-start .hero-copy{position:relative;z-index:5;display:flex;min-height:606px;border:0;border-radius:0;padding:58px 28px 34px 46px;color:#fff;background:linear-gradient(90deg,#1b0729fa,#1b0729f5 73%,#1b072933);box-shadow:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 11px;color:#f4dfff;background:#ffffff13;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.hero-copy h1{max-width:590px;margin:20px 0 18px;color:#fff;font-size:clamp(48px,4.2vw,67px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.hero-copy h1>span{display:block}.hero-copy h1 em{display:block;color:#ffd21e;font-style:normal}.hero-copy>p{max-width:590px;color:#d9cbe4;font-size:17px;line-height:1.58}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-primary,.hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;border-radius:8px;padding:0 22px;font-weight:900;transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.hero-primary{border:1px solid #ffd21e;color:#271033;background:#ffd21e;box-shadow:0 12px 28px #ffd21e38}.hero-primary:hover{background:#ffe25b;box-shadow:0 16px 34px #ffd21e4d;transform:translateY(-2px)}.hero-secondary{border:1px solid rgba(255,255,255,.2);color:#fff;background:#7b26bf75;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-secondary:hover{border-color:#ffffff57;background:#9637dc94;transform:translateY(-2px)}.hero-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;max-width:560px;margin-top:27px}.hero-benefits>span{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon title" "icon sub";align-items:center;gap:1px 8px;min-width:0;color:#fff}.hero-benefits svg{grid-area:icon;color:#ef35b7}.hero-benefits>span:nth-child(2) svg{color:#24d9ea}.hero-benefits>span:nth-child(3) svg{color:#ffd21e}.hero-benefits>span:nth-child(4) svg{color:#4de6a0}.hero-benefits strong{grid-area:title;font-size:12px}.hero-benefits small{grid-area:sub;color:#a994bb;font-size:10px}.hero-copy .connection-line{margin-top:auto;padding-top:24px;color:#d9cbe4}.hero-copy .connection-line.is-online{color:#6ff2bd}.hero-copy .connection-line.is-offline{color:#ff9eb4}.hero-showcase{position:relative;min-width:0;min-height:606px;background:#2b0a3c}.hero-showcase img{width:100%;height:100%;min-height:606px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;filter:saturate(1.05) contrast(1.02)}.hero-showcase-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(27,7,41,.7) 0%,transparent 22%,transparent 77%,rgba(27,7,41,.08) 100%),linear-gradient(0deg,rgba(27,7,41,.32),transparent 35%)}.hero-live-pill{position:absolute;top:22px;right:22px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 11px;color:#fff;background:#1304209e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;font-weight:900;letter-spacing:.08em}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff3e71;box-shadow:0 0 0 4px #ff3e712e,0 0 16px #ff3e71cc;animation:livePulse 1.6s ease-in-out infinite}.hero-stat-card{position:absolute;right:22px;bottom:20px;z-index:4;display:grid;grid-template-columns:auto auto 1px auto auto;align-items:baseline;gap:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:11px 14px;color:#fff;background:#160523c2;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);box-shadow:0 14px 35px #00000038}.hero-stat-card strong{font-size:18px}.hero-stat-card span{color:#cdbbdc;font-size:10px}.hero-stat-card i{width:1px;height:28px;background:#ffffff29}@keyframes livePulse{50%{opacity:.55;transform:scale(.82)}}.hero-category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:-4px}.hero-category{display:flex;align-items:center;gap:9px;min-height:66px;min-width:0;overflow:hidden;border:0;border-radius:8px;padding:11px 13px;color:#fff;text-align:left;box-shadow:0 10px 22px #3211451f;transition:transform .12s ease,filter .14s ease,box-shadow .14s ease}.hero-category:hover{filter:brightness(1.07) saturate(1.08);transform:translateY(-2px);box-shadow:0 14px 28px #3211452e}.hero-category svg{flex:0 0 auto}.hero-category span{min-width:0;overflow:hidden;font-size:11px;font-weight:900;line-height:1.18;text-overflow:ellipsis}.hero-category-pink{background:linear-gradient(135deg,#f226a7,#a71bd3)}.hero-category-cyan{background:linear-gradient(135deg,#10c6cd,#0983d0)}.hero-category-blue{background:linear-gradient(135deg,#2389f4,#5d4fe9)}.hero-category-violet{background:linear-gradient(135deg,#943ff0,#dd37bd)}.hero-category-orange{background:linear-gradient(135deg,#ff9b25,#f05b35)}.hero-category-green{background:linear-gradient(135deg,#12c4a4,#0b9dbe)}.home-quick-join{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(530px,1.18fr);align-items:center;gap:28px;border-top:0;padding:22px 26px;background:linear-gradient(120deg,#fff,#fbf7ff);box-shadow:var(--shadow-md)}.home-quick-join .join-panel-head{margin:0}.home-quick-join .join-panel-head h2{font-size:24px}.home-quick-join .join-panel-head p{max-width:550px;font-size:12px}.quick-join-controls{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(330px,1.3fr);align-items:end;gap:12px}.quick-code-field{display:grid;gap:5px}.quick-code-field>span{color:var(--text);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.quick-code-field small{color:var(--muted);font-size:9px}.home-quick-join .room-code-input{min-height:52px;border-width:2px;border-color:#d4bceb;color:#311346;background:#fff;font-size:24px}.home-quick-join .room-code-input:focus{border-color:#8b45de;box-shadow:0 0 0 4px #7c3aed1f}.home-quick-join .join-actions{grid-template-columns:1fr 1fr;margin:0}.home-quick-join .join-actions .primary-button,.home-quick-join .join-actions .ghost-button{min-height:52px}.creation-flow,.quiz-catalog{border-color:#e6d9ef;box-shadow:0 14px 36px #3d1c5214}.flow-heading h2,.catalog-heading h2{font-size:30px}.mode-grid{gap:11px}.mode-option{position:relative;overflow:hidden;min-height:174px;border-color:#e8dff0;background:#fcf9ff}.mode-option:after{content:"";position:absolute;right:-26px;top:-28px;width:82px;height:82px;border-radius:50%;background:color-mix(in srgb,var(--mode-color, #7c3aed) 10%,transparent);pointer-events:none}.mode-option:hover{border-color:#cdb2e2;background:#fff;box-shadow:0 12px 25px #4f25661a;transform:translateY(-2px)}.mode-option.selected{border-color:#8b45de;background:#faf4ff;box-shadow:inset 0 0 0 2px #7c3aed1a,0 10px 24px #7c3aed1a}.mode-option.selected:before{content:"Выбрано";position:absolute;top:9px;right:9px;border-radius:999px;padding:4px 6px;color:#fff;background:#7c3aed;font-size:8px;font-weight:900;letter-spacing:.03em}.mode-copy strong{font-size:15px}.mode-emblem{box-shadow:inset 0 -3px 10px color-mix(in srgb,var(--mode-color) 9%,transparent)}.mode-emblem-classic{--mode-color: #0fc3a3}.mode-emblem-sprint{--mode-color: #ff9f2d}.mode-emblem-teams{--mode-color: #16a6df}.mode-emblem-millionaire{--mode-color: #a54de2}.mode-emblem-board{--mode-color: #4a72ed}.mode-emblem-experts{--mode-color: #e79b3e}.mode-emblem-smartest{--mode-color: #e86c30}.mode-emblem-weakest{--mode-color: #e3446e}.mode-emblem-lucky{--mode-color: #45ba66}.mode-emblem-marathon{--mode-color: #715ee6}.mode-guide{border-color:#e6d9ef;background:linear-gradient(135deg,#fbf7ff,#fff)}.mode-guide li::marker{color:#a23bd7}.setting-card{border-color:#e8dff0;background:#fcf9ff}.switch-card input:checked{border-color:#7c3aed;background:#7c3aed}.quiz-grid{gap:13px}.quiz-card{position:relative;overflow:hidden;min-height:270px;border:0;border-top:0;padding:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,#fff),#fff 54%);box-shadow:0 10px 26px #421c551a}.quiz-card:before{content:"";position:absolute;right:-44px;top:-44px;width:145px;height:145px;border-radius:50%;background:color-mix(in srgb,var(--accent) 24%,transparent);filter:blur(2px)}.quiz-card:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--accent)}.quiz-card>*{position:relative;z-index:2}.quiz-card:hover{border-color:transparent;box-shadow:0 20px 40px #431b5826;transform:translateY(-4px)}.quiz-glyph{width:52px;height:52px;border:0;color:#fff;background:var(--accent);box-shadow:0 9px 18px color-mix(in srgb,var(--accent) 28%,transparent)}.quiz-card h3{font-size:22px}.quiz-question-count{color:#fff;background:color-mix(in srgb,var(--accent) 80%,#44204e)}.quiz-card .primary-button{background:color-mix(in srgb,var(--accent) 86%,#5b1b7d)}.quiz-card .primary-button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 72%,#3a0f55)}.quiz-card-skeleton{background:#fff}.device-strip>div{border-color:#e6d9ef;background:linear-gradient(135deg,#fff,#fbf7ff);box-shadow:var(--shadow-sm)}.device-strip svg{color:#8d39d3}.play-page,.profile-page,.leaderboard-page,.host-page{padding-top:30px}.panel,.join-card,.play-state,.player-top,.profile-panel,.auth-panel,.leaderboard-panel,.host-main,.side-panel{border-color:#e4d9ec;box-shadow:0 12px 34px #3a194d14}.join-card,.profile-panel,.auth-panel,.host-main,.side-panel{background:#fffffff7}.player-score span,.host-lobby-code>strong{color:#6e2cc1}.player-count-pill{color:#5e24ad;background:#efe5fb}.screen-stage{--screen-text: #fff8ff;--screen-muted: #c5afd0;background:radial-gradient(circle at 50% 14%,#311151,#160622 44%,#0c0312)}.screen-stage:before{border-top-color:var(--accent, #d53fb9)}.screen-kicker{color:#40e0cd}.screen-round .timer{background:conic-gradient(#ffd21e var(--timer),rgba(255,255,255,.12) 0)}.screen-round .timer:after{background:#170624}.screen-option-key{color:#261032;background:#ffd21e}.screen-option.correct{border-color:#42dfae;background:#22ce9333;box-shadow:inset 4px 0 #42dfae}.screen-stage .answer-progress>span{background:linear-gradient(90deg,#2edfc8,#8e49ef)}.screen-stage .prize-ladder .current{color:#1c0b27;background:#ffd21e}@media (max-width: 1180px){.home-start{grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);min-height:560px}.hero-copy,.home-start .hero-copy{min-height:560px;padding-left:34px}.hero-copy h1{font-size:clamp(43px,5vw,59px)}.hero-showcase,.hero-showcase img{min-height:560px}.hero-category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.home-quick-join{grid-template-columns:1fr}.quick-join-controls{grid-template-columns:.72fr 1.28fr}}@media (max-width: 980px){.page,.topbar-inner{width:min(100% - 28px,860px)}.home-start{grid-template-columns:1fr;min-height:auto}.hero-copy,.home-start .hero-copy{min-height:auto;padding:42px 34px 34px;background:linear-gradient(180deg,#1b0729fa,#1b0729e6)}.hero-copy h1{max-width:720px;font-size:clamp(44px,7vw,62px)}.hero-copy>p{max-width:680px}.hero-showcase,.hero-showcase img{min-height:440px}.home-start:after{display:none}}@media (max-width: 720px){.topbar-inner{width:calc(100% - 20px);min-height:62px}.offline-banner{top:62px}.brand-logo{min-width:130px}.brand-logo strong{font-size:23px}.brand-swoosh{left:24px;width:80px}.topbar-nav-main>button{width:36px;padding:0}.topbar-nav-main>.profile-nav-button{padding:0}.home-page{gap:15px;padding-top:14px}.hero-copy,.home-start .hero-copy{padding:34px 24px 28px}.hero-copy h1{margin-top:16px;font-size:clamp(38px,10vw,52px)}.hero-copy>p{font-size:15px}.hero-actions>button{flex:1 1 210px}.hero-benefits{grid-template-columns:1fr 1fr}.hero-showcase,.hero-showcase img{min-height:340px}.hero-showcase img{-o-object-position:50% 45%;object-position:50% 45%}.hero-stat-card{right:12px;bottom:12px}.hero-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-join{padding:20px}.quick-join-controls{grid-template-columns:1fr}.home-quick-join .join-actions{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.topbar-inner{gap:6px}.brand-logo{min-width:112px;padding-right:10px}.brand-logo strong{font-size:22px}.brand-swoosh{left:23px;width:74px}.brand-spark{right:0}.topbar-nav{gap:2px}.topbar-nav-main>button{width:32px;min-width:32px}.sound-controls{gap:2px}.sound-controls .icon-button{width:32px;min-width:32px;height:34px}.page{width:calc(100% - 20px)}.home-start{border-radius:8px}.hero-copy,.home-start .hero-copy{padding:28px 18px 24px}.hero-badge{font-size:9px}.hero-copy h1{font-size:38px;line-height:1}.hero-copy>p{font-size:14px;line-height:1.5}.hero-actions{margin-top:22px}.hero-primary,.hero-secondary{min-height:52px;width:100%}.hero-benefits{grid-template-columns:1fr;gap:10px}.hero-benefits>span{grid-template-columns:27px minmax(0,1fr)}.hero-showcase{min-height:260px}.hero-showcase img{min-height:260px;-o-object-position:53% 42%;object-position:53% 42%}.hero-live-pill{top:10px;right:10px}.hero-stat-card{grid-template-columns:auto auto 1px auto auto;padding:8px 10px}.hero-stat-card strong{font-size:15px}.hero-category{min-height:58px;padding:9px 10px}.hero-category span{font-size:10px}.home-quick-join .join-actions{grid-template-columns:1fr}.flow-heading h2,.catalog-heading h2{font-size:25px}.mode-option.selected:before{display:none}}.join-card{position:relative;overflow:hidden}.join-card:before,.profile-panel:before,.auth-panel:before,.host-main:before,.side-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#18d3d1,#8b42e9 52%,#ef3fb0 78%,#ffd21e)}.join-card,.profile-panel,.auth-panel,.host-main,.side-panel{position:relative;overflow:hidden}.avatar-choice:hover{border-color:#bf9ee0;background:#faf4ff}.avatar-choice.active{border-color:#8240d1;background:#f2e8ff;box-shadow:inset 0 0 0 1px #8240d1}.inline-room-code{color:#732bc2}.lobby-invite-row{border-color:#e4d7ed;background:linear-gradient(135deg,#fbf7ff,#fff)}.lobby-waiting{border-color:#bfe8e2;color:#176d66;background:#effcf9}.lobby-waiting.is-owner{border-color:#d7c0ee;color:#5d2b93;background:#f8f1ff}.lobby-player,.vote-option,.game-band,.answer-option,.player-row{border-color:#e6dced}.vote-option:hover:not(:disabled),.answer-option:hover:not(:disabled){border-color:#af7fd6;background:#faf5ff;box-shadow:0 6px 15px #7532a114}.vote-option.selected{border-color:#7c3aed;background:#f1e8ff;box-shadow:inset 3px 0 #7c3aed}.answer-option>span{color:#4a1b64;background:#f2e7ff}.answer-option:nth-child(2n)>span{color:#075d71;background:#e2fbff}.answer-option:nth-child(3n)>span{color:#7a5400;background:#fff2bf}.answer-option:nth-child(4n)>span{color:#8b1744;background:#ffe4ef}.prize-ladder .current{color:#fff;background:linear-gradient(135deg,#7c3aed,#cb39c1)}.timer{--timer-color: #ffbd29}.player-avatar{border-color:#d8c5e8;color:#6f2abd;background:#f0e6fb}.host-lobby-code{border-color:#d8c1ef;background:linear-gradient(135deg,#f7efff,#fff)}.host-lobby-ready{border-color:#c2e8e2;background:#f0fbf8}.host-auto-note{border-color:#d9c9ee;color:#57307d;background:#faf5ff}.host-question h2{color:#1f0a2d}.host-answer-note{border-left-color:#8a3ddb}.stat-correct{border-color:#a6e3d2;color:#126857;background:#effcf8}.player-row.is-me{border-color:#c7a7e1;background:#f9f2ff}.profile-benefits span{color:#65447a}.profile-stats div{border-color:#e5d9ed;background:linear-gradient(135deg,#fcf9ff,#fff)}.auth-tabs{background:#f0e8f7}.auth-tabs button.active{color:#6a28b8}.leaderboard-row.top-1{background:linear-gradient(90deg,#fff8db,#fffdf4)}.leaderboard-row.top-2{background:linear-gradient(90deg,#f6f1fa,#fff)}.leaderboard-row.top-3{background:linear-gradient(90deg,#fff0e8,#fff9f5)}.leader-score{color:#6f2abd}@media (max-width: 980px){.host-control-dock{border-color:#decfea;background:#fffffff7}}.screen-stage{isolation:isolate;min-height:100dvh}.screen-scene{position:relative;z-index:2;min-height:calc(100dvh - 94px)}.show-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.9}.show-atmosphere i{position:absolute;display:block;border-radius:999px;filter:blur(60px);opacity:.26;animation:show-float 11s ease-in-out infinite alternate}.show-atmosphere i:nth-child(1){width:38vw;height:38vw;left:-9vw;top:10vh;background:var(--show-accent)}.show-atmosphere i:nth-child(2){width:32vw;height:32vw;right:-8vw;top:2vh;background:var(--show-accent-2);animation-delay:-3s}.show-atmosphere i:nth-child(3){width:26vw;height:26vw;left:38vw;bottom:-16vw;background:var(--show-accent);animation-delay:-6s}@keyframes show-float{to{transform:translate3d(5vw,-2vh,0) scale(1.08)}}.screen-stage-classic{background:radial-gradient(circle at 18% 12%,#3d1266 0,#180724 45%,#09020f)}.screen-stage-sprint{background:linear-gradient(118deg,#26051e,#4b062c 42%,#150719)}.screen-stage-sprint:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.12;background:repeating-linear-gradient(115deg,transparent 0 28px,rgba(255,255,255,.28) 29px 31px,transparent 32px 64px);transform:translate(-6%)}.screen-stage-teams{background:linear-gradient(90deg,#07182d 0,#07182d 49.7%,#250a2e 50.3%,#250a2e)}.screen-stage-millionaire{background:radial-gradient(circle at 50% 28%,#27204d,#0c1027 42%,#050711)}.screen-stage-board{background:radial-gradient(circle at 50% 20%,#102d57,#091427 48%,#030811)}.screen-stage-experts{background:radial-gradient(ellipse at center,#261c19,#17100f 48%,#090606)}.screen-stage-smartest{background:linear-gradient(145deg,#36110a,#2a0c25 52%,#12081d)}.screen-stage-weakest{background:radial-gradient(circle at 50% 10%,#451126,#1c0711 48%,#080306)}.screen-stage-lucky{background:radial-gradient(circle at 72% 18%,#164b31,#101f1a 42%,#07100d)}.screen-stage-marathon{background:linear-gradient(135deg,#10133e,#27104c 52%,#110718)}.screen-stage-millionaire .show-atmosphere i,.screen-stage-experts .show-atmosphere i{opacity:.16}.screen-stage-sprint .show-atmosphere i{filter:blur(36px);opacity:.34}.screen-stage-teams .show-atmosphere i:nth-child(1){left:-15vw;background:#24cfff}.screen-stage-teams .show-atmosphere i:nth-child(2){right:-15vw;background:#ff42b1}.show-hud{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(1180px,100%);margin:10px auto 0;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:10px 13px;color:#fff;background:#0c05146b;box-shadow:inset 0 1px #ffffff0d,0 18px 55px #0000001f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.show-hud-main{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;min-width:0}.show-hud-title{display:flex;align-items:center;gap:8px;min-width:0}.show-hud-title svg{color:var(--show-accent-2)}.show-hud-title span{color:#d7c8df;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.show-hud-title strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.show-hud-progress{width:100%;height:4px;overflow:hidden;border-radius:99px;background:#ffffff14}.show-hud-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--show-accent),var(--show-accent-2));box-shadow:0 0 18px var(--show-accent);transition:width .35s ease}.show-hud-stat{display:grid;justify-items:end;gap:1px;min-width:86px}.show-hud-stat span{color:#bfaec9;font-size:9px;font-weight:800;text-transform:uppercase}.show-hud-stat strong{font-size:19px;line-height:1}.show-hud-stat.hot strong{color:#ff7ab9}.show-hud-stat.gold strong{color:#ffd957}.show-hud-stat.lucky strong{color:#6cf29b}.show-team-mini,.show-chain-mini,.show-duel-score{display:flex;align-items:center;gap:8px}.show-team-mini>span,.show-chain-mini>span{display:grid;gap:1px;min-width:86px;border-radius:9px;padding:7px 9px;background:#ffffff12}.show-team-mini small,.show-chain-mini span{color:#cbbcd3;font-size:9px}.show-team-mini strong,.show-chain-mini strong{color:#fff;font-size:14px}.show-duel-score{min-width:250px;justify-content:flex-end}.show-duel-score>strong{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#1b1013;background:#f4b14e;font-size:22px}.show-duel-score>strong:last-child{background:#bd72ff}.show-duel-score span{color:#d7c8df;font-size:10px;font-weight:800;text-transform:uppercase}.screen-round{min-height:calc(100dvh - 196px)}.screen-round.is-reveal{gap:clamp(10px,1.2vw,18px)}.screen-round-topline{position:relative;z-index:1}.screen-reveal-banner{display:grid;justify-items:center;gap:4px;width:min(980px,100%);border:1px solid color-mix(in srgb,var(--show-accent) 46%,rgba(255,255,255,.16));border-radius:13px;padding:9px 16px 11px;background:linear-gradient(90deg,color-mix(in srgb,var(--show-accent) 19%,rgba(13,5,19,.78)),color-mix(in srgb,var(--show-accent-2) 15%,rgba(13,5,19,.78)));box-shadow:0 0 50px color-mix(in srgb,var(--show-accent) 16%,transparent)}.screen-reveal-banner span{color:#d9c9e2;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.screen-reveal-banner strong{color:#fff;font-size:clamp(20px,2.2vw,34px);line-height:1.1;text-align:center;text-wrap:balance}.screen-option{position:relative;overflow:hidden}.screen-option:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--show-accent),transparent);opacity:.35}.screen-option.picked-wrong{opacity:.56;border-color:#ff71913d}.screen-instant-reveal{margin-top:-4px;color:#7ff0ce;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.screen-autohost .screen-header{opacity:.92}.screen-autohost.screen-status-round .screen-header{opacity:.8}.screen-autohost .screen-code-block>span:before{content:"● ";color:#63ef9b}.screen-stage-sprint .screen-option{border-radius:5px;transform:skew(-1deg);background:linear-gradient(90deg,#ff30841a,#ffffff0d)}.screen-stage-teams .screen-option:nth-child(odd){box-shadow:inset 4px 0 #27cfff}.screen-stage-teams .screen-option:nth-child(2n){box-shadow:inset 4px 0 #ff43b3}.screen-stage-millionaire .screen-option{border-color:#ffd54640;background:linear-gradient(135deg,#ffd21e12,#ffffff09)}.screen-stage-board .screen-option{border-radius:3px;border-color:#4490ff57;background:#174e9330}.screen-stage-experts .screen-option{border-radius:999px;padding-inline:26px}.screen-stage-smartest .screen-option{border-top:3px solid var(--show-accent)}.screen-stage-weakest .screen-option{background:linear-gradient(90deg,#ff38631a,#ffffff08)}.screen-stage-lucky .screen-option{border-radius:18px;background:linear-gradient(135deg,#39d66f1f,#ffd21e0d)}.screen-stage-marathon .screen-option{border-color:#8c5eff59;background:linear-gradient(135deg,#704eff1f,#ff48b50f)}.player-owner-tools.is-auto-owner{justify-content:stretch}.auto-owner-status{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #d7c4eb;border-radius:9px;padding:9px 11px;color:#5f2c91;background:linear-gradient(90deg,#f8efff,#effdfa)}.auto-owner-status>svg{flex:0 0 auto;color:#8a3eda}.auto-owner-status>span{display:grid;gap:1px;min-width:0}.auto-owner-status strong{font-size:11px}.auto-owner-status small{color:#735a83;font-size:9px;line-height:1.35}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){html,body,#root,.app{min-height:100dvh}.app-play .topbar{display:none}.app-play .offline-banner{top:0}.app-play .play-page{width:100%;max-width:none;margin:0;padding:6px 8px 8px}.app-play .play-join-page{display:grid;place-items:center;min-height:100dvh;padding:8px}.app-play .join-card{width:min(820px,100%);grid-template-columns:minmax(210px,.78fr) minmax(0,1.22fr);gap:10px 16px;padding:12px 14px}.app-play .join-card-head,.app-play .join-card>.notice,.app-play .join-submit,.app-play .join-privacy{grid-column:1}.app-play .join-fields,.app-play .avatar-fieldset{grid-column:2}.app-play .join-fields{grid-template-columns:.7fr 1.3fr;gap:8px}.app-play .join-card h1{font-size:24px}.app-play .join-card-head p,.app-play .join-privacy{font-size:9px}.app-play .avatar-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.app-play .avatar-choice{min-height:46px}.app-play .join-submit{min-height:44px}.app-play .player-owner-tools{margin-bottom:4px}.app-play .auto-owner-status{min-height:34px;padding:5px 9px}.app-play .auto-owner-status small{display:none}.app-play .player-top{margin-bottom:5px;padding:6px 9px;border-radius:7px}.app-play .player-top .player-avatar{width:34px;height:34px}.app-play .player-identity strong{font-size:11px}.app-play .player-identity span,.app-play .player-score small{font-size:8px}.app-play .player-score span{font-size:18px}.app-play .game-band{gap:4px;margin:4px 0;padding:5px 8px;border-radius:7px}.app-play .game-status-line{gap:5px 7px}.app-play .game-status-line strong{font-size:10px}.app-play .game-status-line>span{font-size:8px}.app-play .game-band .club-status{font-size:8px;line-height:1.2}.app-play .prize-ladder{grid-template-columns:repeat(8,minmax(0,1fr));max-height:42px;overflow:hidden}.app-play .prize-ladder>span{padding:3px 4px;font-size:7px}.app-play .mode-action-row,.app-play .chain-status{gap:5px;font-size:8px}.app-play .mode-action-row .primary-button,.app-play .mode-action-row .ghost-button,.app-play .chain-status .ghost-button{min-height:30px;padding-inline:8px;font-size:8px}.app-play .answer-card{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:7px 12px;min-height:0;padding:8px 10px}.app-play .answer-head{grid-column:1 / -1;min-height:32px}.app-play .answer-head .timer{width:38px;height:38px}.app-play .answer-head .timer:after{top:4px;right:4px;bottom:4px;left:4px}.app-play .answer-head .timer span{font-size:11px}.app-play .answer-card>h1{grid-column:1;align-self:center;max-height:54vh;overflow:auto;margin:0;font-size:clamp(18px,5.3vh,27px);line-height:1.08;text-wrap:balance}.app-play .answer-card>.option-answer,.app-play .answer-card>.text-answer,.app-play .answer-card>.answered-state{grid-column:2;align-self:center}.app-play .option-answer{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.app-play .answer-option{grid-template-columns:28px minmax(0,1fr);gap:7px;min-height:52px;padding:6px 8px}.app-play .answer-option>span{width:27px;height:27px;font-size:9px}.app-play .answer-option>strong{font-size:10px;line-height:1.2}.app-play .text-answer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.app-play .text-answer .notice{grid-column:1 / -1}.app-play .text-answer input{min-height:42px}.app-play .text-answer .primary-button{min-height:42px;white-space:nowrap}.app-play .wager-control{grid-column:1 / -1}.app-play .answered-state{min-height:0;padding:10px}.app-play .answered-state svg{width:32px;height:32px}.app-play .answered-state h2{margin:3px 0;font-size:17px}.app-play .answered-state p{margin:0;font-size:9px}.app-play .reveal-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;min-height:0;padding:10px 14px}.app-play .reveal-card .reveal-icon{grid-row:1 / span 5}.app-play .reveal-card h1{margin:0;font-size:24px}.app-play .reveal-card p,.app-play .reveal-wait{margin:0;font-size:9px}.app-play .play-state.lobby-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px 12px;padding:10px 12px}.app-play .lobby-hero,.app-play .lobby-invite-row,.app-play .lobby-waiting,.app-play .lobby-start-button{grid-column:1}.app-play .lobby-roster,.app-play .vote-section{grid-column:2}.app-play .lobby-hero h1{font-size:20px}.app-play .lobby-hero p{font-size:9px}.app-play .lobby-roster{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.app-play .vote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-play .vote-option{min-height:44px}.app-play .vote-heading h2{font-size:13px}.app-play .vote-heading>span{display:none}.app-play .question-board-section,.app-play .elimination-section{padding:6px 0}.app-play .question-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.app-play .board-column{gap:4px}.app-play .board-column h3{min-height:30px;padding:4px;font-size:8px}.app-play .board-cell{min-height:38px;font-size:13px}}@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px){.screen-stage{min-height:100dvh;padding:10px 14px}.screen-stage:before{border-top-width:3px}.screen-header{min-height:40px}.screen-brand-block strong{font-size:12px}.screen-mode-label{font-size:8px}.screen-code-block>span{display:none}.screen-code{font-size:20px}.screen-scene{min-height:calc(100dvh - 48px)}.show-hud{margin-top:4px;padding:5px 8px;border-radius:8px}.show-hud-title span{display:none}.show-hud-title strong{font-size:9px}.show-hud-progress{height:3px}.show-hud-stat{min-width:58px}.show-hud-stat span{font-size:7px}.show-hud-stat strong{font-size:13px}.show-team-mini>span,.show-chain-mini>span{min-width:62px;padding:4px 6px}.show-duel-score{min-width:170px}.show-duel-score>strong{width:28px;height:28px;font-size:15px}.show-duel-score span{font-size:7px}.screen-round{align-content:center;gap:7px;min-height:calc(100dvh - 94px);padding-bottom:2px}.screen-round-topline{font-size:8px}.screen-round h1{max-width:95vw;font-size:clamp(22px,7.3vh,34px);line-height:1.02}.screen-round .timer{width:46px;height:46px}.screen-round .timer:after{top:5px;right:5px;bottom:5px;left:5px}.screen-round .timer span{font-size:14px}.screen-options{gap:5px;width:min(900px,100%)}.screen-option{grid-template-columns:30px minmax(0,1fr) auto;gap:7px;min-height:45px;padding:5px 9px;border-radius:6px}.screen-option-key{width:27px;height:27px;font-size:9px}.screen-option-text{font-size:clamp(11px,2.5vh,15px)}.screen-option>strong{font-size:13px}.answer-progress.large{height:4px}.screen-reveal-banner{gap:1px;padding:5px 9px}.screen-reveal-banner span{font-size:7px}.screen-reveal-banner strong{font-size:15px}.screen-round .round-explanation{max-width:90vw;margin:0;font-size:8px;line-height:1.25}.screen-lobby{min-height:calc(100dvh - 50px);gap:10px}.screen-lobby-copy h1{font-size:44px}.screen-qr-frame svg{width:110px;height:110px}.screen-stage .question-board-section,.screen-stage .elimination-section{margin-top:6px}.screen-stage .board-column{grid-template-rows:minmax(34px,auto) repeat(5,minmax(34px,1fr))}.screen-stage .board-cell{font-size:14px}}@media (prefers-reduced-motion: reduce){.show-atmosphere i{animation:none}}.play-mode-classic{--phone-mode: #7c3aed;--phone-mode-soft: #f2e9ff}.play-mode-sprint{--phone-mode: #ed2f86;--phone-mode-soft: #ffe7f2}.play-mode-teams{--phone-mode: #138dc7;--phone-mode-soft: #e7f7ff}.play-mode-millionaire{--phone-mode: #b47a00;--phone-mode-soft: #fff4cc}.play-mode-board{--phone-mode: #3f67d8;--phone-mode-soft: #eaf0ff}.play-mode-experts{--phone-mode: #a96817;--phone-mode-soft: #fff0dc}.play-mode-smartest{--phone-mode: #d2541d;--phone-mode-soft: #ffeadf}.play-mode-weakest{--phone-mode: #ca2f5d;--phone-mode-soft: #ffe6ef}.play-mode-lucky{--phone-mode: #168e48;--phone-mode-soft: #e6f9ed}.play-mode-marathon{--phone-mode: #5b4bd6;--phone-mode-soft: #eceaff}.play-page[class*=play-mode-] .game-band{border-left:4px solid var(--phone-mode);background:linear-gradient(110deg,var(--phone-mode-soft),#fff 58%)}.play-page[class*=play-mode-] .answer-card{border-top:4px solid var(--phone-mode)}.play-page[class*=play-mode-] .answer-option:hover:not(:disabled){border-color:var(--phone-mode)}.play-page[class*=play-mode-] .answer-option>span{color:var(--phone-mode);background:var(--phone-mode-soft)}.play-mode-sprint .answer-option{border-radius:5px}.play-mode-millionaire .answer-option{border-color:#dec98c}.play-mode-board .answer-option{border-radius:3px}.play-mode-lucky .answer-option{border-radius:14px}.player-owner-tools:empty{display:none;margin:0}.show-millionaire-cluster{display:flex;align-items:center;gap:10px}.show-mini-ladder{display:grid;grid-template-columns:repeat(15,16px);gap:2px}.show-mini-ladder>span{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;color:#837b9d;background:#ffffff0f;font-size:7px;font-weight:900}.show-mini-ladder>span.checkpoint{color:#f6cb56;background:#f6cb561f}.show-mini-ladder>span.current{color:#161020;background:#ffd957;box-shadow:0 0 16px #ffd95773}@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px){.show-mini-ladder{grid-template-columns:repeat(15,11px);gap:1px}.show-mini-ladder>span{width:11px;height:11px;font-size:6px}}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){.app-play .play-page{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px){.screen-stage{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}.screen-round .round-explanation{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media (max-width: 640px){.show-hud{gap:8px;padding:7px 9px}.show-hud-title span,.show-mini-ladder{display:none}.show-duel-score{min-width:170px}.show-duel-score>strong{width:32px;height:32px;font-size:17px}.show-duel-score span{font-size:7px}.show-team-mini>span,.show-chain-mini>span{min-width:64px;padding:5px 6px}.show-hud-stat{min-width:58px}.show-hud-stat strong{font-size:14px}}.player-score{position:relative}.score-delta{position:absolute;right:0;top:calc(100% + 2px);border-radius:999px;padding:2px 7px;font-size:8px;font-style:normal;font-weight:950;animation:score-delta-pop .52s cubic-bezier(.2,.8,.2,1)}.score-delta.positive{color:#087353;background:#dcf8ed}.score-delta.negative{color:#a72f4d;background:#ffe5ed}@keyframes score-delta-pop{0%{opacity:0;transform:translateY(7px) scale(.82)}to{opacity:1;transform:none}}.lobby-waiting.is-counting{position:relative;border-color:#c4a2ef;background:linear-gradient(120deg,#f4eaff,#fff8d8)}.start-countdown{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;margin-left:auto;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7c3aed,#d83fb8);box-shadow:0 10px 28px #7c3aed40;font-size:23px;line-height:1}.reaction-dock{position:fixed;z-index:65;left:50%;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:5px;border:1px solid rgba(96,54,124,.15);border-radius:999px;padding:5px;background:#ffffffeb;box-shadow:0 12px 34px #30104426;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.reaction-dock button{display:grid;place-items:center;width:37px;min-width:37px;height:37px;border:0;border-radius:50%;padding:0;background:transparent;font-size:19px;cursor:pointer;transition:transform .14s ease,background .14s ease}.reaction-dock button:hover:not(:disabled),.reaction-dock button:focus-visible{background:#f4ebff;transform:translateY(-2px) scale(1.08)}.reaction-dock button:active:not(:disabled){transform:scale(.9)}.reaction-dock button:disabled{opacity:.42;cursor:default}.play-page[class*=play-mode-]{padding-bottom:max(86px,calc(68px + env(safe-area-inset-bottom)))}.reaction-cloud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;pointer-events:none}.live-reaction{position:absolute;bottom:5vh;display:grid;justify-items:center;gap:2px;min-width:74px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 9px;color:#fff;background:#15061dad;box-shadow:0 18px 40px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.live-reaction strong{font-size:clamp(24px,2.2vw,38px);line-height:1}.live-reaction span{max-width:110px;overflow:hidden;color:#eadff1;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.screen-lobby.is-counting{position:relative}.screen-lobby.is-counting>*:not(.screen-start-countdown){opacity:.26;filter:blur(2px);transform:scale(.985);transition:opacity .25s ease,filter .25s ease,transform .25s ease}.screen-start-countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:4px;color:#fff;text-align:center;pointer-events:none}.screen-start-countdown span{color:#d9c7e5;font-size:clamp(13px,1.2vw,20px);font-weight:900;letter-spacing:.14em;text-transform:uppercase}.screen-start-countdown strong{display:grid;place-items:center;width:clamp(140px,14vw,240px);aspect-ratio:1;margin:10px 0;border:2px solid rgba(255,255,255,.26);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--show-accent-2) 70%,#fff),var(--show-accent) 62%,rgba(16,4,25,.2) 100%);box-shadow:0 0 100px color-mix(in srgb,var(--show-accent) 55%,transparent),inset 0 1px #ffffff73;font-size:clamp(72px,8vw,140px);line-height:1}.screen-start-countdown small{color:#cabbd4;font-size:clamp(11px,.9vw,16px)}.screen-question-block{display:grid;justify-items:center;gap:clamp(14px,1.4vw,22px);width:min(1240px,100%)}.screen-question-block h1{width:100%}.reveal-standings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:min(980px,100%);margin-top:-3px}.reveal-standings>div{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"place avatar name score" "place avatar delta delta";align-items:center;gap:2px 7px;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:7px 9px;background:#0a041080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reveal-standings>div>span{grid-area:place;color:#bca8c7;font-size:11px;font-weight:950}.reveal-standings .player-avatar{grid-area:avatar;width:29px;height:29px}.reveal-standings>div>strong{grid-area:name;min-width:0;overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.reveal-standings>div>em{grid-area:score;color:#fff;font-size:12px;font-style:normal;font-weight:950}.reveal-standings>div>b{grid-area:delta;justify-self:end;color:#76efb5;font-size:9px}.reveal-standings>div>b.negative{color:#ff8da8}.reveal-standings.team{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-standings.team>div{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:none}.reveal-standings.team>div>*{grid-area:auto}.reveal-standings-duel{display:flex;align-items:center;justify-content:center;gap:12px}.reveal-standings-duel>span,.reveal-standings-duel>em{color:#cbbad5;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}.reveal-standings-duel>strong{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#1e1024;background:#f0ae45;font-size:22px}.reveal-standings-duel>strong:last-child{background:#bf75ff}.mode-finale>p{max-width:760px;margin:-10px 0 16px;color:var(--screen-muted);font-size:clamp(13px,1.1vw,20px);line-height:1.45;text-wrap:balance}.screen-stage-sprint .mode-finale>svg{color:#ff4b9b}.screen-stage-millionaire .mode-finale>svg{color:#ffd84d;filter:drop-shadow(0 0 24px rgba(255,216,77,.4))}.screen-stage-board .mode-finale>svg{color:#58a0ff}.screen-stage-weakest .mode-finale>svg{color:#ff5b7f}.screen-stage-lucky .mode-finale>svg{color:#67eb91}@media (max-width: 640px){.reaction-dock{gap:2px;padding:4px}.reaction-dock button{width:34px;min-width:34px;height:34px;font-size:18px}}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){.app-play .play-page{min-height:100dvh;padding-top:6px;padding-bottom:max(52px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.app-play .reaction-dock{bottom:max(5px,env(safe-area-inset-bottom));transform:translate(-50%) scale(.88);transform-origin:bottom center}.app-play .lobby-waiting.is-counting .start-countdown{width:38px;height:38px;font-size:18px}}@media (orientation: landscape) and (max-height: 430px) and (max-width: 950px){.app-play .player-top{display:none}.app-play .player-owner-tools{margin-bottom:2px}.app-play .game-band{margin-bottom:3px;padding-block:4px}.app-play .game-status-line{min-height:24px}.app-play .answer-card{min-height:calc(100dvh - 74px);max-height:calc(100dvh - 74px);overflow:hidden}.app-play .answer-card>h1{max-height:62dvh;overscroll-behavior:contain;scrollbar-width:thin}.app-play .answer-head>div strong{display:none}.app-play .option-answer{align-content:center;max-height:70dvh;overflow-y:auto;scrollbar-width:thin}.app-play .answer-option{min-height:45px}.app-play .reveal-card{min-height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto}.app-play .question-board-section,.app-play .elimination-section{max-height:calc(100dvh - 62px);overflow-y:auto}}@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px){.screen-round{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-rows:auto auto minmax(0,1fr) auto;align-items:center;justify-items:stretch;gap:5px 10px;min-height:calc(100dvh - 90px);text-align:left}.screen-round-topline,.screen-reveal-banner{grid-column:1 / -1}.screen-question-block{grid-column:1;grid-row:3;align-self:stretch;align-content:center;justify-items:start;gap:7px;min-width:0;max-height:58dvh;padding-right:4px;overflow:hidden}.screen-question-block h1{max-width:100%;max-height:46dvh;overflow-y:auto;padding-right:4px;font-size:clamp(18px,6.3vh,30px);line-height:1.04;text-align:left;text-wrap:pretty;scrollbar-width:thin}.screen-question-block .timer{width:42px;height:42px}.screen-question-block .timer:after{top:4px;right:4px;bottom:4px;left:4px}.screen-question-block .timer span{font-size:13px}.screen-options{grid-column:2;grid-row:3;align-self:stretch;align-content:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;max-height:60dvh;overflow-y:auto;scrollbar-width:thin}.screen-option{grid-template-columns:27px minmax(0,1fr) auto;min-height:43px;padding:5px 7px}.screen-option-key{width:25px;height:25px}.screen-option-text{font-size:clamp(9px,2.55vh,13px)}.screen-round>.answer-progress{grid-column:1 / -1;grid-row:4}.screen-round>.screen-instant-reveal,.screen-round>.round-explanation,.screen-round>.reveal-standings{grid-column:1 / -1}.screen-round>.round-explanation{max-width:none;text-align:center}.reveal-standings{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.reveal-standings>div{padding:4px 6px}.reveal-standings .player-avatar{display:none}.reveal-standings>div{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"place name score" "place delta delta"}.screen-start-countdown strong{width:min(32dvh,135px);font-size:min(18dvh,68px)}.screen-start-countdown span{font-size:8px}.screen-start-countdown small{font-size:7px}.live-reaction{bottom:2vh;min-width:56px;padding:4px 6px}.live-reaction strong{font-size:22px}}@media (orientation: landscape) and (max-height: 430px) and (max-width: 950px){.screen-header{min-height:32px}.screen-brand-block strong{display:none}.screen-code{padding:4px 9px;font-size:16px}.screen-scene{min-height:calc(100dvh - 38px)}.show-hud{margin-top:1px;padding-block:3px}.screen-round{min-height:calc(100dvh - 69px);grid-template-rows:auto auto minmax(0,1fr) 3px}.screen-round-topline{display:none}.screen-reveal-banner{padding-block:3px}.screen-question-block{max-height:66dvh}.screen-question-block h1{max-height:54dvh;font-size:clamp(17px,6.6vh,26px)}.screen-options{max-height:68dvh}.screen-option{min-height:39px}.screen-round>.round-explanation{display:none}.reveal-standings{margin-top:0}.reaction-cloud{display:none}}@media (prefers-reduced-motion: reduce){.score-delta{animation:none}.live-reaction{transition:none}}.game-recap-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(1040px,92vw);margin-top:14px}.game-recap-panel>div{display:grid;align-content:center;gap:3px;min-height:92px;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:12px 15px;background:#fff1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left}.game-recap-panel span{color:#cdbbd8;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.game-recap-panel strong{color:#fff;font-size:clamp(20px,2vw,31px);line-height:1.05}.game-recap-panel small{display:-webkit-box;overflow:hidden;color:#eadff1;font-size:clamp(10px,.9vw,14px);line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recap-hardest strong{color:#ffd84d}@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px){.game-recap-panel{gap:4px;width:min(96vw,900px);margin-top:4px}.game-recap-panel>div{min-height:49px;padding:5px 8px;border-radius:8px}.game-recap-panel span{font-size:6px}.game-recap-panel strong{font-size:clamp(12px,3.5vh,18px)}.game-recap-panel small{font-size:7px;-webkit-line-clamp:1}}@media (max-width: 640px) and (orientation: portrait){.game-recap-panel{grid-template-columns:1fr;width:min(92vw,520px)}}.mode-traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 2px}.mode-traits>span{display:grid;gap:3px;border:1px solid var(--line, #eadfec);border-radius:10px;padding:10px 12px;background:#ffffff94}.mode-traits small{color:var(--muted, #796b82);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mode-traits strong{color:var(--ink, #2d1737);font-size:13px}@media (max-width: 640px){.mode-traits{grid-template-columns:1fr}}.stage-toast{position:fixed;z-index:72;top:max(86px,calc(env(safe-area-inset-top) + 70px));right:max(18px,env(safe-area-inset-right));display:grid;gap:2px;min-width:190px;border:1px solid rgba(255,255,255,.16);border-right:4px solid var(--show-accent,#ffd84d);border-radius:12px;padding:10px 14px;color:#fff;background:#13051bd1;box-shadow:0 18px 48px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.stage-toast span{color:#cdbbd8;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.stage-toast strong{font-size:clamp(15px,1.5vw,22px)}@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px){.stage-toast{top:39px;right:max(8px,env(safe-area-inset-right));min-width:130px;padding:5px 8px;border-radius:7px}.stage-toast span{font-size:6px}.stage-toast strong{font-size:11px}}.join-role-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:14px;padding:5px;border:1px solid #e4d6ec;border-radius:12px;background:#f7f1fb}.join-role-switch button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;border-radius:9px;color:#775f82;background:transparent;font-weight:850;cursor:pointer}.join-role-switch button.active{color:#2b1238;background:#fff;box-shadow:0 6px 18px #39194c1a}.room-owner-settings{display:grid;gap:10px;border:1px solid #e7d9ef;border-radius:14px;padding:14px;background:linear-gradient(135deg,#fff,#fbf7ff)}.owner-settings-head{display:flex;align-items:center;gap:9px;color:#5b3271}.owner-settings-head>div{display:grid;gap:1px}.owner-settings-head strong{font-size:13px}.owner-settings-head span{color:#8c7598;font-size:10px}.owner-setting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.owner-setting{display:grid;gap:3px;min-height:58px;border:1px solid #eadff0;border-radius:10px;padding:9px 10px;color:#654f6f;background:#fff;text-align:left;cursor:pointer}.owner-setting strong{font-size:11px}.owner-setting span{color:#907d99;font-size:9px}.owner-setting.is-on{border-color:#1dbeae66;background:#22d5be14}.owner-setting:disabled{opacity:.58;cursor:wait}.series-setting{cursor:default}.series-setting>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.series-setting button{min-height:26px;border:1px solid #e5d8ed;border-radius:7px;background:#faf6fc;color:#715d7a;font-size:9px;font-weight:850;cursor:pointer}.series-setting button.active{color:#fff;border-color:#7f42df;background:#7f42df}.series-strip,.host-series-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;border:1px solid #e4d6ed;border-radius:12px;padding:9px 11px;background:linear-gradient(90deg,#f7f0ff,#fff8e6)}.series-strip>span,.host-series-strip>span{color:#6f5580;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.series-strip>div{display:flex;flex-wrap:wrap;gap:6px}.series-strip strong,.host-series-strip strong{display:inline-flex;align-items:center;gap:5px;color:#372041;font-size:10px}.series-strip em,.host-series-strip em{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;color:#fff;background:#7f42df;font-style:normal}.series-strip small,.host-series-strip small{margin-left:auto;color:#8e7a98;font-size:9px}.series-champion{display:flex;align-items:center;gap:8px;border:1px solid rgba(236,177,30,.32);border-radius:11px;padding:10px 12px;background:#ffd3491a;color:#5b3c0b}.series-champion span{margin-left:auto;font-size:10px}.rematch-button{width:100%;justify-content:center}.host-room-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.host-setting{display:grid;gap:3px;min-height:58px;border:1px solid #e8ddef;border-radius:10px;padding:9px 10px;color:#624a6e;background:#fff;text-align:left;cursor:pointer}.host-setting strong{font-size:11px}.host-setting span{color:#8c7895;font-size:9px}.host-setting.is-on{border-color:#1dbeae66;background:#22d5be14}.host-setting-series{cursor:default}.host-setting-series>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}.host-setting-series button{border:1px solid #e5d8ed;border-radius:7px;min-height:26px;background:#faf7fc;color:#715c7a;font-size:9px;font-weight:850;cursor:pointer}.host-setting-series button.active{color:#fff;background:#7541dc;border-color:#7541dc}.game-moment{display:flex;align-items:center;gap:8px;margin-top:6px;border-radius:9px;padding:8px 10px;background:#5b3c7314}.game-moment strong{font-size:10px}.game-moment span{min-width:0;color:#776681;font-size:9px;line-height:1.35}.game-moment-gold{background:#ffcd3921}.game-moment-danger{background:#f44b7b17}.game-moment-team{background:#1ebeae17}.show-moment{display:flex;align-items:center;justify-content:center;gap:9px;grid-column:1 / -1;justify-self:center;max-width:min(900px,90vw);border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:6px 12px;color:#fff;background:#0e051673;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.show-moment strong{font-size:clamp(10px,.9vw,14px)}.show-moment span{color:#d6c8de;font-size:clamp(8px,.75vw,11px)}.show-moment-gold{border-color:#ffd84d4d}.show-moment-danger{border-color:#ff5b7f4d}.show-moment-team{border-color:#3ee0d24d}.audience-page{padding-bottom:92px}.audience-top{border-color:#7e43da40}.audience-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7c42df,#e941ac);box-shadow:0 9px 24px #773dd340}.audience-count{display:grid;grid-template-columns:auto auto;grid-template-areas:"icon count" "label label";align-items:center;justify-items:end;gap:1px 6px}.audience-count svg{grid-area:icon;color:#7c42df}.audience-count strong{grid-area:count;color:#2d1737;font-size:20px}.audience-count small{grid-area:label;color:#8b7796;font-size:9px}.audience-lobby{display:grid;justify-items:center;gap:9px;text-align:center}.audience-lobby h1{margin:0}.audience-lobby p{max-width:620px;margin:0;color:#786981;line-height:1.55}.audience-lobby-stats{display:flex;gap:8px}.audience-lobby-stats span{border-radius:999px;padding:7px 10px;color:#654d73;background:#f5eff9;font-size:10px;font-weight:850}.audience-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.audience-option{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;border:1px solid #eadfec;border-radius:12px;padding:9px 11px;background:#fff}.audience-option>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:#7b41df;font-weight:950}.audience-option strong{color:#34203d;font-size:13px}.audience-option em{color:#7b41df;font-style:normal;font-weight:950}.audience-option.correct{border-color:#1dbe8573;background:#26d69717;box-shadow:inset 0 0 0 1px #26d6971f}.audience-option.correct>span{background:#21b77f}.audience-podium{max-width:760px;margin-inline:auto}.audience-reaction-dock{border-color:#7e43da3d}.screen-live-block{display:grid;justify-items:end;gap:1px}.screen-live-block>span{color:#ff7fc9;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.screen-live-block>strong{color:#fff;font-size:clamp(13px,1.4vw,20px)}.screen-live-block>small{color:#cab7d4;font-size:9px}.screen-invite>small{max-width:210px;color:#cbb9d5;font-size:8px;line-height:1.35;text-align:center}.screen-series-strip{position:absolute;left:50%;bottom:2vh;z-index:4;display:flex;align-items:center;gap:8px;transform:translate(-50%);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 12px;color:#fff;background:#11061aad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.screen-series-strip>span{color:#d7c7df;font-size:8px;font-weight:900;text-transform:uppercase}.screen-series-strip strong{display:flex;align-items:center;gap:4px;font-size:9px}.screen-series-strip em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#211126;background:#ffd84d;font-style:normal}.screen-series-panel{display:grid;gap:7px;width:min(720px,88vw);margin-top:10px;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:11px 14px;background:#ffffff0f}.screen-series-panel>span,.screen-series-panel>small{color:#cdbbd8;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.screen-series-panel>div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.screen-series-panel strong{display:flex;align-items:center;gap:6px;color:#fff;font-size:11px}.screen-series-panel em{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#211126;background:#ffd84d;font-style:normal}.screen-series-panel.is-complete{border-color:#ffd84d59;box-shadow:0 0 32px #ffd84d14}.profile-insights{display:grid;gap:18px;border-top:1px solid var(--line);padding-top:4px}.profile-insight-section{display:grid;gap:10px}.profile-insight-head{display:flex;align-items:center;gap:9px}.profile-insight-head>svg{color:#7c42df}.profile-insight-head h3{margin:1px 0 0;color:#2f1839;font-size:18px}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.achievement-card{display:grid;gap:5px;min-height:112px;border:1px solid #e7dceb;border-radius:12px;padding:11px;background:#faf7fc;opacity:.72}.achievement-card.is-unlocked{border-color:#ffbf2959;background:linear-gradient(135deg,#fffaf0,#fff);opacity:1;box-shadow:0 9px 22px #a16d0912}.achievement-card strong{color:#382140;font-size:12px}.achievement-card span{color:#806f88;font-size:9px;line-height:1.45}.achievement-card small{color:#7c42df;font-size:8px;font-weight:900;text-transform:uppercase}.achievement-progress{height:5px;border-radius:999px;overflow:hidden;background:#e9e0ed}.achievement-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c42df,#ef43ad,#ffd53b)}.mode-mastery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mode-mastery{display:grid;gap:3px;border:1px solid #e7dceb;border-radius:10px;padding:10px;background:#fff}.mode-mastery strong{color:#392142;font-size:11px}.mode-mastery span,.mode-mastery small{color:#89758f;font-size:8px}.topic-mastery-list,.recent-games-list{display:grid;gap:6px}.topic-mastery-list>div{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:9px;padding:8px 10px;background:#f8f3fa}.topic-mastery-list span{color:#8c7895;font-size:8px;text-transform:uppercase}.topic-mastery-list strong{color:#3b2544;font-size:10px}.topic-mastery-list em{color:#7c42df;font-size:8px;font-style:normal;font-weight:850}.recent-games-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid #eee5f1;padding:7px 0}.recent-place{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#8461a0;font-size:10px;font-weight:950}.recent-place.place-1{color:#3b2a00;background:#ffd84d}.recent-place.place-2{color:#28303d;background:#dce2eb}.recent-place.place-3{color:#40230d;background:#d69a6a}.recent-games-list strong{display:block;color:#3c2546;font-size:10px}.recent-games-list small{color:#8c7895;font-size:8px}.recent-games-list em{color:#5e426d;font-size:10px;font-style:normal;font-weight:900}@media (max-width: 820px){.owner-setting-grid,.host-room-settings,.achievement-grid,.mode-mastery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 540px){.owner-setting-grid,.host-room-settings,.achievement-grid,.mode-mastery-grid,.audience-options{grid-template-columns:1fr}.topic-mastery-list>div{grid-template-columns:1fr;gap:2px}.series-strip,.host-series-strip{align-items:flex-start;flex-direction:column}.series-strip small,.host-series-strip small{margin-left:0}}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){.app-play .audience-page{padding-bottom:max(50px,env(safe-area-inset-bottom))}.app-play .audience-top{display:none}.app-play .audience-round{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto minmax(0,1fr);gap:7px 10px;min-height:calc(100dvh - 72px);max-height:calc(100dvh - 72px);overflow:hidden}.app-play .audience-round .answer-head{grid-column:1 / -1}.app-play .audience-round>h1{grid-column:1;align-self:center;max-height:58dvh;overflow-y:auto;padding-right:5px;font-size:clamp(18px,6vh,28px)}.app-play .audience-options{grid-column:2;align-content:center;grid-template-columns:repeat(2,minmax(0,1fr));max-height:65dvh;overflow-y:auto}.app-play .audience-option{min-height:42px;padding:5px 7px}.app-play .audience-option>span{width:25px;height:25px}.app-play .audience-option strong{font-size:10px}.app-play .audience-round>.round-explanation{grid-column:1 / -1;max-height:15dvh;overflow-y:auto}.show-moment{padding:3px 7px}.show-moment span{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-series-strip{bottom:1vh;padding:3px 7px}}.late-join-notice{display:flex;align-items:center;gap:9px;max-width:760px;margin:0 auto 10px;border-color:#1faac942;background:#1bbcd614;color:#28586a}.late-join-notice>span{display:grid;gap:1px;font-size:11px}.late-join-notice strong{color:#173b49;font-size:12px}button.audience-option{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}button.audience-option:hover:not(:disabled){transform:translateY(-1px);border-color:#7b41df73;box-shadow:0 8px 22px #4a226917}button.audience-option:active:not(:disabled){transform:translateY(0) scale(.99)}button.audience-option:focus-visible{outline:3px solid rgba(38,185,218,.34);outline-offset:2px}.audience-option.selected{border-color:#7b41df9e;background:linear-gradient(135deg,#7b41df1a,#ed43ac12);box-shadow:inset 0 0 0 1px #7b41df14}.audience-option.selected>span{background:linear-gradient(135deg,#7b41df,#ea42ad)}.audience-option:disabled{cursor:wait;opacity:.7}.audience-predict-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:10px;padding:8px 10px;color:#705f79;background:#f8f3fb;font-size:9px;line-height:1.35}.audience-predict-note svg{color:#7b41df}.audience-predict-note strong{color:#633c7b;font-size:9px;white-space:nowrap}.screen-audience-poll{grid-column:1 / -1;justify-self:center;display:flex;align-items:center;gap:8px;max-width:min(820px,88vw);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 12px;color:#d9cbe2;background:#12071b8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:clamp(9px,.78vw,12px)}.screen-audience-poll svg{width:16px;color:var(--show-accent,#ffd84d)}.screen-audience-poll strong{color:#fff}.screen-audience-poll em{margin-left:4px;color:var(--show-accent,#ffd84d);font-style:normal;font-weight:950}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){.app-play .late-join-notice{position:fixed;z-index:42;top:max(5px,env(safe-area-inset-top));left:50%;width:min(72vw,560px);margin:0;transform:translate(-50%);padding:5px 8px;font-size:8px}.app-play .late-join-notice>span{font-size:8px}.app-play .late-join-notice strong{font-size:9px}.app-play .audience-predict-note{display:none}.screen-audience-poll{padding:3px 7px;font-size:7px}.screen-audience-poll svg{width:11px}}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.route-loading{min-height:min(72vh,720px);display:grid;place-items:center;padding:32px 20px}.compact-state{width:min(100%,420px);display:grid;justify-items:center;gap:10px;text-align:center}.compact-state>span{color:var(--muted, #687386)}.party-awards{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:4px}.party-award{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:#ffffff13;text-align:left}.party-award>b{grid-row:1 / 4;font-size:clamp(1.5rem,2.8vw,2.25rem)}.party-award>span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.party-award>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-award>small{opacity:.72}@media (orientation: landscape) and (max-height: 520px){.party-awards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.party-award{padding:7px 9px;border-radius:10px}.party-award>b{font-size:1.35rem}}.hero-install{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#ffffff14;color:inherit;font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.hero-install:hover{transform:translateY(-1px);background:#ffffff21;border-color:#fff6}.hero-install:active{transform:translateY(1px)}.hero-install:focus-visible{outline:3px solid rgba(255,216,77,.85);outline-offset:3px}.player-awards{width:100%;display:grid;gap:7px;margin-top:8px;text-align:left}.player-award{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line, rgba(25,31,45,.12));border-radius:12px;background:#ffffff94}.player-award.is-me{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent, #7c3aed) 56%,transparent)}.player-award>b{font-size:1.35rem}.player-award>div{min-width:0;display:grid;gap:2px}.player-award strong,.player-award small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-award small{opacity:.68}@media (orientation: landscape) and (max-height: 430px) and (max-width: 950px){.app-play .play-page.play-status-round,.app-play .play-page.play-status-reveal{height:100dvh;min-height:100dvh;max-height:100dvh;padding-bottom:max(6px,env(safe-area-inset-bottom));overflow:hidden}.app-play .play-page.play-status-round .answer-card,.app-play .play-page.play-status-reveal .reveal-card{max-height:calc(100dvh - 68px)}}.screen-stage.screen-status-round,.screen-stage.screen-status-reveal{height:100dvh;min-height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(5px,.9vh,10px);overflow:hidden}.screen-status-round .screen-scene,.screen-status-reveal .screen-scene{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch;overflow:hidden}.screen-status-round .screen-round,.screen-status-reveal .screen-round{min-height:0;height:100%;max-height:100%;align-content:center;gap:clamp(7px,1.15vh,16px);overflow:hidden}.screen-status-round .screen-question-block,.screen-status-reveal .screen-question-block{min-height:0;gap:clamp(7px,1vh,14px)}.screen-status-round .screen-question-block h1,.screen-status-reveal .screen-question-block h1{max-height:min(31dvh,260px);overflow:hidden;font-size:clamp(28px,min(4vw,6.1vh),68px);line-height:1.02;text-wrap:balance}.screen-status-round .screen-options,.screen-status-reveal .screen-options{min-height:0}.screen-status-round .screen-option,.screen-status-reveal .screen-option{min-height:clamp(54px,8.2vh,90px);padding-block:clamp(7px,1.25vh,13px)}.screen-status-round .screen-option-text,.screen-status-reveal .screen-option-text{font-size:clamp(16px,min(1.75vw,3vh),29px)}.screen-status-reveal .screen-question-block h1{max-height:min(23dvh,190px);font-size:clamp(24px,min(3.3vw,4.8vh),50px)}.screen-status-reveal .screen-option{min-height:clamp(48px,6.6vh,72px)}.screen-status-reveal .round-explanation{display:-webkit-box;max-width:1040px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:clamp(12px,min(1vw,2vh),18px);line-height:1.28}@media (orientation: landscape) and (max-height: 600px) and (max-width: 1000px){.screen-stage.screen-status-round,.screen-stage.screen-status-reveal{gap:2px}.screen-status-round .screen-scene,.screen-status-reveal .screen-scene{min-height:0}.screen-status-round .screen-round,.screen-status-reveal .screen-round{min-height:0;height:100%;gap:4px 9px}.screen-status-round .screen-question-block h1,.screen-status-reveal .screen-question-block h1{max-height:46dvh;overflow-y:auto;font-size:clamp(17px,6.25vh,29px);scrollbar-width:thin}.screen-status-reveal .screen-question-block h1{max-height:32dvh}.screen-status-round .screen-option,.screen-status-reveal .screen-option{min-height:39px;padding-block:4px}.screen-status-round .screen-option-text,.screen-status-reveal .screen-option-text{font-size:clamp(9px,2.45vh,13px)}}.voice-chat{position:fixed;z-index:72;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:min(360px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));color:#26112f;pointer-events:auto}.voice-chat-head{display:flex;align-items:center;gap:7px}.voice-main-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:min(230px,100%);min-height:46px;border:1px solid rgba(87,37,114,.18);border-radius:14px;padding:7px 10px;color:#32113f;background:#fffffff2;box-shadow:0 14px 38px #2507382e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer}.voice-main-button>span{display:grid;min-width:0;text-align:left}.voice-main-button strong{overflow:hidden;font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.voice-main-button small{color:#806c89;font-size:9px;font-weight:750}.voice-main-button:disabled{opacity:.55;cursor:wait}.voice-chat.is-joined .voice-main-button{border-color:#26cb9152}.voice-live-dot{width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#a994b2;box-shadow:0 3px 12px #290c3733;transition:.15s ease}.voice-live-dot.is-speaking{background:#28d58e;box-shadow:0 0 0 5px #28d58e29,0 0 22px #28d58e80}.voice-chat-body{display:grid;gap:9px;margin-top:7px;border:1px solid rgba(87,37,114,.14);border-radius:17px;padding:10px;background:#fffffff5;box-shadow:0 18px 48px #25073833;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.voice-error{margin-top:6px;border-radius:10px;padding:8px 10px;color:#8b2943;background:#ffe7edf5;font-size:10px;font-weight:800}.voice-participants{display:grid;gap:5px;max-height:184px;overflow-y:auto;scrollbar-width:thin}.voice-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;border-radius:11px;padding:5px 7px;background:#f8f3fb;transition:background .12s ease,transform .12s ease}.voice-person.is-speaking{background:#e9fff6;transform:translate(2px)}.voice-person>span{overflow:hidden;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.voice-avatar{position:relative;display:grid;place-items:center;width:30px;height:30px}.voice-avatar .player-avatar{width:27px;height:27px}.voice-avatar>span{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid rgba(40,213,142,calc(var(--voice-level,.08) * .9));border-radius:50%;box-shadow:0 0 calc(4px + 10px * var(--voice-level,.08)) #28d58e57;pointer-events:none}.voice-meter,.screen-voice-meter{display:flex;align-items:end;gap:2px;height:18px}.voice-meter i,.screen-voice-meter i{width:3px;border-radius:99px;background:#d9cadf;transition:height .08s ease,background .08s ease}.voice-meter i:nth-child(1),.screen-voice-meter i:nth-child(1){height:5px}.voice-meter i:nth-child(2),.screen-voice-meter i:nth-child(2){height:8px}.voice-meter i:nth-child(3),.screen-voice-meter i:nth-child(3){height:12px}.voice-meter i:nth-child(4),.screen-voice-meter i:nth-child(4){height:16px}.voice-meter i.active,.screen-voice-meter i.active{background:#22cd87}.voice-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.voice-controls button{display:grid;place-items:center;gap:3px;min-width:0;min-height:48px;border:0;border-radius:10px;padding:5px 3px;color:#634b6d;background:#f5eff8;cursor:pointer}.voice-controls button span{overflow:hidden;width:100%;font-size:8px;font-weight:850;text-align:center;text-overflow:ellipsis;white-space:nowrap}.voice-controls button.is-active{color:#5f22a4;background:#eee1fb}.voice-controls button.is-danger,.voice-controls .voice-leave:hover{color:#a52e50;background:#ffe8ee}.voice-sensitivity{display:grid;gap:5px;border-radius:11px;padding:8px;background:#faf7fc}.voice-sensitivity>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-sensitivity strong{font-size:10px}.voice-sensitivity output{color:#7d36c9;font-size:10px;font-weight:950}.voice-sensitivity input{width:100%;accent-color:#8e3fd4}.voice-sensitivity small{color:#86708e;font-size:8px;line-height:1.35}.voice-unlock{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffd57b;border-radius:9px;padding:7px;color:#624114;background:#fff6d9;font-size:9px;font-weight:900;cursor:pointer}.screen-voice-speakers{position:fixed;z-index:64;right:clamp(12px,1.5vw,28px);top:clamp(92px,11vh,132px);display:grid;gap:6px;width:clamp(142px,13vw,220px);pointer-events:none}.screen-voice-title{display:flex;align-items:center;gap:6px;color:#ffffffb8;font-size:clamp(8px,.7vw,12px);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.screen-voice-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid rgba(81,255,180,.28);border-radius:12px;padding:6px 8px;color:#fff;background:#12071fb8;box-shadow:0 0 26px #23e09121;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.screen-voice-person strong{overflow:hidden;font-size:clamp(9px,.8vw,14px);text-overflow:ellipsis;white-space:nowrap}.screen-voice-avatar .player-avatar{width:clamp(23px,2vw,34px);height:clamp(23px,2vw,34px)}@media (max-width: 640px){.voice-chat{left:max(7px,env(safe-area-inset-left));bottom:max(58px,calc(50px + env(safe-area-inset-bottom)));width:min(330px,calc(100vw - 14px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.voice-main-button{width:190px;min-height:42px;border-radius:12px;padding:6px 9px}.voice-chat-body{max-height:min(58dvh,390px);overflow-y:auto}}@media (orientation: landscape) and (max-height: 560px) and (max-width: 980px){.app-play .voice-chat{top:max(5px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right));bottom:auto;left:auto;width:min(300px,42vw)}.app-play .voice-main-button{width:168px;min-height:36px;padding:4px 7px}.app-play .voice-main-button small{display:none}.app-play .voice-chat-body{max-height:calc(100dvh - 48px);overflow-y:auto;padding:7px}.app-play .voice-participants{max-height:94px}.app-play .voice-controls button{min-height:39px}.screen-voice-speakers{top:52px;right:7px;width:128px;gap:3px}.screen-voice-title{display:none}.screen-voice-person{padding:4px 5px;border-radius:8px}}@media (prefers-reduced-motion: reduce){.voice-person,.voice-live-dot,.voice-meter i,.screen-voice-meter i{transition:none!important}}body{background:#f3f7f6}.topbar{background:#0c2227f7;box-shadow:0 5px 22px #081d2324}.topbar-nav>button.is-active{border-color:#ffd6475c;color:#ffdb61;background:#ffd64717}.qw-home{gap:0;padding-top:0}.qw-hero{position:relative;display:flex;align-items:center;min-height:min(620px,calc(100dvh - 100px));overflow:hidden;color:#fff;background:#143b43}.qw-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.qw-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#06242be0,#06242b9e 34%,#06242b0d 70%),linear-gradient(0deg,rgba(4,32,38,.42),transparent 42%)}.qw-hero-copy{position:relative;z-index:1;width:min(570px,54%);padding:64px 0 56px 5%}.qw-hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffd95b;font-size:12px;font-weight:850;text-transform:uppercase}.qw-hero h1{margin:16px 0 18px;color:#fff;font-size:clamp(48px,4rem,76px);line-height:1.02;letter-spacing:0}.qw-hero-lead{max-width:550px;margin:0;color:#fff;font-size:clamp(21px,1.65rem,30px);font-weight:800;line-height:1.22}.qw-hero-detail{max-width:470px;margin:18px 0 0;color:#dcf1ee;font-size:15px;line-height:1.55}.qw-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.qw-hero-primary,.qw-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:7px;padding:0 20px;font-size:14px;font-weight:850;transition:transform .15s ease,background .15s ease}.qw-hero-primary{border:1px solid #ffcf3a;color:#19312e;background:#ffcf3a}.qw-hero-primary:hover{background:#ffe06b;transform:translateY(-2px)}.qw-hero-secondary{border:1px solid rgba(255,255,255,.6);color:#fff;background:#05232859}.qw-hero-secondary:hover{background:#052328ad;transform:translateY(-2px)}.qw-hero-status{display:inline-flex;align-items:center;gap:8px;margin-top:30px;color:#9eebce;font-size:12px;font-weight:750}.qw-home .home-quick-join{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px;margin:0;border:0;border-bottom:1px solid #d7e5e0;border-radius:0;padding:30px 5%;background:#fff;box-shadow:none}.qw-home .join-panel-head h2{color:#173b38}.qw-home .room-code-input{border-color:#a8cec0;color:#173b38}.qw-home .creation-flow{margin:0;border:0;border-radius:0;padding:54px 5% 62px;background:#f3f7f6;box-shadow:none}.qw-home .flow-heading{margin-bottom:24px}.qw-home .flow-heading h2{color:#153a38;font-size:32px;letter-spacing:0}.qw-home .step-kicker{color:#14836f}.qw-home .mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.qw-home .qw-mode-option{--mode-tint: #e8f6ed;display:flex;flex-direction:column;min-height:208px;border:1px solid #d7e5e0;border-radius:7px;padding:17px;background:#fff;box-shadow:none}.qw-home .qw-mode-option:after{display:none}.qw-home .qw-mode-option:hover{border-color:#98bfb2;background:var(--mode-tint);box-shadow:0 12px 26px #103e371c}.qw-mode-classic{--mode-tint: #e4f8ef !important}.qw-mode-sprint{--mode-tint: #fff2db !important}.qw-mode-teams{--mode-tint: #e5f5fc !important}.qw-mode-millionaire{--mode-tint: #f5eafc !important}.qw-mode-board{--mode-tint: #e9efff !important}.qw-mode-experts{--mode-tint: #fff4df !important}.qw-mode-smartest{--mode-tint: #fff0e5 !important}.qw-mode-weakest{--mode-tint: #ffebef !important}.qw-mode-lucky{--mode-tint: #eafaec !important}.qw-mode-marathon{--mode-tint: #eeebff !important}.qw-home .qw-mode-option .mode-copy{gap:7px}.qw-home .qw-mode-option .mode-copy strong{color:#173632;font-size:16px}.qw-home .qw-mode-option .mode-copy small{-webkit-line-clamp:4;color:#55716a;font-size:12px;line-height:1.42}.qw-mode-arrow{align-self:flex-end;margin-top:auto;color:#12836e}.qw-home-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 32px;border-top:1px solid #d7e5e0;padding:22px 20px;background:#fff;color:#43635c;font-size:12px;font-weight:750}.qw-home-foot span,.qw-home-foot button{display:inline-flex;align-items:center;gap:7px}.qw-home-foot button{border:0;color:#116e5e;background:transparent;font-weight:850}.qw-home .home-error{margin:18px 5%}.qw-setup{padding:32px 3% 70px}.qw-back{display:inline-flex;align-items:center;gap:7px;border:0;padding:9px 0;color:#257b6c;background:transparent;font-size:13px;font-weight:850}.qw-setup-intro{display:flex;align-items:center;gap:18px;margin:20px 0 32px}.qw-setup-intro .mode-emblem{width:70px;height:70px}.qw-setup-intro h1{margin:3px 0 5px;color:#123b37;font-size:34px;line-height:1.12;letter-spacing:0}.qw-setup-intro p{max-width:730px;margin:0;color:#5c746d;font-size:14px;line-height:1.5}.qw-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:40px}.qw-setup-main{min-width:0}.qw-setup-section{border-top:1px solid #d5e3de;padding:24px 0 28px}.qw-setup-section h2{margin:3px 0 18px;color:#173b38;font-size:23px;line-height:1.15;letter-spacing:0}.qw-format-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(130px,1fr));border:1px solid #cadbd4;border-radius:7px;padding:4px;background:#e8efec}.qw-format-switch button{min-height:42px;border:0;border-radius:5px;padding:0 18px;color:#516960;background:transparent;font-size:13px;font-weight:850}.qw-format-switch button.is-selected{color:#fff;background:#137e6c;box-shadow:0 3px 9px #1557472e}.qw-format-help{max-width:640px;margin:13px 0 0;color:#5c746d;font-size:13px;line-height:1.5}.qw-setup .session-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.qw-setup .setting-card{background:#fff;border-color:#d9e5df}.qw-setup .switch-card input:checked{border-color:#12836e;background:#12836e}.qw-setup .session-player-name{grid-column:1/-1}.qw-setup .qw-quiz-catalog{margin:0;border:0;border-top:1px solid #d5e3de;border-radius:0;padding:24px 0;background:transparent;box-shadow:none}.qw-setup .catalog-heading h2{color:#173b38;font-size:23px;letter-spacing:0}.qw-setup .quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qw-setup .quiz-card{min-height:238px;border:1px solid #dae5e0;border-top:4px solid var(--accent);border-radius:7px;background:#fff;box-shadow:none}.qw-setup .quiz-card:before,.qw-setup .quiz-card:after{display:none}.qw-setup .quiz-card:hover{border-color:var(--accent);box-shadow:0 10px 24px #113d341c;transform:translateY(-2px)}.qw-setup .quiz-card h3{color:#163b37;font-size:18px;letter-spacing:0}.qw-setup .quiz-card p{color:#5b716a}.qw-setup .quiz-card .primary-button{background:#146f65;box-shadow:none}.qw-setup .quiz-card .primary-button:hover:not(:disabled){background:#0c5c53}.qw-mix-start{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cce4d9;border-radius:7px;padding:22px;background:#eaf8f0}.qw-mix-start>div{display:grid;grid-template-columns:32px 1fr;gap:3px 10px;align-items:center}.qw-mix-start svg{grid-row:span 2;color:#16866c}.qw-mix-start strong{color:#153e37;font-size:17px}.qw-mix-start span{color:#53746a;font-size:12px}.qw-mix-start .primary-button{white-space:nowrap;background:#126f60;box-shadow:none}.qw-setup .qw-mode-guide{position:sticky;top:96px;gap:17px;margin:0;border:1px solid #d7e4dd;border-radius:7px;padding:21px;background:#fff;box-shadow:none}.qw-setup .qw-mode-guide .mode-guide-heading{flex-wrap:nowrap;gap:10px}.qw-setup .qw-mode-guide h3{font-size:15px}.qw-setup .qw-mode-guide ol{display:grid;grid-template-columns:1fr;gap:11px;padding-left:18px;color:#4c665c;font-size:12px}.qw-rule-meta,.qw-rule-traits{display:flex;flex-wrap:wrap;gap:6px}.qw-rule-meta span,.qw-rule-traits span{border-radius:5px;padding:5px 7px;color:#2a7467;background:#eaf5ef;font-size:10px;font-weight:750}.qw-rule-traits span{color:#756339;background:#fbf3dc}.qw-rules-page{display:grid;gap:54px;padding-top:22px}.qw-rules-hero{position:relative;display:flex;align-items:center;min-height:340px;overflow:hidden;color:#fff;background:#143e46}.qw-rules-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.qw-rules-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#06272de6,#06272d80 56%,#06272d0d)}.qw-rules-hero>div:last-child{position:relative;z-index:1;max-width:560px;padding:38px 5%}.qw-rules-hero h1{margin:14px 0;color:#fff;font-size:44px;letter-spacing:0}.qw-rules-hero p{color:#e8f2ec;font-size:15px;line-height:1.6}.qw-rules-hero button{margin-top:13px}.qw-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.qw-section-heading h2{margin:4px 0 0;color:#133b37;font-size:28px;letter-spacing:0}.qw-rules-steps>ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:0;padding:0;list-style:none}.qw-rules-steps li{display:grid;align-content:start;gap:10px;border-top:3px solid #1a9a82;padding-top:17px}.qw-rules-steps li:nth-child(2){border-color:#edaa35}.qw-rules-steps li:nth-child(3){border-color:#4b88ca}.qw-rules-steps li:nth-child(4){border-color:#dd6596}.qw-rules-steps li svg{color:#187d6d}.qw-rules-steps li strong{color:#1a3b37;font-size:15px}.qw-rules-steps li span{color:#57726a;font-size:13px;line-height:1.55}.qw-rules-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px}.qw-rules-list{display:grid;align-content:start;gap:5px}.qw-rules-list button{display:flex;align-items:center;gap:10px;min-height:47px;border:1px solid transparent;border-radius:6px;padding:5px 9px;color:#3b5b51;background:transparent;text-align:left;font-size:12px;font-weight:800}.qw-rules-list button:hover,.qw-rules-list button.is-selected{border-color:#cce2d9;color:#116e5f;background:#e8f5ef}.qw-rules-list button>span:nth-child(2){flex:1}.qw-rules-detail{min-height:340px;border:1px solid #d9e6df;border-radius:7px;padding:28px;background:#fff}.qw-rules-detail-head{display:flex;align-items:center;gap:15px}.qw-rules-detail h3{margin:0 0 5px;color:#153c37;font-size:23px}.qw-rules-detail p{margin:0;color:#5a7169;font-size:13px;line-height:1.45}.qw-rules-meta{display:flex;gap:8px;margin:20px 0}.qw-rules-meta span{border-radius:5px;padding:7px 9px;color:#166d60;background:#e8f5ef;font-size:11px;font-weight:800}.qw-rules-detail ol{display:grid;gap:12px;padding-left:22px;color:#3d594f;font-size:14px;line-height:1.5}.qw-rules-detail li::marker{color:#18846d;font-weight:900}.qw-rule-play{display:inline-flex;align-items:center;gap:8px;margin-top:8px;border:0;color:#0e7968;background:transparent;font-weight:850}@media (max-width: 1050px){.qw-home .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qw-setup-layout{grid-template-columns:minmax(0,1fr) 245px;gap:22px}.qw-home .home-quick-join{grid-template-columns:1fr}}@media (max-width: 740px){.qw-hero{min-height:600px;align-items:end}.qw-hero-image{-o-object-position:66% center;object-position:66% center}.qw-hero-shade{background:linear-gradient(0deg,#042329f5,#042329d6 46%,#0423291f)}.qw-hero-copy{width:100%;padding:200px 24px 30px}.qw-hero h1{font-size:52px}.qw-hero-lead{font-size:23px}.qw-hero-detail{font-size:13px}.qw-hero-status{margin-top:22px}.qw-home .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qw-home .qw-mode-option{min-height:202px}.qw-setup-layout{grid-template-columns:1fr}.qw-setup .qw-mode-guide{position:static}.qw-rules-steps>ol{grid-template-columns:repeat(2,minmax(0,1fr))}.qw-rules-layout{grid-template-columns:1fr}.qw-rules-list{display:flex;overflow-x:auto;padding-bottom:7px}.qw-rules-list button{flex:0 0 auto}}@media (max-width: 520px){.qw-hero{min-height:550px}.qw-hero-copy{padding:160px 18px 26px}.qw-hero-kicker{font-size:10px}.qw-hero h1{font-size:44px}.qw-hero-lead{font-size:20px}.qw-hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}.qw-hero-primary,.qw-hero-secondary{width:100%;min-height:46px}.qw-home .home-quick-join{padding:22px 17px}.qw-home .creation-flow{padding:38px 14px}.qw-home .flow-heading h2{font-size:25px}.qw-home .flow-note{display:none}.qw-home .mode-grid{gap:8px}.qw-home .qw-mode-option{min-height:198px;gap:8px;padding:11px}.qw-home .qw-mode-option .mode-copy strong{font-size:13px}.qw-home .qw-mode-option .mode-copy small{font-size:10px}.qw-home .qw-mode-option .mode-emblem{width:42px;height:42px}.qw-setup{padding:24px 8px 55px}.qw-setup-intro{gap:12px}.qw-setup-intro h1{font-size:26px}.qw-setup-intro .mode-emblem{width:55px;height:55px}.qw-setup .session-settings,.qw-setup .quiz-grid{grid-template-columns:1fr}.qw-mix-start{align-items:stretch;flex-direction:column}.qw-rules-page{gap:42px;padding-top:10px}.qw-rules-hero{min-height:350px}.qw-rules-hero>div:last-child{padding:35px 20px}.qw-rules-hero h1{font-size:37px}.qw-rules-steps>ol{grid-template-columns:1fr}.qw-rules-detail{padding:19px}}@media (max-width: 360px){html,body{min-width:0}.topbar-inner{gap:3px}.brand-logo{min-width:98px;padding-right:5px}.brand-logo strong{font-size:19px}.brand-swoosh{left:20px;width:65px}.brand-spark{width:12px;right:-2px}.topbar-nav-main>button{width:29px;min-width:29px}.sound-controls .icon-button{width:29px;min-width:29px}.qw-hero-copy{padding-top:112px}.qw-hero h1{font-size:39px}.qw-hero-lead{font-size:19px}}.primary-button{background:#117d69;box-shadow:0 5px 14px #0c645329}.primary-button:hover:not(:disabled){background:#0b6656;box-shadow:0 8px 18px #0c645333}.ghost-button{border-color:#cbded5;color:#173b36;background:#fff}.ghost-button:hover:not(:disabled){border-color:#80b7a6;color:#0c695a;background:#edf8f2}.step-kicker,.eyebrow{color:#117c69}.panel,.join-card,.play-state,.player-top,.profile-panel,.auth-panel,.leaderboard-panel,.host-main,.side-panel{border-color:#d5e5dd;box-shadow:0 10px 26px #0f3d3412}.join-card:before,.profile-panel:before,.auth-panel:before,.host-main:before,.side-panel:before{background:linear-gradient(90deg,#0d806c,#1eaa92 56%,#ffcf3a)}.player-score span,.host-lobby-code>strong,.inline-room-code,.leader-score{color:#0e7665}.player-count-pill{color:#0e7665;background:#e2f3eb}.avatar-choice:hover{border-color:#80bda8;background:#f0f9f4}.avatar-choice.active{border-color:#12866f;background:#e2f4ed;box-shadow:inset 0 0 0 1px #12866f}.lobby-invite-row,.host-lobby-code{border-color:#d2e5d9;background:#f4faf6}.lobby-waiting.is-owner,.host-auto-note{border-color:#cbe3d8;color:#256454;background:#f0f8f3}.lobby-player,.vote-option,.game-band,.answer-option,.player-row{border-color:#dce9e1}.vote-option:hover:not(:disabled),.answer-option:hover:not(:disabled){border-color:#8abda9;background:#f0f8f3;box-shadow:0 5px 13px #12635112}.vote-option.selected{border-color:#12866f;background:#e4f5ed;box-shadow:inset 3px 0 #12866f}.player-avatar{border-color:#cce2d7;color:#107863;background:#e8f5ed}.player-row.is-me{border-color:#a5d2bc;background:#f0f9f3}.profile-benefits span{color:#47675c}.profile-stats div{border-color:#dce9e1;background:#f8fbf9}.auth-tabs{background:#e7f1eb}.auth-tabs button.active{color:#0d705f}.leaderboard-row.top-2{background:#f4f8f6}.qw-home .quick-join-controls{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:11px;max-width:650px}.qw-home .quick-code-field{gap:7px}.qw-home .quick-code-field>span{color:#17483d;font-size:11px}.qw-home .room-code-input{width:100%}.qw-home .home-quick-join .room-code-input:focus{border-color:#12866f;box-shadow:0 0 0 4px #12866f1f}.qw-home .home-quick-join .join-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.qw-home .qw-mode-option{--stage: #135b51;--stage-accent: #b9f5d6;--stage-pattern: none;gap:0;min-height:264px;padding:0;background:#fff}.qw-home .qw-mode-option:hover{background:#fff;border-color:var(--stage);transform:translateY(-3px)}.qw-home .qw-mode-poster{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:91px;width:100%;overflow:hidden;padding:13px 15px;color:#fff;background:var(--stage-pattern),var(--stage)}.qw-mode-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-bottom:3px solid var(--stage-accent);pointer-events:none}.qw-home .qw-mode-poster .mode-emblem{z-index:1;width:56px;height:56px;border:1px solid rgba(255,255,255,.55);border-radius:6px;color:#fff;background:#ffffff1c;box-shadow:none}.qw-home .qw-mode-poster .emblem-board i{color:var(--stage);background:#fff}.qw-home .qw-mode-poster .emblem-caption{color:var(--stage);background:var(--stage-accent)}.qw-mode-poster-label{z-index:1;max-width:95px;color:var(--stage-accent);font-size:10px;font-weight:850;line-height:1.3;text-align:right}.qw-home .qw-mode-option .mode-copy{gap:8px;padding:17px 16px 6px}.qw-home .qw-mode-option .mode-copy strong{color:#193b35;font-size:17px}.qw-home .qw-mode-option .mode-copy small{-webkit-line-clamp:4;color:#526d64;font-size:12px}.qw-home .qw-mode-option .qw-mode-arrow{margin:auto 16px 14px auto;color:var(--stage)}.qw-mode-classic{--stage: #0b766b !important;--stage-accent: #b8f4ce !important;--stage-pattern: repeating-linear-gradient(115deg, transparent 0 29px, rgba(255,255,255,.06) 30px 32px) !important}.qw-mode-sprint{--stage: #be571e !important;--stage-accent: #ffe593 !important;--stage-pattern: repeating-linear-gradient(120deg, transparent 0 20px, rgba(255,255,255,.11) 21px 25px) !important}.qw-mode-teams{--stage: #145c84 !important;--stage-accent: #a1ebff !important;--stage-pattern: linear-gradient(90deg, rgba(12,42,65,.5) 0 49%, rgba(255,255,255,.07) 50% 100%) !important}.qw-mode-millionaire{--stage: #41316f !important;--stage-accent: #f9dc73 !important;--stage-pattern: repeating-radial-gradient(circle at 30% 50%, transparent 0 18px, rgba(249,220,115,.16) 19px 20px) !important}.qw-mode-board{--stage: #1b4b9b !important;--stage-accent: #ffe17d !important;--stage-pattern: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px) !important}.qw-mode-board .qw-mode-poster{background-size:26px 26px,26px 26px,auto}.qw-mode-experts{--stage: #56302f !important;--stage-accent: #f2ce82 !important;--stage-pattern: repeating-conic-gradient(from 0deg at 38% 50%, rgba(255,255,255,.055) 0deg 20deg, transparent 20deg 40deg) !important}.qw-mode-smartest{--stage: #9a471d !important;--stage-accent: #ffd49b !important;--stage-pattern: repeating-linear-gradient(0deg, transparent 0 22px, rgba(255,255,255,.09) 23px 24px) !important}.qw-mode-weakest{--stage: #76273c !important;--stage-accent: #ffc0d0 !important;--stage-pattern: repeating-linear-gradient(135deg, transparent 0 36px, rgba(255,255,255,.08) 37px 39px) !important}.qw-mode-lucky{--stage: #267040 !important;--stage-accent: #dbf4a6 !important;--stage-pattern: radial-gradient(rgba(255,255,255,.17) 1px, transparent 2px) !important}.qw-mode-lucky .qw-mode-poster{background-size:22px 22px,auto}.qw-mode-marathon{--stage: #414886 !important;--stage-accent: #e0d9ff !important;--stage-pattern: repeating-linear-gradient(90deg, rgba(255,255,255,.09) 0 16px, transparent 16px 32px) !important}.qw-setup-intro{border-left:5px solid var(--setup-accent, #12866f);padding:12px 0 12px 20px}.qw-setup-classic{--setup-accent: #0b766b}.qw-setup-sprint{--setup-accent: #be571e}.qw-setup-teams{--setup-accent: #145c84}.qw-setup-millionaire{--setup-accent: #41316f}.qw-setup-board{--setup-accent: #1b4b9b}.qw-setup-experts{--setup-accent: #56302f}.qw-setup-smartest{--setup-accent: #9a471d}.qw-setup-weakest{--setup-accent: #76273c}.qw-setup-lucky{--setup-accent: #267040}.qw-setup-marathon{--setup-accent: #414886}@media (max-width: 740px){.qw-home .qw-mode-option{min-height:255px}.qw-home .qw-mode-poster{min-height:80px}}@media (max-width: 520px){.qw-home .home-quick-join .join-actions{grid-template-columns:1fr}.qw-home .qw-mode-option{min-height:270px}.qw-home .qw-mode-poster{min-height:68px;padding:9px}.qw-home .qw-mode-poster .mode-emblem{width:43px;height:43px}.qw-home .qw-mode-poster .mode-emblem svg{width:25px;height:25px}.qw-mode-poster-label{max-width:65px;font-size:8px}.qw-home .qw-mode-option .mode-copy{padding:11px 10px 5px}.qw-home .qw-mode-option .mode-copy strong{font-size:13px}.qw-home .qw-mode-option .mode-copy small{-webkit-line-clamp:5;font-size:10px}.qw-home .qw-mode-option .qw-mode-arrow{margin-right:10px}}:root{--bg: #f3f7f5;--surface-soft: #f8fbf9;--surface-strong: #edf5f1;--text: #183229;--text-strong: #10251e;--muted: #61736b;--line: #d8e4de;--line-strong: #bfd1c8;--brand: #12866f;--brand-dark: #0b6e5b;--brand-soft: #e2f4ed;--shadow-sm: 0 2px 8px rgba(26, 68, 50, .06);--shadow-md: 0 10px 30px rgba(26, 68, 50, .09)}.qw-home{width:100%;max-width:none;padding-bottom:0}.qw-hero-shade{background:linear-gradient(90deg,#06242be0,#06242b8c 35%,#06242b0d 72%),linear-gradient(0deg,#103b40 0%,rgba(16,59,64,.2) 22%,transparent 50%)}.qw-home-scene{background-color:#103b40;background-image:linear-gradient(180deg,#103b40e0,#0c3237d1 38%,#082b31f0),url(/brand/quiz-night-room.png);background-size:cover;background-position:center top}.qw-home .home-quick-join{border-bottom:1px solid rgba(255,255,255,.16);padding-top:40px;padding-bottom:40px;background:#082e3470}.qw-home .join-panel-head h2,.qw-home .flow-heading h2{color:#fff}.qw-home .join-panel-head p,.qw-home .flow-note{color:#d4e5df}.qw-home .step-kicker{color:#ffdd76}.qw-home .quick-code-field>span,.qw-home .quick-code-field small{color:#e0f1eb}.qw-home .room-code-input{border-color:#ffffffbf}.qw-home .home-quick-join .join-actions .primary-button{color:#183a36;background:#ffcf3a;box-shadow:0 7px 22px #051a1d2e}.qw-home .home-quick-join .join-actions .primary-button:hover:not(:disabled){background:#ffe071}.qw-home .home-quick-join .join-actions .ghost-button{border-color:#ffffff8c;color:#fff;background:#083036a3}.qw-home .home-quick-join .join-actions .ghost-button:hover:not(:disabled){border-color:#fff;background:#083036e0}.qw-home .creation-flow{padding-top:48px;background:transparent}.qw-home .qw-mode-option{min-height:312px;border:1px solid rgba(255,255,255,.28);background:#fffffff7;box-shadow:0 5px 20px #0421261f}.qw-home .qw-mode-option:hover{border-color:#ffdc67;box-shadow:0 13px 28px #0421263b}.qw-home .qw-mode-poster{min-height:138px;background-color:var(--stage);background-image:linear-gradient(0deg,#04181d94,#04181d05 72%),url(/brand/mode-scenes.png);background-size:cover,500% auto;background-position:center,var(--poster-x) var(--poster-y);background-repeat:no-repeat}.qw-home .qw-mode-poster:before{border-bottom:3px solid var(--stage-accent)}.qw-home .qw-mode-poster .mode-emblem{width:46px;height:46px;align-self:flex-end;border:1px solid rgba(255,255,255,.65);background:#041f2599;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qw-home .qw-mode-poster .mode-emblem svg{width:28px;height:28px}.qw-mode-poster-label{align-self:flex-end;max-width:110px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.qw-home .qw-mode-option .mode-copy{padding:17px 16px 6px}.qw-mode-classic{--poster-x: 0%;--poster-y: 0%}.qw-mode-sprint{--poster-x: 25%;--poster-y: 0%}.qw-mode-teams{--poster-x: 50%;--poster-y: 0%}.qw-mode-millionaire{--poster-x: 75%;--poster-y: 0%}.qw-mode-board{--poster-x: 100%;--poster-y: 0%}.qw-mode-experts{--poster-x: 0%;--poster-y: 100%}.qw-mode-smartest{--poster-x: 25%;--poster-y: 100%}.qw-mode-weakest{--poster-x: 50%;--poster-y: 100%}.qw-mode-lucky{--poster-x: 75%;--poster-y: 100%}.qw-mode-marathon{--poster-x: 100%;--poster-y: 100%}.qw-home-foot{border-color:#ffffff2e;color:#e8f5ec;background:#05242a8c}.qw-home-foot button{color:#ffdc73}.qw-setup{min-height:calc(100dvh - 72px);background-color:#103b40;background-image:linear-gradient(#0a3439e0,#082c31ed),url(/brand/quiz-night-room.png);background-size:cover;background-position:center}.qw-setup .qw-back,.qw-setup .step-kicker{color:#ffdc76}.qw-setup .qw-setup-intro h1,.qw-setup .qw-setup-section h2,.qw-setup .catalog-heading h2{color:#fff}.qw-setup .qw-setup-intro p,.qw-setup .qw-format-help,.qw-setup .catalog-heading p{color:#d6e8e0}.qw-setup .qw-setup-intro{border-color:var(--setup-accent)}.qw-setup .qw-setup-section,.qw-setup .qw-quiz-catalog{border-color:#ffffff38}.qw-setup .qw-format-switch{border-color:#ffffff4d;background:#04242973}.qw-setup .qw-format-switch button{color:#e3f0e9}.qw-setup .qw-format-switch button.is-selected{color:#15362f;background:#ffcf3a}.qw-setup .setting-card,.qw-setup .qw-mode-guide{background:#fffffff7}.qw-setup .qw-mode-guide .step-kicker{color:#117c69}.qw-setup .quiz-card{min-height:236px;border:1px solid rgba(255,255,255,.7);border-left:5px solid var(--accent);border-radius:7px;background:#fffffff7;box-shadow:0 6px 20px #031f241f}.qw-setup .quiz-card:hover{box-shadow:0 12px 27px #031f243d}.qw-setup .quiz-card .primary-button{min-height:44px;color:#15362f;background:#ffcf3a}.qw-setup .quiz-card .primary-button:hover:not(:disabled){background:#ffe071}.qw-setup .qw-mix-start{border-color:#ffffffb3;background:#fffffff2}@media (max-width: 740px){.qw-home .qw-mode-option{min-height:290px}.qw-home .qw-mode-poster{min-height:112px}.qw-home-scene{background-size:auto,auto 760px;background-repeat:no-repeat;background-position:center top}.qw-setup{background-size:auto,auto 900px;background-repeat:no-repeat;background-position:center top}}@media (max-width: 520px){.qw-home .home-quick-join{padding-top:28px;padding-bottom:30px}.qw-home .qw-mode-option{min-height:286px}.qw-home .qw-mode-poster{min-height:100px}.qw-home .qw-mode-poster .mode-emblem{width:38px;height:38px}.qw-home .qw-mode-poster .mode-emblem svg{width:22px;height:22px}.qw-home .qw-mode-option .mode-copy{padding:11px 10px 5px}.qw-setup{padding-inline:14px}}.qw-home .creation-flow{padding-inline:max(5%,calc((100% - 1420px)/2))}.qw-home .qw-mode-option{min-height:316px;border:1px solid rgba(255,255,255,.4);border-radius:7px;background:var(--stage);box-shadow:0 8px 22px #02161d36}.qw-home .qw-mode-option:hover{border-color:#ffda67;background:var(--stage);box-shadow:0 14px 30px #02161d52}.qw-home .qw-mode-poster{position:relative;display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:space-between;width:100%;min-height:316px;padding:16px;background-image:url(/brand/mode-scenes.png);background-size:500% 200%;background-position:var(--poster-x) var(--poster-y);background-repeat:no-repeat}.qw-home .qw-mode-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:linear-gradient(0deg,#02141bf5,#02141bd4 25%,#02141b4d 58%,#02141b57);pointer-events:none}.qw-mode-topline{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.qw-home .qw-mode-poster .mode-emblem{width:58px;height:58px;align-self:auto;border:2px solid var(--stage-accent);color:#fff;background:#02181ea6;box-shadow:0 2px 15px #00000040}.qw-home .qw-mode-poster .mode-emblem svg{width:34px;height:34px}.qw-mode-poster-label{align-self:flex-start;max-width:104px;padding:6px 0;color:#fff;font-size:10px;font-weight:900;line-height:1.25;text-align:right}.qw-home .qw-mode-option .mode-copy{position:relative;z-index:1;gap:8px;margin-top:auto;padding:22px 0 8px}.qw-home .qw-mode-option .mode-copy strong{display:block;color:#fff;font-size:22px;font-weight:950;line-height:1.08;text-shadow:0 2px 7px rgba(0,0,0,.55);text-wrap:balance}.qw-home .qw-mode-option .mode-copy small{display:-webkit-box;-webkit-line-clamp:4;color:#e6f0ed;font-size:11px;font-weight:650;line-height:1.45;text-shadow:0 1px 4px rgba(0,0,0,.65)}.qw-home .qw-mode-option .qw-mode-arrow{position:relative;z-index:1;align-self:flex-end;margin:3px 0 0;color:var(--stage-accent)}.qw-mode-classic .mode-emblem{border-radius:50%!important}.qw-mode-classic .mode-copy strong{color:#e7f7d5!important;font-family:Georgia,serif}.qw-mode-sprint .mode-emblem{transform:skew(-8deg)}.qw-mode-sprint .mode-copy strong{color:#ffe29a!important;font-style:italic;text-transform:uppercase}.qw-mode-teams .mode-emblem{background:linear-gradient(90deg,#166eaed9 50%,#1aa5a7d9 50%)!important}.qw-mode-teams .mode-copy strong{color:#bde9ff!important}.qw-mode-millionaire .mode-emblem{border-radius:50%!important;box-shadow:0 0 0 4px #fadc734d,0 2px 15px #0000004d!important}.qw-mode-millionaire .mode-copy strong{color:#ffe394!important;font-family:Georgia,serif}.qw-mode-board .mode-emblem{border-radius:3px!important;background:#144196d4!important}.qw-mode-board .mode-copy strong{width:-moz-fit-content;width:fit-content;padding:3px 6px;color:#fff9d5!important;background:#154394a6}.qw-mode-experts .mode-emblem{border-radius:50%!important}.qw-mode-experts .mode-copy strong{color:#f5d89b!important;font-family:Georgia,serif}.qw-mode-smartest .mode-emblem{clip-path:polygon(22% 0,100% 0,78% 100%,0 100%)}.qw-mode-smartest .mode-copy strong{color:#ffd7a6!important;text-transform:uppercase}.qw-mode-weakest .mode-emblem{border-radius:18px!important}.qw-mode-weakest .mode-copy strong{color:#ffc1cc!important;text-transform:uppercase}.qw-mode-lucky .mode-emblem{transform:rotate(-7deg)}.qw-mode-lucky .mode-copy strong{color:#ddf4aa!important;font-family:Georgia,serif}.qw-mode-marathon .mode-emblem{border-radius:3px!important;border-style:dashed!important}.qw-mode-marathon .mode-copy strong{color:#e7ddff!important;text-transform:uppercase}@media (max-width: 740px){.qw-home .qw-mode-option,.qw-home .qw-mode-poster{min-height:300px}.qw-home .qw-mode-poster{padding:12px}.qw-home .qw-mode-poster .mode-emblem{width:45px;height:45px}.qw-home .qw-mode-poster .mode-emblem svg{width:27px;height:27px}.qw-home .qw-mode-option .mode-copy strong{font-size:17px}.qw-home .qw-mode-option .mode-copy small{font-size:10px}}@media (max-width: 520px){.qw-home .creation-flow{padding-inline:14px}.qw-home .qw-mode-option,.qw-home .qw-mode-poster{min-height:294px}.qw-home .qw-mode-poster{padding:10px}.qw-home .qw-mode-poster .mode-emblem{width:40px;height:40px}.qw-home .qw-mode-poster .mode-emblem svg{width:24px;height:24px}.qw-mode-poster-label{max-width:60px;font-size:8px}.qw-home .qw-mode-option .mode-copy{padding-top:12px}.qw-home .qw-mode-option .mode-copy strong{font-size:16px}.qw-home .qw-mode-option .mode-copy small{-webkit-line-clamp:4;font-size:10px}}.qw-setup .qw-topic-card{display:flex;flex-direction:column;gap:10px;min-height:296px;border:1px solid rgba(255,255,255,.38);border-radius:7px;padding:18px;color:#fff;background-color:#173e42;background-image:linear-gradient(180deg,#02141b3d,#02141b61 36%,#02141be6 74%,#02141bfa),var(--topic-art);background-size:100% 100%,200% 500%;background-position:center,var(--topic-x) var(--topic-y);background-repeat:no-repeat;box-shadow:0 10px 24px #02161d3d}.qw-setup .qw-topic-card:hover,.qw-setup .qw-topic-card:focus-within{border-color:#ffdc76;box-shadow:0 16px 32px #02161d5c}.qw-setup .qw-topic-card .quiz-card-head{align-items:flex-start}.qw-topic-index{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(255,255,255,.72);border-radius:4px;color:#fff;background:#02181e94;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.qw-setup .qw-topic-card .quiz-category,.qw-setup .qw-topic-card .quiz-age-rating{border-color:#ffffff80;color:#fff;background:#02181ead;font-size:10px;font-weight:700}.qw-setup .qw-topic-card .quiz-age-rating{border-color:#ffd3c5;color:#fff;background:#b8494e}.qw-setup .qw-topic-card .quiz-card-title{align-items:flex-end;margin-top:auto}.qw-setup .qw-topic-card h3{color:#fff;font-size:clamp(20px,1.7vw,25px);font-weight:900;line-height:1.12;text-shadow:0 2px 8px rgba(0,0,0,.65)}.qw-setup .qw-topic-card .quiz-question-count{border:1px solid rgba(255,255,255,.55);color:#fff;background:#02181ebd}.qw-setup .qw-topic-card p{min-height:37px;color:#e7f1ec;font-size:12px;font-weight:600;line-height:1.5;text-shadow:0 1px 5px rgba(0,0,0,.9)}.qw-setup .qw-topic-card .primary-button{flex:0 0 auto;margin-top:4px}@media (max-width: 520px){.qw-setup .qw-topic-card{min-height:282px;padding:15px}.qw-setup .qw-topic-card h3{font-size:22px}}