/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Avenir Next", Avenir, "Nunito Sans", ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-title:ui-rounded, "SF Pro Rounded", "Avenir Next", Avenir, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;--color-canvas:#f7f3e9;--color-surface:#fffdf7;--color-ink:#17182b;--color-ink-muted:#636277;--color-line:#d9d2c4;--color-brand:#f0523b;--color-brand-dark:#bb3025;--color-blue:#4257d8;--color-blue-dark:#273895;--color-mint:#2ca58d;--color-yellow:#f3bc32;--color-pink:#d94d8c;--color-success:#087a5b;--color-danger:#c9364c;--color-warning:#a46308;--color-placeholder:#aaa5a0;--color-error-surface:#fff3f1;--color-display-canvas:#17182b;--color-display-surface:#23253e;--color-display-ink:#fffdf7;--color-display-ink-muted:#c4c3d2;--color-display-line:#454861;--color-ink-on-accent:#17182b;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-tactile:0 .28rem 0 #17182b38;--shadow-panel:0 1.25rem 3.5rem #2e271e1f;--motion-fast:.14s;--motion-medium:.28s;--content-max:76rem;--page-header-padding-block:1rem;--page-header-content-height:3.15rem}*{box-sizing:border-box}html{background:var(--color-canvas);min-width:320px;min-height:100%}body{background:var(--color-canvas);min-width:320px;min-height:100dvh;color:var(--color-ink);margin:0}:where(h1,h2,h3){font-family:var(--font-title);font-weight:900}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:.2rem solid var(--color-blue);outline-offset:.2rem}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) max(1rem, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(1rem, env(safe-area-inset-left))}.marketing-shell{background:radial-gradient(circle at 92% 12%, #f3bc3240, transparent 20rem), radial-gradient(circle at 2% 92%, #4257d824, transparent 24rem), var(--color-canvas);grid-template-rows:auto 1fr auto;display:grid;overflow-x:hidden}.marketing-shell--home{background:radial-gradient(ellipse 50rem 38rem at 72% 25rem, #f0523b45 0%, #f0523b24 34%, transparent 74%), radial-gradient(circle 30rem at 56% 8rem, #f3bc323d 0%, #f3bc3217 38%, transparent 72%), radial-gradient(circle 28rem at 3% 39rem, #4257d81c 0%, transparent 72%), radial-gradient(circle at 92% 12%, #f3bc322e, transparent 20rem), radial-gradient(circle at 2% 92%, #4257d824, transparent 24rem), var(--color-canvas)}.marketing-shell>*{min-width:0}.topbar{width:min(100%, var(--content-max));min-height:calc(var(--page-header-content-height) + var(--page-header-padding-block) + var(--page-header-padding-block));padding-block:var(--page-header-padding-block);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.brand-mark{color:var(--color-ink);letter-spacing:-.04em;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:900;display:inline-flex}.brand-mark__tile{border:.14rem solid var(--color-ink);background:var(--color-brand);color:#fff;width:2.4rem;height:2.4rem;box-shadow:0 .18rem 0 var(--color-ink);border-radius:.8rem;place-items:center;display:grid;transform:rotate(-4deg)}.brand-mark__word{font-size:1.2rem}.brand-link{width:max-content;color:inherit;text-decoration:none}.marketing-header{z-index:20;width:min(100%, var(--content-max));min-height:calc(var(--page-header-content-height) + var(--page-header-padding-block) + var(--page-header-padding-block));padding-block:var(--page-header-padding-block);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;margin-inline:auto;display:grid;position:relative}.marketing-nav{border:.1rem solid var(--color-line);background:#fffdf7c2;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem;display:flex;position:relative}.marketing-nav__indicator{z-index:0;background:var(--color-ink);opacity:0;pointer-events:none;border-radius:999px;width:0;position:absolute;top:.25rem;bottom:.25rem;left:0}.marketing-nav__indicator.is-visible{opacity:1}.marketing-nav__indicator.is-animated{transition:width var(--motion-medium) cubic-bezier(.22, 1, .36, 1), transform var(--motion-medium) cubic-bezier(.22, 1, .36, 1)}.marketing-nav__link{z-index:1;color:var(--color-ink-muted);transition:color var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:999px;padding:.7rem 1rem;font-size:.88rem;font-weight:850;text-decoration:none;position:relative}.marketing-nav__link.is-active{color:#fff}.marketing-nav__link:hover:not(.is-active){color:var(--color-ink);background:#17182b1a}.marketing-header__actions{justify-content:flex-end;align-items:center;display:flex}.menu-button{border:.12rem solid var(--color-ink);background:var(--color-surface);width:3rem;height:3rem;box-shadow:.15rem .18rem 0 var(--color-ink);cursor:pointer;border-radius:.9rem;display:none;position:relative}.menu-button span{background:var(--color-ink);width:1.25rem;height:.13rem;transition:transform var(--motion-fast) ease, opacity var(--motion-fast) ease;border-radius:999px;display:block;position:absolute;left:50%;transform:translate(-50%)}.menu-button span:first-child{top:.9rem}.menu-button span:nth-child(2){top:1.37rem}.menu-button span:last-child{top:1.84rem}.menu-button.is-open span:first-child{top:50%;transform:translate(-50%,-50%)rotate(45deg)}.menu-button.is-open span:nth-child(2){opacity:0}.menu-button.is-open span:last-child{top:50%;transform:translate(-50%,-50%)rotate(-45deg)}.mobile-menu{border:.12rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:.35rem .42rem 0 var(--color-ink);padding:.8rem;display:none;position:absolute;top:calc(100% - .25rem);left:0;right:0}.mobile-menu nav{display:grid}.mobile-menu__link{border-bottom:1px solid var(--color-line);min-height:3.6rem;color:var(--color-ink);justify-content:space-between;align-items:center;padding-inline:.65rem;font-size:1.05rem;font-weight:900;text-decoration:none;display:flex}.mobile-menu__link.is-active{color:var(--color-brand-dark)}.mobile-menu__language{color:var(--color-ink-muted);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .65rem .1rem;font-size:.85rem;font-weight:800;display:flex}.locale-switch{border:.1rem solid var(--color-line);background:#fffdf7bf;border-radius:999px;padding:.2rem;display:inline-flex}.locale-switch__option{min-width:2.75rem;min-height:2.75rem;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:.875rem;font-weight:800}.locale-switch__option.is-active{background:var(--color-ink);color:#fff}.home-main{width:min(100%, var(--content-max));min-width:0;margin-inline:auto;padding-block:clamp(1.5rem,4.5vh,4rem)}.marketing-main{width:min(100%, var(--content-max));margin-inline:auto}.home-hero{isolation:isolate;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,7vw,7rem);width:100%;min-width:0;display:grid;position:relative}.home-hero:after{z-index:-1;clip-path:ellipse(48% 46% at 61%);content:"";opacity:.38;pointer-events:none;background-image:radial-gradient(circle,#17182b2b 0 .08rem,#0000 .095rem);background-size:1.15rem 1.15rem;position:absolute;inset:7% -3% 5% 42%}.home-hero__copy{align-self:center;min-width:0}.eyebrow{color:var(--color-brand-dark);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .7rem;font-size:clamp(.85rem,2vw,1rem);font-weight:900}.home-hero h1{letter-spacing:-.075em;max-width:10ch;margin:0;font-size:clamp(3.4rem,10vw,7.75rem);font-weight:900;line-height:.88}.home-hero__intro{max-width:31rem;color:var(--color-ink-muted);margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.home-proof-list{flex-wrap:wrap;gap:.55rem;margin:1.35rem 0 0;padding:0;list-style:none;display:flex}.home-proof-list li{border:.1rem solid var(--color-ink);background:var(--color-surface);color:var(--color-ink);border-radius:999px;padding:.48rem .72rem;font-size:.78rem;font-weight:900;line-height:1.15}.home-proof-list li:nth-child(2){background:var(--color-yellow)}.home-proof-list li:nth-child(3){background:var(--color-mint)}.how-it-works{gap:clamp(2rem,5vw,3.75rem);padding-block:clamp(5rem,10vw,8rem) clamp(2rem,5vw,4rem);display:grid}.how-it-works__heading{max-width:48rem}.how-it-works h2{letter-spacing:-.065em;max-width:12ch;margin:0;font-size:clamp(2.75rem,7vw,5.75rem);font-weight:900;line-height:.94}.steps-list{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.step-card{border-top:.14rem solid var(--color-ink);grid-template-columns:auto minmax(0,1fr);gap:1rem;padding-block:1.4rem;display:grid}.step-card__number{border:.12rem solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-yellow);width:3rem;height:3rem;box-shadow:.2rem .22rem 0 var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:.08em;place-items:center;font-size:.9rem;font-weight:900;display:grid;transform:rotate(-3deg)}.step-card:nth-child(2) .step-card__number{background:var(--color-blue);color:#fff;transform:rotate(3deg)}.step-card:nth-child(3) .step-card__number{background:var(--color-mint);transform:rotate(-2deg)}.step-card:nth-child(4) .step-card__number{background:var(--color-brand);color:#fff;transform:rotate(2deg)}.step-card h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:900;line-height:1.05}.step-card p{max-width:34rem;color:var(--color-ink-muted);margin:.65rem 0 0;font-size:1rem;line-height:1.55}.play-panel{border:.12rem solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-surface);width:100%;min-width:0;box-shadow:.55rem .65rem 0 var(--color-ink);align-self:center;padding:clamp(1.25rem,4vw,2rem)}.button{border-radius:var(--radius-md);cursor:pointer;min-height:3rem;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease;border:.12rem solid #0000;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.1rem;font-weight:900;line-height:1.15;display:inline-flex}.button--large{min-height:4.15rem;padding:1rem 1.35rem;font-size:1.08rem}.button--full{justify-content:space-between;width:100%}.button--brand{border-color:var(--color-ink);background:var(--color-brand);color:#fff;box-shadow:var(--shadow-tactile)}.button--ink{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.button--quiet{border-color:var(--color-line);color:var(--color-ink);background:0 0}.button:hover:not(:disabled){transform:translateY(-.08rem)}.button:active:not(:disabled){box-shadow:none;transform:translateY(.2rem)}.button:disabled{cursor:not-allowed;opacity:.62}.confirmation-dialog{border:.12rem solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-surface);width:min(100% - 2rem,31rem);max-width:none;color:var(--color-ink);box-shadow:.55rem .65rem 0 var(--color-ink);margin:auto;padding:0}.confirmation-dialog::backdrop{background:#17182b94}.confirmation-dialog[open]{animation:confirmation-dialog-in var(--motion-medium) ease-out both}@keyframes confirmation-dialog-in{0%{opacity:0;transform:translateY(.75rem)scale(.96)}}.confirmation-dialog__content{gap:1rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.confirmation-dialog__content h2{letter-spacing:-.055em;margin:0;font-size:clamp(1.8rem,6vw,2.7rem);line-height:.98}.confirmation-dialog__content>p:not(.eyebrow){color:var(--color-ink-muted);margin:0;line-height:1.5}.confirmation-dialog__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.35rem;display:grid}.play-panel__hint{color:var(--color-ink-muted);text-align:center;margin:.8rem 0 0;font-size:.875rem}.or-divider{color:var(--color-ink-muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-block:1.25rem;font-size:.875rem;font-weight:700;display:grid}.or-divider:before,.or-divider:after{background:var(--color-line);content:"";height:1px}.field{gap:.5rem;min-width:0;display:grid}.field__label{font-size:.9rem;font-weight:850}.field__control{border:.12rem solid var(--color-line);border-radius:var(--radius-md);background:#fff;align-items:stretch;gap:.5rem;min-height:3.8rem;padding:.35rem;display:flex}.field__control:focus-within{border-color:var(--color-blue);box-shadow:0 0 0 .2rem #4257d826}.field__input{width:100%;min-width:0;color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:.16em;background:0 0;border:0;outline:none;font-size:1.45rem;font-weight:900}.field__input:focus-visible{outline:none}.field__input::placeholder{color:var(--color-placeholder)}.field__hint,.field__error{min-height:1.2rem;font-size:.825rem;line-height:1.4}.field__hint{color:var(--color-ink-muted)}.field__error{color:var(--color-danger);font-weight:750}.join-form__button{flex:none;min-width:6.3rem}.join-form{min-width:0}.join-form .field__input{padding-inline:.75rem .4rem}.home-footer{padding-block:1rem max(1rem, env(safe-area-inset-bottom));color:var(--color-ink-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;font-weight:750;display:flex}.home-themes,.home-rules{margin-block:clamp(3rem,8vw,7rem)}.home-section-heading{align-items:end;gap:1.25rem;margin-bottom:clamp(2rem,5vw,3.5rem);display:grid}.home-section-heading h2,.home-rules h2,.callout-panel h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:.96}.home-section-heading>p,.home-rules__copy>p:not(.eyebrow),.callout-panel>div>p:not(.eyebrow){color:var(--color-ink-muted);margin:0;font-size:1.05rem;line-height:1.6}.home-theme-grid{gap:1rem;display:grid}.home-theme-card{border:.12rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);min-height:0;box-shadow:.3rem .35rem 0 var(--color-ink);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1rem;padding:1rem;display:grid}.home-theme-card>.theme-tile{grid-row:1/span 2}.theme-tile{border:.12rem solid var(--color-ink);background:var(--color-blue);color:#fff;width:3.5rem;height:3.5rem;box-shadow:.15rem .18rem 0 var(--color-ink);border-radius:1rem;place-items:center;display:grid;transform:rotate(-3deg)}.theme-tile--2{background:var(--color-yellow);transform:rotate(3deg)}.theme-tile--3{background:var(--color-mint);transform:rotate(-2deg)}.theme-tile--4{background:var(--color-pink);transform:rotate(2deg)}.theme-tile--compact{width:2.65rem;height:2.65rem;box-shadow:.1rem .12rem 0 var(--color-ink);border-radius:.8rem}.theme-tile__art{width:2.2rem;height:2.2rem;overflow:visible}.theme-tile__image{object-fit:contain;transform-origin:50%;width:100%;height:100%;display:block}.theme-tile__image--geography,.theme-tile__image--science{transform:scale(.92)}.theme-tile__image--sport{transform:scale(1.05)}.theme-tile--compact .theme-tile__art{stroke-width:3.4px;width:1.7rem;height:1.7rem}.home-theme-card h3{letter-spacing:-.04em;align-self:end;margin:0;font-size:1.7rem}.home-theme-card p{color:var(--color-ink-muted);grid-column:2;align-self:start;margin:.3rem 0 0;line-height:1.55}.home-themes__cta{margin-top:1.75rem}.inline-link{min-height:3rem;color:var(--color-blue-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;margin-top:1.75rem;padding:0;font-weight:900;display:inline-flex}.inline-link__label{text-underline-offset:.25rem;text-decoration:underline;text-decoration-thickness:.12rem}.inline-link--light{color:#fff}.home-rules{border-radius:var(--radius-xl);background:var(--color-ink);color:#fff;gap:clamp(2rem,6vw,5rem);padding:clamp(1.5rem,5vw,4rem);display:grid}.home-rules .eyebrow{color:var(--color-yellow)}.home-rules__copy>p:not(.eyebrow){color:var(--color-display-ink-muted);margin-top:1.25rem}.home-stats{gap:.75rem;margin:0;display:grid}.home-stats>div{border-bottom:1px solid var(--color-display-line);justify-content:space-between;align-items:center;gap:1rem;min-height:5.5rem;display:flex}.home-stats dt{color:var(--color-display-ink-muted);font-weight:800}.home-stats dd{color:var(--color-yellow);font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:950}.marketing-footer{width:min(100%, var(--content-max));border-top:.14rem solid var(--color-ink);padding-block:clamp(2rem, 5vw, 3.5rem) max(1rem, env(safe-area-inset-bottom));margin:clamp(2rem,5vw,5rem) auto 0}.marketing-footer__main{gap:2.5rem;display:grid}.marketing-footer__brand p{max-width:27rem;color:var(--color-ink-muted);margin:1rem 0 0;line-height:1.55}.marketing-footer__links{justify-items:start;gap:.65rem;display:grid}.marketing-footer__links p,.marketing-footer__action p{letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:900}.marketing-footer__links a{color:var(--color-ink-muted);font-weight:800;text-decoration:none}.marketing-footer__links a:hover{color:var(--color-brand-dark)}.marketing-footer__action{align-content:start;justify-items:start;gap:.65rem;display:grid}.marketing-footer__bottom{border-top:1px solid var(--color-line);color:var(--color-ink-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1rem;font-size:.82rem;font-weight:750;display:flex}.marketing-footer__promise{align-items:center;gap:.5rem;display:inline-flex}.marketing-footer__completion-icon{width:1.15rem;height:1.15rem;color:var(--color-yellow-dark);stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.info-page{padding-block:clamp(3rem,8vw,7rem)}.info-hero{max-width:55rem;margin-bottom:clamp(3rem,7vw,6rem)}.info-hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,9vw,7.25rem);line-height:.91}.info-hero>p:last-child{max-width:42rem;color:var(--color-ink-muted);margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.callout-panel{border:.12rem solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-yellow);box-shadow:.4rem .48rem 0 var(--color-ink);align-items:end;gap:2rem;margin-top:clamp(3rem,8vw,7rem);padding:clamp(1.5rem,5vw,4rem);display:grid}.callout-panel--blue{background:var(--color-blue);color:#fff}.callout-panel--blue .eyebrow,.callout-panel--blue>div>p:not(.eyebrow){color:#fff}.callout-panel>div>p:not(.eyebrow){max-width:42rem;margin-top:1.1rem}.catalog-message{border:1px solid var(--color-line);border-radius:var(--radius-lg);min-height:12rem;color:var(--color-ink-muted);text-align:center;place-items:center;font-weight:800;display:grid}.theme-showcase{grid-template-columns:1fr;gap:1rem;display:grid}.theme-showcase__card{border:.12rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:.28rem .32rem 0 var(--color-ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid}.theme-showcase__card>div{align-content:start;align-self:stretch;min-width:0;display:grid}.theme-showcase__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.theme-showcase__heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,4vw,2.25rem)}.theme-showcase__heading h2 a{color:inherit;text-decoration:none}.theme-showcase__heading h2 a:hover{color:var(--color-brand-dark)}.theme-showcase__heading span{color:var(--color-warning);background:#a463081f;border-radius:999px;flex:none;padding:.35rem .55rem;font-size:.7rem;font-weight:900}.theme-showcase__heading span.is-ready{color:var(--color-success);background:#17815f1f}.theme-showcase__card p{color:var(--color-ink-muted);margin:.5rem 0;line-height:1.5}.theme-showcase__card strong{color:var(--color-brand-dark);margin-top:auto;font-size:.82rem}.theme-showcase__link{width:fit-content;color:var(--color-ink);margin-top:.9rem;font-size:.82rem;font-weight:900;text-decoration:none}.theme-showcase__link:hover{color:var(--color-brand-dark)}.theme-discovery-page{padding-block:clamp(2rem,5vw,4.5rem) clamp(4rem,8vw,7rem)}.theme-discovery-page__status{margin-block:clamp(3rem,10vh,8rem)}.theme-breadcrumb{color:var(--color-ink-muted);align-items:center;gap:.55rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:800;display:flex}.theme-breadcrumb a{color:inherit;text-decoration:none}.theme-breadcrumb a:hover{color:var(--color-brand-dark)}.theme-discovery-hero{border:.12rem solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:.4rem .48rem 0 var(--color-ink);grid-template-columns:minmax(0,1fr) minmax(12rem,20rem);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(1.5rem,5vw,4.5rem);display:grid;overflow:hidden}.theme-discovery-hero__copy{min-width:0}.theme-discovery-hero h1{letter-spacing:-.07em;max-width:11ch;margin:0;font-size:clamp(3rem,7vw,6.8rem);line-height:.91}.theme-discovery-hero__lead{max-width:42rem;color:var(--color-ink-muted);margin:1.5rem 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.theme-discovery-hero>.theme-tile{aspect-ratio:1;border-radius:clamp(1.5rem,4vw,3rem);justify-self:center;width:min(100%,19rem);height:auto}.theme-discovery-facts{flex-wrap:wrap;gap:.55rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.theme-discovery-facts li{border:.1rem solid var(--color-ink);background:var(--color-canvas);color:var(--color-ink);border-radius:999px;padding:.45rem .75rem;font-size:.75rem;font-weight:900}.theme-sample-section,.theme-how-section,.theme-related-section{margin-top:clamp(4rem,9vw,8rem)}.theme-sample-section{grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(2rem,7vw,7rem);display:grid}.theme-section-heading h2{letter-spacing:-.06em;max-width:16ch;margin:0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.96}.theme-section-heading>p:last-child:not(.eyebrow){max-width:36rem;color:var(--color-ink-muted);margin:1rem 0 0;line-height:1.6}.theme-sample-list{margin:0;padding:0;list-style:none;display:grid}.theme-sample-list li{border-top:1px solid var(--color-line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding-block:1.15rem;display:grid}.theme-sample-list li:last-child{border-bottom:1px solid var(--color-line)}.theme-sample-list span{color:var(--color-brand-dark);font-size:.75rem;font-weight:950}.theme-sample-list p{margin:0;font-size:clamp(1rem,2vw,1.2rem);font-weight:850;line-height:1.4}.theme-how-steps{margin-top:2rem}.theme-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.theme-related-grid>a{border:.12rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);box-shadow:.25rem .3rem 0 var(--color-ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid}.theme-related-grid>a:hover{box-shadow:.32rem .4rem 0 var(--color-ink);transform:translateY(-.15rem)}.theme-related-grid .theme-tile{grid-row:1/span 2}.theme-related-grid span{gap:.25rem;display:grid}.theme-related-grid strong{font-size:1.15rem}.theme-related-grid small{color:var(--color-ink-muted);line-height:1.4}.theme-related-grid b{color:var(--color-brand-dark);grid-column:2;font-size:.75rem}.theme-discovery-cta{background:var(--color-yellow)}.not-found-page{place-content:center;justify-items:start;min-height:60vh;padding-block:4rem;display:grid}.not-found-page>span{color:var(--color-yellow);letter-spacing:-.1em;text-shadow:.25rem .3rem 0 var(--color-ink);font-size:clamp(7rem,25vw,15rem);font-weight:950;line-height:.75}.not-found-page h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,7vw,5rem)}.not-found-page>p:not(.eyebrow){max-width:34rem;color:var(--color-ink-muted);margin:1rem 0 1.5rem;line-height:1.55}.brand-button,.text-button,.game-code{color:inherit;cursor:pointer;background:0 0;border:0}.brand-button{place-items:center;min-width:2.75rem;min-height:2.75rem;padding:.15rem;display:grid}.text-button{min-height:2.75rem;color:var(--color-ink-muted);padding:.5rem;font-size:.9rem;font-weight:800}.join-shell{background:linear-gradient(145deg, #f0523b14, transparent 50%), var(--color-canvas);grid-template-rows:auto 1fr;display:grid}.create-shell{background:radial-gradient(circle at 95% 4%, #f3bc3233, transparent 22rem), var(--color-canvas);min-height:100vh}.create-main{width:min(100%,58rem);margin-inline:auto;padding-block:clamp(2rem,6vw,5rem)}.create-heading{margin-bottom:clamp(2rem,5vw,4rem)}.create-heading h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.92}.create-heading>p:last-child{max-width:38rem;color:var(--color-ink-muted);margin:1.25rem 0 0;font-size:1.05rem;line-height:1.55}.create-form{gap:1.25rem;display:grid}.config-section{border:.12rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;box-shadow:.3rem .35rem 0 var(--color-ink);gap:1.25rem;margin:0;padding:clamp(.8rem,2.5vw,1.25rem) clamp(1.15rem,4vw,2rem) clamp(1.3rem,4vw,2rem);display:grid}.config-section legend{letter-spacing:-.035em;align-items:center;gap:.7rem;padding-inline:.35rem;font-size:clamp(1.2rem,3vw,1.55rem);font-weight:900;display:flex}.config-section legend span{color:var(--color-brand-dark);letter-spacing:.08em;font-size:.75rem}.mode-card,.perk-config-card,.theme-card,.device-card,.role-option{border:.1rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-ink);text-align:left;cursor:pointer}.mode-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid;position:relative}.quiz-format-card{border:.1rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-yellow);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.quiz-format-card{background:color-mix(in srgb, var(--color-yellow) 14%, var(--color-surface))}}.quiz-format-card__summary{gap:.3rem;padding:1rem;display:grid}.quiz-format-card__summary strong{letter-spacing:-.035em;font-size:clamp(1.25rem,3vw,1.55rem)}.quiz-format-card__summary small{color:var(--color-ink-muted);line-height:1.4}.quiz-format-card__modes{border-top:.1rem solid var(--color-line);background:var(--color-surface);gap:.7rem;padding:1rem;display:grid}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.mode-grid .mode-card{min-width:0}.perk-config-card{border:.1rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas);width:100%;color:var(--color-ink);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.perk-config-card__icon{background:var(--color-yellow);width:3.6rem;height:3.6rem;color:var(--color-ink);text-align:center;border-radius:1rem;place-content:center;font-size:1rem;font-weight:950;line-height:.8;display:grid}.perk-config-card__icon small{font-size:.62rem}.perk-config-card__copy strong,.perk-config-card__copy small{display:block}.perk-config-card__copy small{color:var(--color-ink-muted);margin-top:.25rem;line-height:1.4}.perk-config-card__toggle{border:.1rem solid var(--color-line);background:var(--color-surface);width:3.1rem;transition:background var(--motion-fast) ease;border-radius:999px;padding:.25rem;display:flex}.perk-config-card__toggle span{background:var(--color-ink-muted);width:1.15rem;height:1.15rem;transition:transform var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:50%}.perk-config-card.is-selected .perk-config-card__toggle,.perk-config-card__toggle.is-selected{border-color:var(--color-blue);background:var(--color-blue)}.perk-config-card.is-selected .perk-config-card__toggle span,.perk-config-card__toggle.is-selected span{background:#fff;transform:translate(1.4rem)}.mode-card__visual{border:.12rem solid var(--color-ink);background:var(--color-yellow);width:4.5rem;height:4.5rem;box-shadow:.2rem .22rem 0 var(--color-ink);border-radius:.95rem;flex:none;place-items:center;padding:.35rem;display:grid}.mode-card__visual>img{object-fit:contain;width:100%;height:100%;display:block}.mode-card strong,.mode-card small{display:block}.mode-card small,.device-card span,.theme-card__description,.role-option small{color:var(--color-ink-muted);margin-top:.25rem;line-height:1.4}.config-control{gap:.6rem;display:grid}.config-label{font-size:.85rem;font-weight:850}.option-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.option-row--four{grid-template-columns:repeat(4,minmax(0,1fr))}.option-button{border:.1rem solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-canvas);min-height:3.25rem;color:var(--color-ink);cursor:pointer;font-weight:900}.option-button--difficulty{justify-content:center;align-items:center;gap:.55rem;display:flex}.difficulty-chip{border:.1rem solid var(--color-ink);width:.75rem;height:.75rem;box-shadow:.08rem .08rem 0 var(--color-ink);border-radius:.25rem;flex:none;position:relative;top:-1px;transform:rotate(-4deg)}.difficulty-chip--easy{background:var(--color-mint)}.difficulty-chip--normal{background:var(--color-yellow);transform:rotate(3deg)}.difficulty-chip--hard{background:var(--color-brand)}.option-button.is-selected,.theme-card.is-selected,.device-card.is-selected,.role-option.is-selected{border-color:var(--color-blue);box-shadow:inset 0 0 0 .08rem var(--color-blue);background:#4257d814}.mode-card.is-selected{border-color:var(--color-blue);background:var(--color-canvas);box-shadow:inset 0 0 0 .08rem var(--color-blue)}.option-button:disabled,.theme-card:disabled{opacity:.48;cursor:not-allowed}.config-hint,.create-submit>small{color:var(--color-ink-muted);margin:0;line-height:1.45}.config-section .field__input,.creator-role-control .field__input{letter-spacing:0;padding-inline:.55rem;font-size:1rem}.creator-profile-fields{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;display:grid}.theme-grid,.device-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.theme-card,.device-card{align-content:start;padding:1rem;display:grid}.theme-card{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:.8rem;min-height:10.5rem;position:relative}.theme-card__heading{align-items:center;gap:.8rem;display:flex}.theme-card strong,.device-card strong{font-size:1.05rem}.theme-card .theme-card__availability{width:max-content;color:var(--color-ink-muted);background:0 0;align-self:end;align-items:center;gap:.4rem;margin-top:0;padding:0;font-size:.75rem;font-weight:600;display:flex}.theme-card .theme-card__availability:before{content:none}.theme-card .theme-card__availability.is-growing{color:var(--color-ink-muted);background:0 0}.theme-card .theme-card__availability.is-growing:before{background:var(--color-placeholder)}.random-theme-control{border:.1rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-yellow);grid-column:1/-1;gap:.75rem;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.random-theme-control{background:color-mix(in srgb, var(--color-yellow) 12%, var(--color-surface))}}.random-theme-control__heading{justify-content:space-between;align-items:center;gap:1rem;font-weight:900;display:flex}.random-theme-control output{border:.1rem solid var(--color-ink);background:var(--color-yellow);min-width:2.25rem;height:2.25rem;box-shadow:.1rem .12rem 0 var(--color-ink);font-variant-numeric:tabular-nums;border-radius:.7rem;place-items:center;display:grid}.random-theme-control input[type=range]{width:100%;accent-color:var(--color-blue);cursor:pointer;margin:0}.random-theme-control>small{color:var(--color-ink-muted);line-height:1.4}.device-card{min-height:8rem}.create-submit{text-align:center;gap:.65rem;width:min(100%,28rem);margin:1rem auto 0;display:grid}.inline-error{color:var(--color-danger);margin:0;font-size:.85rem;font-weight:800}.config-loading{color:var(--color-ink-muted);margin:0}.join-main{place-items:center;width:min(100%,34rem);margin-inline:auto;padding-block:clamp(2rem,8vh,6rem);display:grid}.join-card{border:.12rem solid var(--color-ink);border-radius:var(--radius-xl);background:var(--color-surface);width:100%;box-shadow:.5rem .6rem 0 var(--color-ink);gap:1.5rem;padding:clamp(1.5rem,5vw,2.5rem);display:grid}.join-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.35rem,9vw,4rem);line-height:.98}.join-card__room{color:var(--color-ink-muted);margin:0 0 .7rem;font-weight:750}.join-card__room strong{color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:.12em;margin-left:.35rem;font-size:1.1rem}.join-card__form{gap:1.25rem;display:grid}.join-card__form .field__input{letter-spacing:0;padding-inline:.55rem;font-size:1.05rem}.room-shell{grid-template-rows:auto 1fr;min-height:100dvh;display:grid;position:relative;overflow:hidden auto}.room-shell--player{background:var(--color-canvas);width:min(100%,44rem);margin-inline:auto}.room-shell--display,.room-shell--host-display,.room-shell--host:not(.phase--lobby){background:radial-gradient(circle at 7% 10%, #4257d821, transparent 27rem), radial-gradient(circle at 95% 94%, #f0523b1c, transparent 30rem), var(--color-canvas);color:var(--color-ink)}.room-shell--appearance-dark{--color-canvas:var(--color-display-canvas);--color-surface:var(--color-display-surface);--color-ink:var(--color-display-ink);--color-ink-muted:var(--color-display-ink-muted);--color-line:var(--color-display-line);--color-brand-dark:#ff7967;--color-blue-dark:#91a0ff;--color-success:#49c9aa;--color-danger:#ff7185;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shadow-tactile:0 .3rem 0 #00000073;background:radial-gradient(circle at 7% 10%, #4257d84d, transparent 27rem), radial-gradient(circle at 95% 94%, #f0523b38, transparent 30rem), var(--color-canvas);color:var(--color-ink)}.phase--finished{background:radial-gradient(circle at 50% 15%, #f3bc3252, transparent 24rem), var(--color-canvas)}.game-header{z-index:3;width:min(100%, var(--content-max));border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:.75rem;min-height:4.6rem;margin-inline:auto;display:flex}.game-header__actions{align-items:center;gap:.75rem;display:flex}.game-sound-toggle{border:.1rem solid var(--color-ink);background:var(--color-yellow);width:2.4rem;height:2.4rem;color:var(--color-ink);box-shadow:0 .16rem 0 var(--color-ink);cursor:pointer;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease, opacity var(--motion-fast) ease;border-radius:.8rem;place-items:center;display:grid}.game-sound-toggle:hover{transform:translateY(-.08rem)}.game-sound-toggle:active{box-shadow:none;transform:translateY(.12rem)}.game-sound-toggle.is-muted{border-color:var(--color-line);background:var(--color-surface);color:var(--color-ink-muted);box-shadow:none}.game-sound-toggle svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.2rem;height:1.2rem;overflow:visible}.game-sound-toggle svg>path:first-child{stroke:none}.reaction-picker{z-index:8;position:relative}.reaction-picker__trigger,.reaction-picker__tray button{border:.1rem solid var(--color-ink);background:var(--color-surface);color:var(--color-ink);cursor:pointer;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, opacity var(--motion-fast) ease;place-items:center;display:grid}.reaction-picker__trigger{width:2.4rem;height:2.4rem;box-shadow:0 .16rem 0 var(--color-ink);border-radius:.8rem;font-size:1.25rem;font-weight:950}.reaction-picker__trigger[aria-expanded=true]{background:var(--color-yellow);box-shadow:none;transform:translateY(.12rem)rotate(6deg)}.reaction-picker__tray{border:.1rem solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:repeat(6,2.35rem);gap:.28rem;padding:.42rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0}@supports (color:color-mix(in lab, red, red)){.reaction-picker__tray{background:color-mix(in srgb, var(--color-surface) 94%, transparent)}}.reaction-picker__tray{box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);transform-origin:100% 0;animation:.18s cubic-bezier(.2,.9,.3,1.1) both reaction-tray-enter}.reaction-picker__tray button{border-color:var(--color-line);border-radius:.7rem;width:2.35rem;height:2.35rem;font-size:1.25rem}.reaction-picker__tray button:not(:disabled):hover,.reaction-picker__tray button:not(:disabled):focus-visible{z-index:1;border-color:var(--color-brand);transform:translateY(-.12rem)scale(1.08)}.reaction-picker__trigger:disabled,.reaction-picker__tray button:disabled{opacity:.45;cursor:default}@keyframes reaction-tray-enter{0%{opacity:0;transform:translateY(-.25rem)scale(.92)}}.game-header__brand{position:relative}.game-header__tooltip{z-index:4;border:1px solid var(--color-line);background:var(--color-surface);width:max-content;max-width:min(17rem,72vw);color:var(--color-ink);box-shadow:var(--shadow-panel);opacity:0;pointer-events:none;transition:transform var(--motion-fast) ease, opacity var(--motion-fast) ease;border-radius:.6rem;padding:.4rem .55rem;font-size:.72rem;font-weight:800;line-height:1.25;position:absolute;top:calc(100% + .5rem);left:0;transform:translateY(-.2rem)}@media (hover:hover){.game-header__brand:hover .game-header__tooltip,.game-header__brand:focus-visible .game-header__tooltip{opacity:1;transform:translateY(0)}}.display-appearance-switch{border:1px solid var(--color-line);background:var(--color-surface);border-radius:999px;gap:.2rem;padding:.2rem;display:inline-flex}.display-appearance-switch__option{min-height:2.15rem;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:850;display:inline-flex}.display-appearance-switch__option.is-active{background:var(--color-ink);color:var(--color-canvas)}.connection-pill{color:var(--color-ink-muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-size:.8rem;font-weight:800;display:inline-flex}.connection-pill__dots{align-items:center;gap:.14rem;display:inline-flex}.connection-pill__dots>span{background:currentColor;border-radius:50%;width:.22rem;height:.22rem;animation:.9s ease-in-out infinite connection-dot-pulse}.connection-pill__dots>span:nth-child(2){animation-delay:.12s}.connection-pill__dots>span:nth-child(3){animation-delay:.24s}.connection-pill.is-connected{color:var(--color-success)}.connection-pill.is-disconnected{color:var(--color-warning)}.connection-pill.is-failed{color:var(--color-danger)}.game-code{font-variant-numeric:tabular-nums;letter-spacing:.08em;grid-template-columns:auto .45em auto;align-items:center;min-height:2.75rem;padding:.2rem;font-size:1rem;font-weight:900;display:grid}.game-code__gap{background:var(--color-brand);border-radius:50%;width:.28em;height:.28em;margin-inline:auto}.game-code small{display:none}.game-code--large{letter-spacing:.08em;grid-template-columns:auto .6em auto;width:max-content;margin-inline:auto;font-size:clamp(2.2rem,11vw,5.5rem);line-height:1}.game-code--large small{color:var(--color-ink-muted);letter-spacing:0;text-align:center;grid-column:1/-1;margin-top:.5rem;font-size:.75rem;font-weight:750;display:block}.error-banner{z-index:10;top:max(1rem, env(safe-area-inset-top));border:.12rem solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-error-surface);width:min(100% - 2rem,36rem);color:var(--color-danger);box-shadow:var(--shadow-panel);text-align:center;padding:.85rem 1rem;font-weight:800;position:fixed;left:50%;transform:translate(-50%)}.reaction-layer{z-index:6;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0;overflow:hidden}.reaction-toast{bottom:max(3.75rem, env(safe-area-inset-bottom));left:var(--reaction-x);max-width:min(12rem,46vw);color:var(--color-ink);will-change:transform, opacity;place-items:center;gap:.18rem;animation:1.65s cubic-bezier(.18,.76,.28,1) both reaction-float;display:grid;position:absolute}.reaction-toast__emoji{filter:drop-shadow(0 .3rem .4rem #17182b2e);font-size:clamp(2.35rem,7vw,4.5rem);line-height:1}.reaction-toast__name{border:1px solid var(--color-ink);max-width:100%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.reaction-toast__name{border:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent)}}.reaction-toast__name{background:var(--color-surface);border-radius:999px;padding:.2rem .48rem}@supports (color:color-mix(in lab, red, red)){.reaction-toast__name{background:color-mix(in srgb, var(--color-surface) 78%, transparent)}}.reaction-toast__name{text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);font-size:clamp(.62rem,1.8vw,.78rem);font-weight:900;line-height:1.1;box-shadow:0 .2rem .6rem #17182b1f}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%)rotate(0)scale(.72)}12%{opacity:.88}72%{opacity:.74}to{transform:translate(calc(-50% + var(--reaction-drift)), max(-64dvh, -28rem)) rotate(var(--reaction-rotation)) scale(1.12);opacity:0}}.lobby-layout{align-content:center;gap:1.25rem;width:min(100%,64rem);margin-inline:auto;padding-block:clamp(2rem,6vh,5rem);display:grid}.lobby-layout--player{width:min(100%,34rem)}.lobby-intro{text-align:center}.lobby-intro h1{letter-spacing:-.055em;max-width:14ch;margin:0 auto 1.5rem;font-size:clamp(2.2rem,6vw,4.6rem);line-height:.98}.primary-display-note{border:1px solid var(--color-line);border-radius:var(--radius-md);text-align:left;background:#fffdf7ad;align-items:center;gap:.75rem;width:min(100%,32rem);margin:1.5rem auto 0;padding:.8rem .9rem;display:flex}.primary-display-note strong{background:var(--color-ink);color:var(--color-canvas);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:.35rem .55rem;font-size:.72rem;font-weight:900}.primary-display-note span{color:var(--color-ink-muted);font-size:.9rem;font-weight:750;line-height:1.4}.invite-card{border:.12rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:.35rem .4rem 0 var(--color-ink);align-items:center;gap:1rem;padding:1rem;display:flex}.invite-card .qr-code{width:7.5rem}.invite-card div{color:var(--color-ink-muted);gap:.25rem;font-size:.875rem;display:grid}.invite-card strong{color:var(--color-ink);font-size:1.2rem}.invite-card p{color:var(--color-ink);margin:.35rem 0 0;font-size:.9rem;font-weight:800;line-height:1.35}.invite-share-button{white-space:nowrap;justify-content:center;gap:.55rem;width:max-content;min-height:2.75rem;margin-top:.8rem;padding:.55rem .85rem;font-size:.82rem}.invite-share-button svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.15rem;height:1.15rem;overflow:visible}.invite-share-button svg path{fill:none}.invite-share-button.is-success{background:var(--color-mint);color:var(--color-ink)}.invite-share-button.is-failed{border-color:var(--color-brand-dark);color:var(--color-brand-dark)}.invite-share-button__icon{background:var(--color-ink);color:#fff;border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;font-size:.68rem;font-weight:950;display:grid}.qr-code{aspect-ratio:1;width:min(100%,15rem);color:var(--color-ink-on-accent);display:block}.lobby-players{min-width:0;padding-block:1rem}.lobby-settings{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;min-width:0;padding:.75rem;display:grid}.lobby-setting{border-radius:var(--radius-sm);background:var(--color-canvas);text-align:center;place-content:center;min-height:3.3rem;padding:.55rem .7rem;display:grid}.lobby-setting small{color:var(--color-ink-muted);text-transform:uppercase;font-size:.68rem;font-weight:800}.lobby-setting strong{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.creator-role-control{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);gap:.75rem;padding:1rem;display:grid}.creator-role-control .section-heading{flex-direction:column;align-items:start;gap:.25rem}.creator-role-control .section-heading>span{text-align:left;max-width:none;font-size:.72rem;line-height:1.35}.creator-role-control__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.role-option{align-content:center;min-height:5rem;padding:.75rem;display:grid}.role-option strong,.role-option small{display:block}.creator-player{gap:.75rem;display:grid}.creator-player__summary{border:.1rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas);align-items:center;gap:.8rem;min-height:4.4rem;padding:.65rem;display:flex}.creator-player__summary .player-avatar{width:3rem;height:3rem}.creator-player__identity{flex:1;gap:.1rem;min-width:0;display:grid}.creator-player__identity small{color:var(--color-ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.creator-player__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.creator-player__edit,.creator-player__confirm{border:.1rem solid var(--color-ink);background:var(--color-surface);color:var(--color-ink);cursor:pointer;flex:none;place-items:center;display:grid}.creator-player__edit{border-radius:50%;width:2.75rem;height:2.75rem}.creator-player__edit svg{fill:currentColor;width:1.15rem}.creator-player__confirm{background:var(--color-mint);border-radius:.75rem;width:3.05rem;font-size:1.15rem;font-weight:950}.creator-player__confirm:disabled{cursor:not-allowed;opacity:.45}.creator-player__editor{padding-inline:.25rem}.creator-player__editor .field__control{background:var(--color-surface)}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-heading h1,.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.25rem,3vw,1.8rem)}.section-heading>span{color:var(--color-ink-muted);font-weight:800}.empty-copy{color:var(--color-ink-muted);margin:1rem 0 0;line-height:1.55}.player-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.player-chip{border:.1rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);transform-origin:0;align-items:center;gap:.6rem;min-width:0;min-height:3.8rem;padding:.55rem 1rem .55rem .55rem;font-weight:800;animation:.34s cubic-bezier(.2,.9,.25,1.15) both player-arrive;display:flex;position:relative}@keyframes player-arrive{0%{opacity:0;transform:translateY(.55rem)scale(.88)rotate(-2deg)}}.player-chip.is-self{border-color:var(--color-blue);box-shadow:inset 0 0 0 1px var(--color-blue)}.player-chip.is-offline{opacity:.58}.player-chip__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-chip__host-badge{z-index:2;border:.1rem solid var(--color-ink);background:var(--color-yellow);width:1.5rem;height:1.5rem;color:var(--color-ink);box-shadow:.08rem .1rem 0 var(--color-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.42rem;right:-.42rem}.player-chip__host-badge svg{fill:currentColor;width:.88rem;height:.88rem}.player-chip__host-badge:focus-visible{outline:.15rem solid var(--color-blue);outline-offset:.18rem}.player-chip__host-tooltip{z-index:5;border:.1rem solid var(--color-ink);background:var(--color-ink);width:max-content;max-width:min(12rem,100vw - 2rem);color:var(--color-surface);text-align:center;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease, visibility var(--motion-fast) ease;visibility:hidden;border-radius:.55rem;padding:.4rem .55rem;font-size:.7rem;font-weight:800;line-height:1.2;position:absolute;top:calc(100% + .55rem);right:-.15rem;transform:translateY(-.2rem);box-shadow:.12rem .14rem #15173333}.player-chip__host-tooltip:before{border-right:.3rem solid #0000;border-bottom:.35rem solid var(--color-ink);content:"";border-left:.3rem solid #0000;width:0;height:0;position:absolute;bottom:100%;right:.45rem}.player-chip__host-badge:hover .player-chip__host-tooltip,.player-chip__host-badge:focus-visible .player-chip__host-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.team-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.team-lobby-panel{--team-color:var(--color-brand);border:.1rem solid var(--team-color);min-width:0}@supports (color:color-mix(in lab, red, red)){.team-lobby-panel{border:.1rem solid color-mix(in srgb, var(--team-color) 55%, var(--color-line))}}.team-lobby-panel{border-radius:var(--radius-lg);background:var(--team-color);padding:.75rem}@supports (color:color-mix(in lab, red, red)){.team-lobby-panel{background:color-mix(in srgb, var(--team-color) 7%, var(--color-surface))}}.team-mark{background:var(--team-color);border-radius:50%;flex:none;width:.8rem;height:.8rem;display:inline-block;box-shadow:inset 0 0 0 .1rem #ffffff59}.team-lobby-panel__heading{align-items:center;gap:.5rem;display:flex}.team-lobby-panel__heading strong{flex:1}.team-lobby-panel__heading small{color:var(--color-ink-muted);font-weight:800}.team-lobby-panel .player-list{grid-template-columns:minmax(0,1fr);gap:.45rem;margin-top:.65rem}.team-lobby-panel .player-chip{min-height:3.25rem;padding:.4rem .55rem}.team-lobby-panel .player-avatar{width:2.25rem;height:2.25rem}.team-lobby-panel .empty-copy{margin-block:.75rem .2rem;font-size:.82rem}.team-selector{border:.1rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;padding:.65rem;display:flex}.team-selector>span{font-size:.78rem;font-weight:900}.team-selector>div{gap:.45rem;display:flex}.team-selector__option{border:.1rem solid var(--color-line);background:var(--color-canvas);color:var(--color-ink);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.78rem;font-weight:900;display:inline-flex}.team-selector__option.is-selected{border-color:var(--team-color);background:var(--team-color)}@supports (color:color-mix(in lab, red, red)){.team-selector__option.is-selected{background:color-mix(in srgb, var(--team-color) 12%, var(--color-surface))}}.team-selector__option.is-selected{box-shadow:inset 0 0 0 .08rem var(--team-color)}.team-selector__option:disabled{cursor:default;opacity:1}.question-topline__player-state,.question-team-badge{align-items:center;display:inline-flex}.question-topline__player-state{gap:.65rem}.question-team-badge{background:var(--team-color);border-radius:999px;gap:.35rem;padding:.32rem .55rem}@supports (color:color-mix(in lab, red, red)){.question-team-badge{background:color-mix(in srgb, var(--team-color) 12%, var(--color-surface))}}.question-team-badge{color:var(--team-color);font-size:.7rem;font-weight:950}.player-chip__status{color:var(--color-ink-muted);font-size:.72rem;font-weight:700}.avatar-picker{border:0;min-width:0;margin:0;padding:0}.avatar-picker legend{color:var(--color-ink);margin-bottom:.65rem;padding:0;font-size:.82rem;font-weight:900}.avatar-picker__grid{flex-wrap:wrap;gap:.7rem;display:flex}.avatar-picker__option{cursor:pointer;width:3.1rem;height:3.1rem;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease;background:0 0;border:0;border-radius:.85rem;padding:0;display:block;position:relative}.avatar-picker__option:hover{transform:translateY(-.1rem)}.avatar-picker__option.is-selected{transform:translateY(-.08rem)rotate(-1deg)}.avatar-picker__option .player-avatar{width:3rem;height:3rem;transition:box-shadow var(--motion-fast) ease}.avatar-picker__option.is-selected .player-avatar{box-shadow:.12rem .14rem 0 var(--color-ink), 0 0 0 .18rem var(--color-blue)}.avatar-picker__check{border:.1rem solid var(--color-ink);background:var(--color-yellow);width:1.45rem;height:1.45rem;color:var(--color-ink);box-shadow:.08rem .1rem 0 var(--color-ink);border-radius:50%;place-items:center;font-size:.7rem;font-weight:950;display:grid;position:absolute;top:-.45rem;right:-.45rem}.avatar-picker--popover{z-index:4;position:relative}.avatar-picker__label{color:var(--color-ink);margin-bottom:.5rem;font-size:.82rem;font-weight:900;display:block}.avatar-picker__trigger{cursor:pointer;width:3.55rem;height:3.55rem;transition:transform var(--motion-fast) ease;background:0 0;border:0;border-radius:1rem;padding:0;display:block;position:relative}.avatar-picker__trigger:hover{transform:translateY(-.1rem)rotate(-1deg)}.avatar-picker__trigger .player-avatar{width:3.45rem;height:3.45rem}.avatar-picker__popover{border:.12rem solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);width:max-content;max-width:min(34rem,100vw - 3rem);box-shadow:.28rem .32rem 0 var(--color-ink);gap:.8rem;padding:.9rem;display:grid;position:absolute;top:calc(100% + .6rem);left:0}.avatar-picker__popover>strong{font-size:.82rem}.player-avatar{--avatar-detail:white;border:.1rem solid var(--color-ink);width:2.45rem;height:2.45rem;box-shadow:.12rem .14rem 0 var(--color-ink);border-radius:.8rem;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.player-avatar--tone-1{background:var(--color-blue)}.player-avatar--tone-2{background:var(--color-brand)}.player-avatar--tone-3{--avatar-detail:var(--color-ink);background:var(--color-mint)}.player-avatar--tone-4{background:var(--color-pink)}.player-avatar__motif,.player-avatar__motif:before,.player-avatar__motif:after{background:var(--avatar-detail);content:"";display:block;position:absolute}.player-avatar--motif-1 .player-avatar__motif{border-radius:50%;width:1.15rem;height:1.15rem}.player-avatar--motif-1 .player-avatar__motif:after{background:inherit;box-shadow:0 0 0 .15rem var(--color-ink);border-radius:50%;inset:.3rem}.player-avatar--motif-2 .player-avatar__motif{border-radius:.18rem;width:1rem;height:1rem;transform:rotate(45deg)}.player-avatar--motif-2 .player-avatar__motif:after{background:var(--color-ink);inset:.25rem}.player-avatar--motif-3 .player-avatar__motif{width:.42rem;height:1.35rem;box-shadow:.7rem 0 0 var(--avatar-detail);border-radius:999px;transform:rotate(-12deg)translate(-.35rem)}.player-avatar--motif-4 .player-avatar__motif{width:.48rem;height:.48rem;box-shadow:.7rem 0 0 var(--avatar-detail), 0 .7rem 0 var(--avatar-detail), .7rem .7rem 0 var(--avatar-detail);border-radius:50%;transform:translate(-.35rem,-.35rem)}.player-avatar--motif-5 .player-avatar__motif{border-right:.65rem solid #0000;border-bottom:1.15rem solid var(--avatar-detail);background:0 0;border-left:.65rem solid #0000;width:0;height:0}.player-avatar--motif-6 .player-avatar__motif{border-radius:999px;width:1.3rem;height:.34rem}.player-avatar--motif-6 .player-avatar__motif:after{border-radius:999px;width:.34rem;height:1.3rem;top:50%;left:50%;transform:translate(-50%,-50%)}.player-avatar--motif-7 .player-avatar__motif{width:1.3rem;height:.24rem;box-shadow:0 -.45rem 0 var(--avatar-detail), 0 .45rem 0 var(--avatar-detail);border-radius:999px}.player-avatar--motif-8 .player-avatar__motif{clip-path:polygon(50% 0%,61% 34%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 34%);width:1.35rem;height:1.35rem}.player-avatar--motif-9 .player-avatar__motif{clip-path:polygon(58% 0,8% 58%,43% 58%,28% 100%,92% 42%,57% 42%);width:1.1rem;height:1.4rem}.player-avatar--motif-10 .player-avatar__motif{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:1.35rem;height:1.2rem}.host-actions{align-self:end;gap:.9rem;display:grid}.start-button-control{display:inline-flex;position:relative}.start-button-control--full,.start-button-control--full>.button{width:100%}.start-button-control:focus-visible{border-radius:var(--radius-md);outline:.2rem solid var(--color-blue);outline-offset:.2rem}.start-button-tooltip{z-index:8;border:.1rem solid var(--color-ink);background:var(--color-surface);width:max-content;max-width:min(19rem,100vw - 2rem);box-shadow:.14rem .18rem 0 var(--color-ink);color:var(--color-ink);opacity:0;pointer-events:none;text-align:center;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease;border-radius:.7rem;padding:.55rem .7rem;font-size:.75rem;font-weight:800;line-height:1.3;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%,.25rem)}.start-button-control.has-disabled-reason:is(:hover,:focus,:focus-within) .start-button-tooltip{opacity:1;transform:translate(-50%)}.host-actions>p{color:var(--color-ink-muted);text-align:center;margin:0;font-size:.85rem}.display-lobby{width:min(100%, var(--content-max));grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-inline:auto;padding-block:clamp(2rem,5vh,4rem);display:grid}.display-lobby__invite{text-align:center}.display-title{letter-spacing:-.06em;text-wrap:balance;max-width:12ch;margin:0 auto .55rem;font-size:clamp(2.4rem,6vw,5.5rem);line-height:.92}.display-kicker{color:var(--color-ink-muted);margin:0;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:800}.display-url{letter-spacing:-.04em;margin-block:.4rem 2rem;font-size:clamp(1.6rem,4vw,3.6rem);display:block}.display-lobby__qr{place-items:center;gap:.65rem;display:grid}.display-lobby__qr .invite-share-button{margin-top:0}.display-lobby__qr .qr-code{border-radius:var(--radius-lg);background:#fff;border:0;width:min(24vw,20rem);padding:.7rem}.display-lobby__players{grid-column:1/-1}.display-lobby>.lobby-settings{background:var(--color-surface);grid-column:1/-1}.display-lobby>.lobby-settings .lobby-setting{background:var(--color-canvas)}.display-host-controls{border-top:1px solid var(--color-line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.display-host-controls>div{align-items:center;gap:1rem;display:flex}.display-host-controls__hint{max-width:24rem;color:var(--color-ink-muted);text-align:right;margin:0;font-size:.78rem;font-weight:800;line-height:1.3}.display-host-controls .display-mode-back{color:#17182b;background:#fffdf7;border-color:#17182b;justify-self:start;box-shadow:0 .18rem #17182b}.display-host-controls .start-button-tooltip{left:auto;right:0;transform:translateY(.25rem)}.display-host-controls .start-button-control.has-disabled-reason:is(:hover,:focus,:focus-within) .start-button-tooltip{transform:translateY(0)}.display-lobby__players .player-chip{background:var(--color-surface)}.starting-screen,.loading-shell,.centered-shell{place-items:center;display:grid}.loading-shell{align-content:center;gap:1.5rem}.loading-pulse{border:.3rem solid var(--color-line);border-top-color:var(--color-brand);border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.start-countdown{--countdown-number-gap:clamp(1.25rem, 3dvh, 2rem);gap:var(--countdown-number-gap);text-align:center;place-items:center;width:100%;display:grid}.start-countdown p{color:var(--color-ink-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(1rem,3vw,1.6rem);font-weight:850}.start-countdown strong{font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;width:1.2em;animation:countdown-pop var(--motion-medium) ease-out;place-items:center;font-size:clamp(8rem,36vw,24rem);line-height:.88;display:grid;position:relative}.start-countdown strong.is-go{width:3.2ch;min-width:3.2ch;color:var(--color-brand);text-align:center;text-shadow:0 .055em 0 var(--color-yellow);transform-origin:50%;justify-self:center;font-size:clamp(5.5rem,25vw,16rem);animation:.62s cubic-bezier(.2,1.25,.4,1) both countdown-go-pop}.start-countdown strong:after,.intermission-countdown:after{content:"";pointer-events:none;border:.035em solid;border-radius:50%;width:.82em;height:.82em;animation:.85s ease-out both countdown-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes countdown-pop{0%{opacity:.2;transform:scale(.72)rotate(-4deg)}}@keyframes countdown-go-pop{0%{opacity:.15;transform:scale(.68)rotate(-5deg)}65%{transform:scale(1.06)rotate(1deg)}}@keyframes countdown-ring{0%{opacity:.28;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(1.18)}}.question-topline{color:var(--color-ink-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;font-weight:800;display:flex}.question-topline strong{color:var(--color-ink);font-variant-numeric:tabular-nums}.phase-timer{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.phase-timer__number{min-width:2ch;color:var(--color-blue);font-variant-numeric:tabular-nums;text-align:center;font-size:1.4rem;font-weight:900}.phase-timer__track{background:var(--color-line);border-radius:999px;height:.65rem;overflow:hidden}.phase-timer__track>span{border-radius:inherit;background:var(--color-blue);transform-origin:0;width:100%;height:100%;transition:transform .1s linear;display:block}.phase-timer.is-urgent .phase-timer__number{color:var(--color-danger);animation:.8s ease-in-out infinite timer-urgent-pulse}.phase-timer.is-urgent .phase-timer__track>span{background:var(--color-danger)}.phase-timer--large{width:min(20rem,28vw)}.phase-timer--large .phase-timer__number{color:var(--color-ink);font-size:clamp(1.8rem,4vw,3rem)}.phase-timer.is-expired .phase-timer__number{color:var(--color-ink-muted)}.phase-timer.is-expired .phase-timer__track>span{background:var(--color-line)}@keyframes timer-urgent-pulse{50%{transform:scale(1.09)}}.player-question,.audience-question,.player-result,.audience-results,.leaderboard-screen,.finished-screen{width:min(100%, var(--content-max));margin-inline:auto}.player-question{padding-block:1.25rem max(1.5rem, env(safe-area-inset-bottom));align-content:start;gap:1.15rem;display:grid}.player-question h1{letter-spacing:-.045em;margin:.35rem 0 0;font-size:clamp(1.75rem,7vw,3rem);line-height:1.08}.player-perk-slot{justify-content:flex-end;margin-bottom:-.4rem;display:flex}.player-perk-slot.is-empty{min-height:0;margin-bottom:0}.fifty-fifty-button{border:.11rem solid var(--color-ink);background:var(--color-yellow);width:3.25rem;height:3.25rem;color:var(--color-ink);box-shadow:.15rem .18rem 0 var(--color-ink);cursor:pointer;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, opacity var(--motion-fast) ease;border-radius:.9rem;place-items:center;padding:.55rem;display:grid}.fifty-fifty-button:not(:disabled):active{box-shadow:none;transform:translateY(.15rem)}.fifty-fifty-button:disabled{border-color:var(--color-line);background:var(--color-canvas);box-shadow:none;opacity:.64;cursor:default}.fifty-fifty-button__icon{fill:#ffffff7a;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:100%;height:100%;display:block;overflow:visible}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,2vw,1rem);display:grid}.answer-button{--answer-accent:var(--color-blue);border:.14rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;min-height:clamp(6.5rem,20vh,9.5rem);color:var(--color-ink);box-shadow:var(--shadow-tactile);text-align:center;cursor:pointer;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, opacity var(--motion-fast) ease, background var(--motion-fast) ease, filter var(--motion-fast) ease;place-items:center;padding:clamp(.8rem,2.5vw,1.25rem);font-weight:850;display:grid;position:relative}.answer-button:not(:disabled):hover{transform:translateY(-.08rem)}.answer-button:not(:disabled):active{box-shadow:none;transform:translateY(.2rem)}.answer-button:disabled{cursor:default}.answer-button--blue{--answer-accent:var(--color-blue)}.answer-button--yellow{--answer-accent:var(--color-warning)}.answer-button--mint{--answer-accent:var(--color-mint)}.answer-button--pink{--answer-accent:var(--color-pink)}.answer-tone--blue{--answer-background:var(--color-blue)}.answer-tone--yellow{--answer-background:var(--color-yellow);--answer-foreground:var(--color-ink)}.answer-tone--mint{--answer-background:var(--color-mint)}.answer-tone--pink{--answer-background:var(--color-pink)}.answer-button__letter{background:var(--answer-accent);border:.12rem solid;border-radius:.65rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;top:clamp(.55rem,1.5vw,.8rem);left:clamp(.55rem,1.5vw,.8rem)}@supports (color:color-mix(in lab, red, red)){.answer-button__letter{background:color-mix(in srgb, var(--answer-accent) 13%, white)}}.answer-button__letter{color:var(--answer-accent);font-size:.9rem;font-weight:950}.answer-button__label{place-items:center;width:100%;height:100%;min-height:0;padding-block:1.2rem;padding-inline:2rem;font-size:clamp(1rem,3.3vw,1.35rem);line-height:1.25;display:grid;overflow:hidden}.answer-button__label-text{overflow-wrap:anywhere;text-align:center;width:100%;max-height:3.45em;line-height:1.15;display:block;overflow:hidden}.answer-button__state{color:#fff;background:#17182bc7;border-radius:999px;padding:.25rem .5rem;font-size:.7rem;font-weight:900;position:absolute;bottom:.55rem;right:.65rem}.answer-button.is-selected{border-color:var(--color-blue);box-shadow:inset 0 0 0 .16rem var(--color-blue), 0 .18rem 0 #4257d857;background:#f0f2ff;transform:translateY(.2rem)}.answer-button.is-correct{background:var(--color-success);color:#fff;-webkit-text-fill-color:white;border-color:#075f49}.answer-button.is-incorrect{background:var(--color-danger);color:#fff;-webkit-text-fill-color:white;border-color:#9f2638}.answer-button.is-correct .answer-button__letter,.answer-button.is-incorrect .answer-button__letter{color:#fff;background:#ffffff24;border-color:#ffffffb3}.answer-button.is-celebrated{animation:.52s cubic-bezier(.2,1.25,.4,1) both correct-answer-hop}@keyframes correct-answer-hop{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-.65rem)scale(1.015)}72%{transform:translateY(.12rem)scale(1)}}.answer-button.is-muted{opacity:.32;box-shadow:none;filter:grayscale()}.answer-button.is-eliminated{border-color:var(--color-line);background:var(--color-canvas);box-shadow:none;color:var(--color-ink-muted);opacity:.48;filter:grayscale()}.answer-button.is-eliminated .answer-button__letter{color:var(--color-ink-muted);background:0 0}.answer-button__points{color:var(--color-ink);-webkit-text-fill-color:var(--color-ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;padding:.38rem .65rem;font-size:clamp(.78rem,2.2vw,.95rem);font-weight:950;animation:.5s cubic-bezier(.2,1.45,.45,1) both points-pop;position:absolute;top:.6rem;right:.65rem;box-shadow:0 .35rem 1rem #17182b38}@keyframes points-pop{0%{opacity:0;transform:translateY(.6rem)scale(.65)}}.question-reveal__insight{border:.1rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-yellow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.65rem,1.6vw,1rem);width:min(100%,70rem);margin-inline:auto;padding:clamp(.65rem,1.4vw,.9rem);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.question-reveal__insight{background:color-mix(in srgb, var(--color-yellow) 12%, var(--color-surface))}}.question-reveal__insight{text-align:left;animation:.46s cubic-bezier(.2,.9,.25,1.08) .12s both reveal-insight-enter}.question-reveal__insight-placeholder{display:none}.question-reveal__insight:after{background:var(--color-yellow);content:"";width:.35rem;position:absolute;inset:0 auto 0 0}.question-reveal__insight.is-answer-only{background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.question-reveal__insight.is-answer-only{background:color-mix(in srgb, var(--color-success) 8%, var(--color-surface))}}.question-reveal__insight.is-answer-only:after,.question-reveal__insight.is-answer-only .question-reveal__insight-icon{background:var(--color-success)}.question-reveal__insight.is-answer-only .question-reveal__insight-icon svg{stroke:#fff}.question-reveal__insight-icon{border:.1rem solid var(--color-ink);background:var(--color-yellow);width:clamp(2.5rem,5vw,3.25rem);height:clamp(2.5rem,5vw,3.25rem);box-shadow:.12rem .14rem 0 var(--color-ink);border-radius:clamp(.7rem,1.4vw,.9rem);place-items:center;animation:.42s cubic-bezier(.2,1.35,.4,1) .26s both reveal-insight-icon-pop;display:grid;transform:rotate(-2deg)}.question-reveal__insight-icon svg{fill:none;width:62%;stroke:var(--color-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.question-reveal__insight-copy{gap:.18rem;min-width:0;display:grid}.question-reveal__insight-copy>strong{color:var(--color-ink);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.66rem,1.3vw,.8rem);font-weight:950}.question-reveal__insight-copy>span{color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.82rem,1.7vw,1.05rem);font-weight:780;line-height:1.3;display:-webkit-box;overflow:hidden}.question-reveal__answer-chip{background:var(--color-success);color:#fff;text-overflow:ellipsis;white-space:nowrap;border:.1rem solid #075f49;border-radius:999px;align-items:center;gap:.4rem;max-width:min(26vw,17rem);padding:.42rem .7rem;font-size:clamp(.72rem,1.4vw,.88rem);font-weight:900;display:inline-flex;overflow:hidden}@keyframes reveal-insight-enter{0%{opacity:0;transform:translateY(.55rem)scale(.99)}}@keyframes reveal-insight-icon-pop{0%{opacity:0;transform:rotate(-8deg)scale(.65)}}.audience-question{align-content:center;gap:clamp(1.5rem,3vh,2.5rem);padding-block:clamp(2rem,5vh,4rem);display:grid}.audience-question__topline{justify-content:space-between;align-items:center;gap:2rem;display:flex}.audience-question__topline .question-topline{flex:1;font-size:clamp(1rem,2vw,1.45rem)}.audience-question h1{letter-spacing:-.055em;text-align:center;max-width:22ch;margin:0 auto;font-size:clamp(2.6rem,6.2vw,6rem);line-height:1.02}.audience-question .answer-button{min-height:clamp(7rem,18vh,11rem)}.audience-question .answer-button__label{font-size:clamp(1.3rem,2.6vw,2.2rem)}.player-result{align-content:center;gap:1rem;width:min(100%,34rem);padding-block:2rem;display:grid}.result-verdict{text-align:center;place-items:center;display:grid}.result-verdict>span{background:var(--color-success);color:#fff;border-radius:1.8rem;place-items:center;width:5.5rem;height:5.5rem;font-size:3.3rem;font-weight:950;display:grid;transform:rotate(-4deg)}.player-result.is-incorrect .result-verdict>span{background:var(--color-danger)}.result-verdict h1{letter-spacing:-.06em;margin:1.2rem 0 .3rem;font-size:clamp(2.8rem,10vw,5rem);line-height:.95}.result-verdict strong{color:var(--color-success);font-size:1.3rem}.player-result.is-incorrect .result-verdict strong{color:var(--color-ink-muted)}.result-answer,.result-stats,.final-personal-score{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)}.result-answer{text-align:center;gap:.35rem;padding:1.15rem;display:grid}.result-answer span,.result-stats span,.final-personal-score span{color:var(--color-ink-muted);font-size:.8rem;font-weight:800}.result-answer strong{font-size:1.2rem}.result-stats{grid-template-columns:1fr 1fr;display:grid}.result-stats>div{text-align:center;gap:.2rem;padding:1rem;display:grid}.result-stats>div+div{border-left:1px solid var(--color-line)}.result-stats strong{font-variant-numeric:tabular-nums;font-size:1.45rem}.audience-results{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);align-items:center;gap:clamp(2rem,7vw,7rem);padding-block:clamp(2rem,7vh,6rem);display:grid}.audience-results__answer>p,.explanation>span{color:var(--color-ink-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:900}.audience-results__answer h1{color:var(--color-success);letter-spacing:-.065em;margin:.45rem 0 2rem;font-size:clamp(3.3rem,7vw,7.2rem);line-height:.95}.explanation{border-left:.28rem solid var(--color-yellow);max-width:42rem;padding-left:1rem}.explanation p{color:var(--color-ink-muted);margin:.45rem 0 0;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.5}.distribution{gap:1rem;display:grid}.distribution__row{grid-template-columns:2.5rem 1fr 2ch;align-items:center;gap:.75rem;display:grid}.distribution__letter{border:.1rem solid var(--color-ink);background:var(--answer-background);width:2.5rem;height:2.5rem;color:var(--answer-foreground,white);border-radius:.75rem;place-items:center;font-weight:950;display:grid}.distribution__bar{background:var(--color-line);border-radius:999px;height:1rem;overflow:hidden}.distribution__bar>span{border-radius:inherit;background:var(--color-brand);height:100%;transition:width .6s ease-out;display:block}.distribution__row>strong{font-variant-numeric:tabular-nums;text-align:right}.leaderboard-screen{align-content:center;gap:.5rem;width:min(100%,48rem);padding-block:2rem;display:grid}.intermission-screen{--countdown-number-gap:clamp(1.25rem, 3dvh, 2rem);gap:var(--countdown-number-gap);text-align:center;place-content:center;justify-items:center;width:min(100%,52rem);margin-inline:auto;padding-block:2rem;display:grid}.intermission-screen__copy{justify-items:center;gap:clamp(.4rem,1dvh,.75rem);display:grid}.midpoint-countdown-screen .eyebrow{color:var(--color-brand-dark)}.midpoint-countdown-screen .intermission-countdown{color:var(--color-blue)}.intermission-screen h1{letter-spacing:-.06em;max-width:20ch;margin:0;font-size:clamp(2.1rem,6vw,4.8rem);line-height:.95}.intermission-countdown{width:1.2em;color:var(--color-brand);font-variant-numeric:tabular-nums;letter-spacing:0;animation:countdown-pop var(--motion-medium) ease-out;place-items:center;font-size:clamp(6rem,18vw,11rem);line-height:.82;display:grid;position:relative}.leaderboard-screen h1{letter-spacing:-.065em;margin:clamp(.75rem,2dvh,1.5rem) 0 clamp(1rem,2.5dvh,1.8rem);font-size:clamp(3rem,9vw,6.5rem);line-height:.9}.leaderboard-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.leaderboard-row{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);min-height:3.8rem;animation:leaderboard-in .35s var(--leaderboard-reveal-delay,0s) both;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem .85rem;display:grid}.leaderboard-row.is-self{border-color:var(--color-blue);box-shadow:inset 0 0 0 1px var(--color-blue)}.leaderboard-row__rank{background:var(--color-ink);width:2.25rem;height:2.25rem;color:var(--color-canvas);font-variant-numeric:tabular-nums;border-radius:.7rem;place-items:center;font-size:1rem;font-weight:950;display:grid}.leaderboard-row:first-child .leaderboard-row__rank{background:var(--color-yellow);color:var(--color-ink-on-accent)}.leaderboard-row__name{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:850;overflow:hidden}.leaderboard-row__score{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:900}.leaderboard-row__score small{color:var(--color-ink-muted);font-size:.7rem}@keyframes leaderboard-in{0%{opacity:0;transform:translateY(.6rem)}}.finished-screen{text-align:center;grid-template-rows:max-content minmax(0,1fr) max-content;align-content:center;place-items:center;gap:clamp(1.75rem,4.5dvh,3.5rem);padding-block:clamp(2.5rem,6dvh,5rem) clamp(3rem,7dvh,5.5rem);display:grid;position:relative}.finished-heading,.finished-ranking{place-items:center;width:100%;min-height:0;display:grid}.finished-heading{gap:clamp(.35rem,1dvh,.75rem)}.finished-heading>:is(p,h1){margin:0}.finished-heading>h1{letter-spacing:-.07em;margin:0;font-size:clamp(3.2rem,9vw,7rem);line-height:.9}.finished-ranking{align-content:center}.finished-actions{z-index:4;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:clamp(.65rem,1.5vw,1rem);width:min(100%,34rem);margin-block:clamp(.4rem,1.2dvh,.9rem) clamp(.75rem,2dvh,1.5rem);display:grid}.rematch-dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:#111228b8;place-items:center;padding:clamp(.75rem,3vw,2rem);display:grid;position:fixed;inset:0}.rematch-dialog{border:.14rem solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-canvas);width:min(100%,64rem);max-height:min(90dvh,56rem);box-shadow:.45rem .5rem 0 var(--color-ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.rematch-dialog__heading,.rematch-dialog__actions{padding:clamp(1rem,2.5vw,1.5rem)}.rematch-dialog__heading{border-bottom:.1rem solid var(--color-line);gap:.35rem;display:grid}.rematch-dialog__heading :is(h2,p){margin:0}.rematch-dialog__heading h2{letter-spacing:-.05em;font-size:clamp(1.8rem,4vw,3rem);line-height:.95}.rematch-dialog__heading>p:last-child{color:var(--color-ink-muted)}.rematch-dialog__content{overscroll-behavior:contain;gap:1rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid;overflow-y:auto}.rematch-setting{border:0;gap:.85rem;min-width:0;margin:0;padding:0;display:grid}.rematch-setting>legend{margin-bottom:.65rem;padding:0;font-weight:900}.rematch-setting__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.rematch-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.rematch-theme-grid .theme-card{min-height:8rem}.rematch-theme-grid .random-theme-control{grid-column:1/-1}.rematch-dialog__actions{border-top:.1rem solid var(--color-line);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=44rem){.rematch-dialog-backdrop{place-items:end center;padding:.5rem}.rematch-dialog{max-height:calc(100dvh - 1rem)}.rematch-setting__grid,.rematch-theme-grid{grid-template-columns:1fr}.rematch-theme-grid .theme-card{min-height:6.75rem}}.finished-actions .button{width:100%}.celebrate-results-button{border-color:var(--color-ink);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-tactile);gap:.5rem}.celebrate-results-button:active:not(:disabled){box-shadow:none}.celebrate-results-button>span{font-size:1.2em;line-height:1}.result-celebration-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.result-celebration-burst{position:absolute;inset:auto auto 0 9%}.result-celebration-burst--right{left:auto;right:9%}.result-celebration-piece{border:.04rem solid var(--color-ink);width:.48rem;height:.95rem;position:absolute;bottom:-1rem;left:0}@supports (color:color-mix(in lab, red, red)){.result-celebration-piece{border:.04rem solid color-mix(in srgb, var(--color-ink) 18%, transparent)}}.result-celebration-piece{background:var(--color-brand);opacity:0;will-change:transform, opacity;animation:result-celebration-launch 1.45s var(--celebration-delay) cubic-bezier(.15, .64, .3, 1) both;border-radius:.14rem}.result-celebration-piece:nth-child(2n){border-radius:999px;width:.62rem;height:.62rem}.result-celebration-piece:nth-child(3n){width:.38rem;height:1.05rem}.result-celebration-piece--1{background:var(--color-blue)}.result-celebration-piece--2{background:var(--color-yellow)}.result-celebration-piece--3{background:var(--color-mint)}.result-celebration-piece--4{background:var(--color-pink)}@keyframes result-celebration-launch{0%{opacity:0;transform:translate(0)rotate(0)scale(.55)}10%,68%{opacity:1}to{transform:translate3d(var(--celebration-drift), var(--celebration-rise), 0) rotate(var(--celebration-turn)) scale(1);opacity:0}}@media (width<=35rem){.result-celebration-piece:nth-child(n+15){display:none}.finished-actions{gap:.55rem}.finished-actions .button{padding-inline:.7rem;font-size:clamp(.78rem,3.6vw,.95rem)}}.winner-announcement{place-items:center;min-width:min(80vw,24rem);margin:0;display:grid;position:relative}.winner-announcement h2{z-index:1;color:var(--color-brand-dark);margin:0;font-size:clamp(1.4rem,3vw,2.4rem)}.finished-ranking--switchable{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(.55rem,1.4dvh,1rem);height:100%}.finished-ranking--team{grid-template-rows:auto minmax(0,1fr) auto}.final-result-view-switch{z-index:2;border:.1rem solid var(--color-ink);background:var(--color-surface);border-radius:999px;grid-auto-flow:column;gap:.2rem;padding:.2rem;display:grid;box-shadow:0 .16rem #17182b2e}.final-result-view-switch button{min-height:2rem;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:clamp(.72rem,1.8dvh,.88rem);font-weight:900;display:inline-flex}.final-result-view-switch button.is-active{background:var(--color-ink);color:#fff}.final-ranking-list{overscroll-behavior:contain;scrollbar-color:var(--color-ink) transparent;grid-auto-rows:minmax(3.25rem,max-content);align-content:start;align-self:center;gap:clamp(.18rem,.6dvh,.45rem);width:min(100%,46rem);height:100%;min-height:0;max-height:34rem;margin:0;padding:0 .35rem .2rem 0;display:grid;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.final-ranking-list{scrollbar-color:color-mix(in srgb, var(--color-ink) 45%, transparent) transparent}}.final-ranking-list{scrollbar-gutter:stable;scrollbar-width:thin;list-style:none}.final-ranking-list--compact{grid-template-rows:repeat(var(--final-ranking-count), minmax(3.25rem, 4.25rem));align-content:center;height:auto}.final-ranking-row{border:.1rem solid var(--color-line);border-radius:clamp(.75rem, 1.8dvh, var(--radius-md));background:var(--color-surface);text-align:left;min-width:0;min-height:0;animation:final-ranking-row-enter .36s var(--result-reveal-delay) ease-out both;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(.45rem,1.4vw,.8rem);padding:clamp(.28rem,.75dvh,.55rem) clamp(.55rem,1.6vw,.9rem);display:grid;position:relative;overflow:hidden;box-shadow:0 .12rem #17182b21}.final-ranking-row.is-winner{border-color:var(--color-yellow)}@supports (color:color-mix(in lab, red, red)){.final-ranking-row.is-winner{border-color:color-mix(in srgb, var(--color-yellow) 70%, var(--color-ink))}}.final-ranking-row.is-winner{background:var(--color-yellow)}@supports (color:color-mix(in lab, red, red)){.final-ranking-row.is-winner{background:color-mix(in srgb, var(--color-yellow) 13%, var(--color-surface))}}.final-ranking-row.is-self{border-color:var(--color-brand);box-shadow:inset 0 0 0 .08rem var(--color-brand), 0 .12rem 0 #17182b21}.final-ranking-row__rank{min-width:2.1rem;color:var(--color-ink-muted);font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(.72rem,1.8dvh,.9rem);font-weight:950;display:grid}.final-ranking-row.is-winner .final-ranking-row__rank{color:var(--color-ink)}.final-ranking-row__avatar{border-radius:clamp(.55rem,1.2dvh,.85rem);width:clamp(1.8rem,4.8dvh,2.7rem);height:clamp(1.8rem,4.8dvh,2.7rem)}.final-ranking-row>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.76rem,2.1dvh,1.05rem);overflow:hidden}.final-ranking-row__self,.final-result-bar__self{border:.08rem solid var(--color-ink);background:var(--color-brand);color:#fff;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .42rem;font-size:clamp(.55rem,1.4dvh,.68rem);font-weight:950;line-height:1}.final-ranking-row__self-slot{justify-items:end;min-width:0;display:grid}.final-ranking-row__self.is-placeholder{visibility:hidden}.final-ranking-row__score{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(.7rem,1.8dvh,.92rem);font-weight:900}.final-ranking-list--dense .final-ranking-row{padding-block:clamp(.16rem,.45dvh,.3rem)}.final-ranking-list--very-dense .final-ranking-row{border-radius:.65rem;gap:clamp(.3rem,1vw,.55rem);padding:.08rem .45rem}.final-ranking-list--very-dense .final-ranking-row__avatar{border-radius:.4rem;width:clamp(1.05rem,2.8dvh,1.45rem);height:clamp(1.05rem,2.8dvh,1.45rem)}.final-ranking-list--very-dense .final-ranking-row__self{padding-inline:.3rem}.final-ranking-list--very-dense .final-ranking-row__rank,.final-ranking-list--very-dense .final-ranking-row>strong,.final-ranking-list--very-dense .final-ranking-row__score{font-size:clamp(.58rem,1.65dvh,.72rem)}@keyframes final-ranking-row-enter{0%{opacity:0;transform:translateY(.55rem)scale(.985)}}.final-team-ranking-list{width:min(100%,42rem)}.final-team-ranking-row{--team-color:var(--color-brand);border-color:var(--team-color);grid-template-columns:auto auto minmax(0,1fr) auto auto}@supports (color:color-mix(in lab, red, red)){.final-team-ranking-row{border-color:color-mix(in srgb, var(--team-color) 58%, var(--color-line))}}.final-team-ranking-row{background:var(--team-color)}@supports (color:color-mix(in lab, red, red)){.final-team-ranking-row{background:color-mix(in srgb, var(--team-color) 7%, var(--color-surface))}}.final-team-ranking-row.is-winner{border-color:var(--team-color);background:var(--team-color)}@supports (color:color-mix(in lab, red, red)){.final-team-ranking-row.is-winner{background:color-mix(in srgb, var(--team-color) 13%, var(--color-surface))}}.final-team-ranking-row>.team-mark{border:.08rem solid var(--color-ink);width:clamp(1.25rem,3.5dvh,2rem);height:clamp(1.25rem,3.5dvh,2rem);box-shadow:.1rem .1rem 0 var(--team-color)}@supports (color:color-mix(in lab, red, red)){.final-team-ranking-row>.team-mark{box-shadow:.1rem .1rem 0 color-mix(in srgb, var(--team-color) 45%, transparent)}}.final-team-ranking-row__copy{gap:.08rem;min-width:0;display:grid}.final-team-ranking-row__copy>strong{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.8rem,2.1dvh,1.05rem);overflow:hidden}.final-team-ranking-row__copy>small{color:var(--color-ink-muted);font-size:clamp(.58rem,1.45dvh,.72rem);font-weight:800}.final-team-ranking-row .final-ranking-row__score{color:var(--team-color)}.final-result-bars{overscroll-behavior-inline:contain;scrollbar-color:var(--color-ink) transparent;justify-content:safe center;align-self:center;align-items:stretch;gap:clamp(.3rem,1.5vw,.85rem);width:min(100%,46rem);height:100%;min-height:0;max-height:31rem;margin:0;padding:clamp(1.15rem,2.8dvh,1.8rem) .35rem .3rem;display:flex;overflow:auto hidden}@supports (color:color-mix(in lab, red, red)){.final-result-bars{scrollbar-color:color-mix(in srgb, var(--color-ink) 45%, transparent) transparent}}.final-result-bars{scrollbar-gutter:stable both-edges;scrollbar-width:thin;list-style:none}.final-ranking-list::-webkit-scrollbar{width:.45rem;height:.45rem}.final-result-bars::-webkit-scrollbar{width:.45rem;height:.45rem}.final-ranking-list::-webkit-scrollbar-thumb{background:var(--color-ink);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.final-ranking-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-ink) 45%, transparent)}}.final-result-bars::-webkit-scrollbar-thumb{background:var(--color-ink);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.final-result-bars::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-ink) 45%, transparent)}}.final-ranking-list::-webkit-scrollbar-track{background:0 0}.final-result-bars::-webkit-scrollbar-track{background:0 0}.final-result-bar{--result-bar-color:var(--color-brand);width:auto;min-width:4rem;animation:final-result-bar-enter .42s var(--result-reveal-delay) cubic-bezier(.2, .9, .25, 1.08) both;flex:0 0 clamp(4rem,16%,6rem);grid-template-rows:auto auto auto minmax(0,1fr);justify-items:center;gap:clamp(.12rem,.5dvh,.3rem);display:grid}.final-result-bar--tone-1{--result-bar-color:var(--color-blue)}.final-result-bar--tone-2{--result-bar-color:var(--color-mint)}.final-result-bar--tone-3{--result-bar-color:var(--color-pink)}.final-result-bar.is-winner{--result-bar-color:var(--color-yellow)}.final-result-bar__avatar-stack{place-items:center;display:grid;position:relative}.final-result-bar__avatar{border-radius:clamp(.6rem,1.4dvh,.95rem);width:clamp(2rem,5.5dvh,3.1rem);height:clamp(2rem,5.5dvh,3.1rem)}.final-result-bar.is-winner .final-result-bar__avatar{transform:rotate(-2deg)scale(1.08)}.final-result-bar__self{z-index:1;position:absolute;bottom:calc(100% + .2rem);left:50%;transform:translate(-50%)}.final-result-bar>strong,.final-result-bar__score{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.final-result-bar>strong{font-size:clamp(.62rem,1.7dvh,.88rem)}.final-result-bar__score{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;font-size:clamp(.58rem,1.55dvh,.78rem);font-weight:900}.final-result-bar__track{justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex}.final-result-bar__fill{width:clamp(1.15rem,52%,2.35rem);height:max(1.5rem, var(--result-bar-height));border:.1rem solid var(--color-ink);background:var(--result-bar-color);color:#fff;font-variant-numeric:tabular-nums;transform-origin:bottom;animation:final-result-bar-grow .62s calc(var(--result-reveal-delay) + .1s) cubic-bezier(.2, .82, .25, 1) both;border-radius:.7rem .7rem 0 0;place-items:start center;padding-top:.28rem;font-size:clamp(.58rem,1.5dvh,.75rem);font-weight:950;display:grid;box-shadow:.12rem 0 #17182b29}.final-result-bar.is-winner .final-result-bar__fill{color:var(--color-ink-on-accent)}.final-result-bar.is-self .final-result-bar__fill{box-shadow:0 0 0 .12rem var(--color-canvas), 0 0 0 .28rem var(--color-brand)}.final-team-result-bars{gap:clamp(1.2rem,6vw,3rem);width:min(100%,32rem)}.final-team-result-bar,.final-team-result-bar.is-winner{--result-bar-color:var(--team-color);width:min(38%,9rem)}.final-team-result-bar .final-result-bar__avatar-stack>.team-mark{border:.12rem solid var(--color-ink);width:clamp(2.4rem,6.5dvh,3.6rem);height:clamp(2.4rem,6.5dvh,3.6rem);box-shadow:.16rem .16rem 0 var(--team-color)}@supports (color:color-mix(in lab, red, red)){.final-team-result-bar .final-result-bar__avatar-stack>.team-mark{box-shadow:.16rem .16rem 0 color-mix(in srgb, var(--team-color) 45%, transparent)}}.final-team-result-bar>strong{font-size:clamp(.78rem,2dvh,1rem)}.final-team-result-bar .final-result-bar__score{color:var(--team-color)}.team-tone--coral{--team-color:var(--color-brand)}.team-tone--blue{--team-color:var(--color-blue)}@keyframes final-result-bar-enter{0%{opacity:0;transform:translateY(.7rem)}}@keyframes final-result-bar-grow{0%{transform:scaleY(.08)}}.final-player-summary{gap:clamp(.35rem,1vw,.6rem);width:min(100%,18rem);margin-bottom:1rem;display:grid}.final-personal-score{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);align-content:center;place-items:center;gap:.08rem;min-width:0;min-height:3.5rem;margin-bottom:0;padding:.8rem 1rem;display:grid}.final-personal-score>span{color:var(--color-ink-muted);font-size:.72rem;font-weight:800}.final-personal-score strong{font-variant-numeric:tabular-nums;color:var(--color-ink);font-size:clamp(.95rem,3vw,1.1rem)}.empty-room-action{text-align:center;place-items:center;gap:1rem;width:min(100%,30rem);padding:2rem;display:grid}.empty-room-action h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.3rem,8vw,4.5rem);line-height:.95}.empty-room-action p{color:var(--color-ink-muted);margin:0 0 .5rem;line-height:1.5}.room-shell--display-surface{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.room-shell--display-surface>main{min-width:0;min-height:0;max-height:100%;overflow:hidden}.room-shell--display-surface .game-header{min-height:clamp(3.5rem,8dvh,4.35rem)}.room-shell--display-surface .display-lobby{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(7rem,.45fr);align-items:center;gap:clamp(.6rem,1.2dvh,.9rem) clamp(1rem,4.5vw,4.5rem);height:100%;padding-block:clamp(.8rem,1.8dvh,1.35rem)}.room-shell--display-surface .display-lobby__invite{min-width:0;min-height:0;padding-block:clamp(.35rem,.9dvh,.7rem)}.room-shell--display-surface .display-kicker{font-size:clamp(.75rem,2.2dvh,1.2rem)}.room-shell--display-surface .display-url{margin-block:clamp(.25rem,.7dvh,.5rem) clamp(.4rem,1dvh,.7rem);font-size:clamp(1rem,3.2dvh,2rem)}.room-shell--display-surface .game-code--large{min-height:0;font-size:clamp(2rem,7dvh,5.25rem)}.room-shell--display-surface .game-code--large small{margin-top:clamp(.2rem,.8dvh,.45rem);font-size:clamp(.58rem,1.4dvh,.72rem)}.room-shell--display-surface .display-lobby__qr{min-height:0;padding-block:clamp(.35rem,.9dvh,.7rem)}.room-shell--display-surface .display-lobby__qr .qr-code{width:min(19vw,22dvh,16rem);padding:clamp(.4rem,.9dvh,.6rem)}.room-shell--display-surface .display-lobby__qr .invite-share-button{min-height:clamp(2.1rem,5dvh,2.65rem);padding:clamp(.35rem,.8dvh,.55rem) clamp(.6rem,1vw,.85rem);font-size:clamp(.65rem,1.6dvh,.8rem)}.room-shell--display-surface .display-lobby>.lobby-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.3rem,.7vw,.5rem);margin-block:clamp(.2rem,.55dvh,.45rem);padding:clamp(.35rem,.8dvh,.55rem)}.room-shell--display-surface .display-lobby>.lobby-settings .lobby-setting{min-width:0;min-height:clamp(2.4rem,6dvh,3rem);padding:clamp(.3rem,.65dvh,.4rem) .5rem}.room-shell--display-surface .lobby-setting small{font-size:clamp(.52rem,1.4dvh,.65rem)}.room-shell--display-surface .lobby-setting strong{font-size:clamp(.65rem,1.8dvh,.82rem)}.room-shell--display-surface .display-lobby__players{align-self:stretch;min-height:0;padding-top:clamp(.1rem,.35dvh,.3rem);overflow:hidden}@media (width>=48rem){.room-shell--display-surface .display-lobby{padding-top:clamp(1.75rem,4dvh,3rem);padding-bottom:clamp(1rem,2dvh,1.5rem)}.room-shell--display-surface :is(.display-lobby__invite,.display-lobby__qr){padding-block:clamp(.75rem,1.6dvh,1.25rem)}.room-shell--display-surface .display-lobby__qr .qr-code{width:min(22vw,26dvh,18rem)}}@media (width>=48rem) and (height>=52rem){.room-shell--display-surface .display-lobby{row-gap:clamp(1rem,2dvh,1.5rem);padding-top:clamp(2rem,4dvh,3rem);padding-bottom:clamp(1.5rem,2.5dvh,2rem)}.room-shell--display-surface :is(.display-lobby__invite,.display-lobby__qr){padding-block:clamp(.75rem,1.4dvh,1.1rem)}.room-shell--display-surface .display-lobby>.lobby-settings{margin-block:clamp(.45rem,1dvh,.8rem)}.room-shell--display-surface .display-lobby__players{padding-top:clamp(.35rem,.7dvh,.6rem)}}.room-shell--display-surface .display-title{margin-bottom:clamp(.3rem,.7dvh,.5rem);font-size:clamp(1.8rem,5.2dvh,3.8rem)}.room-shell--display-surface .display-lobby__players .section-heading h2{font-size:clamp(1rem,2.8dvh,1.55rem)}.room-shell--display-surface .display-lobby__players .section-heading>span{font-size:clamp(.65rem,1.7dvh,.85rem)}.room-shell--display-surface .display-lobby__players .player-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.45rem,1dvh,.65rem);margin-top:clamp(.65rem,1.4dvh,1rem)}.room-shell--display-surface .display-lobby__players .player-chip{border-radius:var(--radius-md);border-width:.1rem;gap:.6rem;min-height:clamp(3.35rem,7dvh,3.8rem);padding:clamp(.45rem,1dvh,.55rem) clamp(.7rem,1.2vw,1rem) clamp(.45rem,1dvh,.55rem) clamp(.45rem,1dvh,.55rem);font-size:clamp(.8rem,1.9dvh,1rem)}.room-shell--display-surface .display-lobby__players .player-avatar{border-radius:.8rem;width:clamp(2.2rem,5dvh,2.45rem);height:clamp(2.2rem,5dvh,2.45rem)}.room-shell--display-surface .display-lobby--dense .display-lobby__players .player-list{gap:clamp(.2rem,.55dvh,.4rem);margin-top:clamp(.25rem,.7dvh,.5rem)}.room-shell--display-surface .display-lobby--dense .display-lobby__players .player-chip{gap:clamp(.25rem,.6vw,.5rem);min-height:clamp(1.9rem,4.5dvh,2.7rem);padding:.2rem clamp(.3rem,.8vw,.7rem) .2rem .3rem;font-size:clamp(.65rem,1.6dvh,.85rem)}.room-shell--display-surface .display-lobby--dense .display-lobby__players .player-avatar{border-radius:clamp(.45rem,1.2dvh,.7rem);width:clamp(1.5rem,3.4dvh,2rem);height:clamp(1.5rem,3.4dvh,2rem)}.room-shell--display-surface .display-lobby__players .empty-copy{margin-top:clamp(.25rem,.8dvh,.6rem);font-size:clamp(.7rem,1.8dvh,.9rem)}.room-shell--display-surface .display-host-controls{flex-direction:row;align-items:center;gap:clamp(.35rem,1vw,.75rem);padding-top:clamp(.4rem,.9dvh,.65rem)}.room-shell--display-surface .display-host-controls>div{flex-direction:row;align-items:center;gap:clamp(.35rem,1vw,.75rem)}.room-shell--display-surface .display-host-controls .button{white-space:nowrap;min-height:clamp(2.5rem,6dvh,3.25rem);padding:.45rem clamp(.65rem,1.5vw,1rem);font-size:clamp(.72rem,1.8dvh,.95rem)}.room-shell--display-surface :is(.starting-screen,.loading-shell){height:100%}.room-shell--display-surface .start-countdown p{font-size:clamp(.85rem,3dvh,1.45rem)}.room-shell--display-surface .start-countdown strong{font-size:clamp(5rem,38dvh,18rem)}.room-shell--display-surface .audience-question{grid-template-rows:auto minmax(0,1fr) minmax(0,min(46vw,20rem)) clamp(4rem,10dvh,5.25rem);align-content:stretch;gap:clamp(.45rem,1.6dvh,1.2rem);height:100%;padding-block:clamp(.45rem,1.5dvh,1rem)}.room-shell--display-surface .question-reveal__insight-placeholder{display:block}.room-shell--display-surface .audience-question__topline{gap:clamp(.75rem,2vw,2rem)}.room-shell--display-surface .audience-question__topline .question-topline{font-size:clamp(.72rem,2dvh,1.1rem)}.room-shell--display-surface .phase-timer--large{width:min(20rem,28vw)}.room-shell--display-surface .phase-timer--large .phase-timer__number{font-size:clamp(1.35rem,4dvh,2.5rem)}.room-shell--display-surface .audience-question h1{place-items:center;min-height:0;font-size:clamp(1.65rem,5.5dvh,4rem);display:grid}.room-shell--display-surface .audience-question .answer-grid{grid-template-rows:repeat(2,minmax(0,1fr));align-self:center;gap:clamp(.4rem,1.2dvh,.8rem);height:100%;min-height:0}.room-shell--display-surface .audience-question .answer-button{height:100%;min-height:0;padding:clamp(.4rem,1.2dvh,.9rem)}.room-shell--display-surface .audience-question .answer-button__label{padding-block:clamp(.4rem,1.2dvh,.9rem);font-size:clamp(.9rem,3dvh,1.8rem)}.room-shell--display-surface .question-reveal__insight{height:100%;min-height:0;padding:clamp(.5rem,1.1dvh,.75rem) clamp(.65rem,1.5vw,1rem)}.room-shell--display-surface .intermission-screen,.room-shell--display-surface .leaderboard-screen,.room-shell--display-surface .finished-screen{height:100%;min-height:0;padding-block:clamp(.4rem,1.5dvh,1rem)}.room-shell--display-surface .intermission-screen h1{font-size:clamp(1.75rem,7dvh,4.5rem)}.room-shell--display-surface .intermission-countdown{font-size:clamp(4.5rem,26dvh,10rem)}.room-shell--display-surface .leaderboard-screen{grid-template-rows:max-content minmax(0,1fr);align-content:stretch;gap:clamp(.2rem,.7dvh,.45rem)}.room-shell--display-surface .leaderboard-screen h1{margin-block:clamp(.55rem,1.6dvh,1rem) clamp(.65rem,1.8dvh,1.1rem);font-size:clamp(2rem,7dvh,5rem)}.room-shell--display-surface .leaderboard-list{grid-auto-rows:max-content;align-content:center;gap:clamp(.18rem,.6dvh,.4rem)}.room-shell--display-surface .leaderboard-row{min-height:clamp(2rem,6dvh,3.25rem);padding-block:clamp(.2rem,.6dvh,.45rem)}.room-shell--display-surface .leaderboard-row__rank{width:clamp(1.75rem,4dvh,2.2rem);height:clamp(1.75rem,4dvh,2.2rem)}.room-shell--display-surface .finished-heading>h1{font-size:clamp(2rem,7dvh,5rem)}.room-shell--display-surface .winner-announcement{margin-block:clamp(.2rem,.8dvh,.55rem) clamp(.25rem,1dvh,.7rem)}.room-shell--display-surface .winner-announcement h2{font-size:clamp(1.1rem,3.5dvh,2.1rem)}.room-shell--display-surface .finished-actions>.button{min-height:clamp(2.7rem,6dvh,3.5rem);padding-block:.55rem}@media (width>=42rem){.theme-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.theme-showcase__card{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;min-height:17rem;padding:1.25rem}.theme-showcase__card>.theme-tile{border-radius:1.2rem;width:4.75rem;height:4.75rem}.theme-showcase__card p{margin-block:.7rem 1.25rem}.home-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-theme-card{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;align-content:start;align-items:start;min-height:12.5rem;padding:1.15rem}.home-theme-card>.theme-tile{grid-row:auto}.home-theme-card h3{margin-top:1.5rem}.home-theme-card p{grid-column:1}}@media (width>=54rem){.app-shell{padding-inline:clamp(2rem,5vw,5rem)}.home-hero{grid-template-columns:minmax(0,1.08fr) minmax(22rem,.72fr);align-items:center;min-height:min(42rem,100dvh - 8rem)}.steps-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}.home-section-heading{grid-template-columns:minmax(0,1fr) minmax(20rem,.55fr)}.home-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-rules{grid-template-columns:minmax(0,1fr) minmax(20rem,.7fr)}.marketing-footer__main{grid-template-columns:minmax(0,1.4fr) minmax(8rem,.45fr) minmax(14rem,.65fr)}.rules-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.callout-panel{grid-template-columns:minmax(0,1fr) auto}.step-card{grid-template-columns:1fr;align-content:start;gap:1.5rem;padding-block:1.75rem 0}.lobby-layout:not(.lobby-layout--player){grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.lobby-layout:not(.lobby-layout--player) .lobby-intro{text-align:left;grid-area:1/1;align-self:center;padding-block:1rem}.lobby-layout:not(.lobby-layout--player) .lobby-intro h1{margin:0 0 1rem}.lobby-layout:not(.lobby-layout--player) .game-code--large{margin-inline:0}.lobby-layout:not(.lobby-layout--player) .game-code--large small{text-align:left}.lobby-layout:not(.lobby-layout--player)>.lobby-settings{grid-area:2/1/auto/-1}.lobby-layout:not(.lobby-layout--player) .lobby-players{grid-area:3/1/span 3}.lobby-layout:not(.lobby-layout--player) .invite-card{text-align:left;grid-area:1/2;grid-template-columns:minmax(8rem,9.5rem) minmax(0,1fr);justify-items:stretch;gap:1rem;padding:1rem;display:grid}.lobby-layout:not(.lobby-layout--player) .invite-card .qr-code{width:100%}.lobby-layout:not(.lobby-layout--player) .invite-card>div{align-content:center;justify-items:start;gap:.35rem;width:100%}.lobby-layout:not(.lobby-layout--player) .creator-role-control{grid-area:3/2}.lobby-layout:not(.lobby-layout--player) .host-actions{grid-area:4/2}}@media (width>=64rem){.theme-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.room-shell--player{width:min(100% - 4rem,60rem)}.room-shell--player .lobby-layout--player{width:min(100%,48rem)}}@media (width<=35rem){.mode-grid,.team-lobby-grid{grid-template-columns:1fr}.team-selector{flex-direction:column;align-items:stretch}.team-selector>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.team-selector__option{justify-content:center}.confirmation-dialog__actions{grid-template-columns:1fr}.create-shell{padding-inline:max(.8rem, env(safe-area-inset-right))}.create-main{padding-block:1.5rem 3rem}.config-section{padding:.8rem 1rem 1.1rem}.mode-card{grid-template-columns:auto minmax(0,1fr)}.mode-card__visual{border-radius:.85rem;width:4rem;height:4rem;padding:.3rem}.theme-grid,.device-mode-grid,.creator-role-control__options{grid-template-columns:1fr}.theme-card,.device-card{min-height:0}.option-row--four{grid-template-columns:repeat(2,minmax(0,1fr))}.display-host-controls,.display-host-controls>div{flex-direction:column;align-items:stretch}.brand-mark__word{display:none}.marketing-footer .brand-mark__word{display:inline}.home-main{padding-block:clamp(1.5rem,5vh,3rem)}.home-hero{gap:2.25rem}.home-hero:after{clip-path:ellipse(62% 45% at 62%);opacity:.28;inset:44% -2rem -1rem 18%}.how-it-works{padding-top:5rem}.home-rules{border-radius:var(--radius-lg)}.marketing-footer__bottom{flex-direction:column;align-items:flex-start}.play-panel,.join-card{border-radius:var(--radius-lg);box-shadow:.35rem .42rem 0 var(--color-ink)}.game-header{min-height:4rem}.game-header__meta{gap:.4rem}.lobby-layout{align-content:start;padding-top:3.5rem}.lobby-layout--player .lobby-intro{padding-top:1rem}.primary-display-note{flex-direction:column;align-items:flex-start}.player-list{grid-template-columns:minmax(0,1fr);display:grid}.player-chip{max-width:100%}.player-question{grid-template-rows:auto auto auto 1fr auto;min-height:calc(100dvh - 4rem)}.player-question h1{font-size:clamp(1.7rem,7vw,2.5rem)}.answer-grid{grid-template-columns:1fr}.answer-button{border-radius:var(--radius-md);min-height:5.1rem}.answer-button__label{font-size:clamp(1rem,4.4vw,1.2rem)}.player-question.question-reveal{grid-template-rows:auto auto 1fr}.question-reveal__insight{grid-template-columns:auto minmax(0,1fr)}.question-reveal__answer-chip{display:none}.player-result,.leaderboard-screen,.finished-screen{align-content:start;padding-top:2.5rem}}@media (width<=35rem) and (height<=42rem){.player-question{padding-block:.55rem max(.55rem, env(safe-area-inset-bottom));gap:.55rem}.player-question h1{margin-top:0;font-size:clamp(1.45rem,6.5vw,2rem);line-height:1.04}.answer-grid{gap:.4rem}.answer-button{min-height:4.25rem;padding:.55rem .7rem}.answer-button__letter{width:1.75rem;height:1.75rem}}@media (width<=47rem){.marketing-header{grid-template-columns:minmax(0,1fr) auto}.marketing-nav,.marketing-header__desktop-locale{display:none}.menu-button,.mobile-menu.is-open{display:grid}.display-lobby{grid-template-rows:auto;grid-template-columns:1fr}.display-lobby__qr .qr-code{width:min(52vw,17rem)}.audience-results{grid-template-columns:1fr}}.room-shell--gameplay{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}.room-shell--gameplay>main{transform-origin:50%;min-width:0;min-height:0;max-height:100%;overflow:hidden}.room-shell--gameplay>main:not(.starting-screen):not(.intermission-screen){animation:.38s cubic-bezier(.2,.82,.25,1) both game-stage-enter}.room-shell--gameplay.phase--question :is(.player-question,.audience-question) h1{animation:.42s cubic-bezier(.2,.82,.25,1) 70ms both game-copy-enter}.room-shell--gameplay.phase--question .answer-grid{animation:.46s cubic-bezier(.18,.82,.25,1) .13s both game-answer-grid-enter}.room-shell--gameplay.phase--question .answer-button:first-child .answer-button__label{animation:.3s ease-out .18s both game-answer-label-enter}.room-shell--gameplay.phase--question .answer-button:nth-child(2) .answer-button__label{animation:.3s ease-out .22s both game-answer-label-enter}.room-shell--gameplay.phase--question .answer-button:nth-child(3) .answer-button__label{animation:.3s ease-out .26s both game-answer-label-enter}.room-shell--gameplay.phase--question .answer-button:nth-child(4) .answer-button__label{animation:.3s ease-out .3s both game-answer-label-enter}.room-shell--gameplay.phase--question-results .answer-button__state{animation:.36s cubic-bezier(.2,1.25,.4,1) .1s both game-feedback-enter}.room-shell--gameplay .intermission-screen__copy{animation:.38s cubic-bezier(.2,.82,.25,1) 80ms both game-copy-enter}@keyframes game-stage-enter{0%{opacity:0;transform:translateY(.45rem)scale(.995)}}@keyframes game-copy-enter{0%{opacity:0;transform:translateY(.45rem)}}@keyframes connection-dot-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-.18rem)}}@keyframes game-answer-grid-enter{0%{opacity:0;transform:translateY(.65rem)scale(.985)}}@keyframes game-answer-label-enter{0%{opacity:0;transform:translateY(.3rem)}}@keyframes game-feedback-enter{0%{opacity:0;transform:translateY(.3rem)scale(.78)}}.room-shell--gameplay.room-shell--player .game-header{min-height:clamp(3.35rem,7dvh,4.25rem)}.room-shell--gameplay.room-shell--player .player-question{--player-question-gap:clamp(.45rem, 1.5dvh, .9rem);--answer-card-gap:clamp(.4rem, 1.25dvh, .75rem);gap:var(--player-question-gap);height:100%;min-height:0;padding-block:clamp(.45rem, 1.5dvh, 1rem) max(clamp(.5rem, 1.5dvh, 1rem), env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto minmax(0,min(50vw,22rem));align-content:stretch}.room-shell--gameplay.room-shell--player .player-question h1{text-align:center;text-wrap:balance;place-items:center;max-width:24ch;min-height:0;margin:0 auto;font-size:clamp(1.2rem,min(6vw,4.2dvh),2.8rem);line-height:1.02;display:grid}.room-shell--gameplay.room-shell--player .player-perk-slot{min-height:0;margin-bottom:calc(var(--answer-card-gap) - var(--player-question-gap));padding-inline-end:.3rem}.room-shell--gameplay.room-shell--player .fifty-fifty-button{width:clamp(2.65rem,6.5dvh,3.25rem);height:clamp(2.65rem,6.5dvh,3.25rem);padding:clamp(.42rem,1dvh,.55rem)}.room-shell--gameplay.room-shell--player .answer-grid{align-self:center;gap:var(--answer-card-gap);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:0}.room-shell--gameplay.room-shell--player .answer-button{border-radius:clamp(.85rem, 2.2dvh, var(--radius-lg));height:100%;min-height:0;padding:clamp(.4rem,1.2dvh,.8rem);overflow:hidden}.room-shell--gameplay.room-shell--player .answer-button__label{padding:clamp(1.4rem,4dvh,2rem) clamp(1.35rem,4vw,2rem) clamp(1.1rem,3dvh,1.5rem);font-size:clamp(.78rem,min(3.8vw,2.6dvh),1.25rem);line-height:1.15}.room-shell--gameplay.room-shell--player .answer-button__letter{width:clamp(1.55rem,4.2dvh,2rem);height:clamp(1.55rem,4.2dvh,2rem);top:clamp(.35rem,1dvh,.65rem);left:clamp(.35rem,1dvh,.65rem)}.room-shell--gameplay.room-shell--player .answer-button__state{font-size:clamp(.58rem,1.6dvh,.7rem);bottom:clamp(.3rem,.8dvh,.55rem);right:clamp(.35rem,1dvh,.65rem)}.room-shell--gameplay.room-shell--player .answer-button__points{top:clamp(.35rem,.9dvh,.6rem);right:clamp(.35rem,.9dvh,.65rem)}.room-shell--gameplay.room-shell--player :is(.starting-screen,.intermission-screen,.leaderboard-screen,.finished-screen){height:100%;min-height:0;padding-block:clamp(.45rem,1.5dvh,1rem)}.room-shell--gameplay.room-shell--player .start-countdown strong{font-size:clamp(5rem,32dvh,15rem)}.room-shell--gameplay.room-shell--player .intermission-screen h1{font-size:clamp(1.7rem,min(8vw,6dvh),4rem)}.room-shell--gameplay.room-shell--player .intermission-countdown{font-size:clamp(4rem,24dvh,9rem)}.room-shell--gameplay.room-shell--player .leaderboard-screen{grid-template-rows:max-content minmax(0,1fr);align-content:stretch;gap:clamp(.2rem,.8dvh,.5rem)}.room-shell--gameplay.room-shell--player .leaderboard-screen h1{margin-block:clamp(.5rem,1.6dvh,.95rem) clamp(.6rem,1.8dvh,1.05rem);font-size:clamp(2rem,min(10vw,7dvh),4.75rem)}.room-shell--gameplay.room-shell--player .leaderboard-list{grid-auto-rows:max-content;align-content:center;gap:clamp(.25rem,.8dvh,.5rem);min-height:0}.room-shell--gameplay.room-shell--player .leaderboard-row{min-height:0;padding-block:clamp(.25rem,.8dvh,.5rem)}.room-shell--gameplay.room-shell--player .finished-screen{padding-block:clamp(.8rem, 2dvh, 1.35rem) max(clamp(1rem, 2.5dvh, 1.75rem), env(safe-area-inset-bottom));grid-template-rows:max-content minmax(0,1fr) max-content;align-content:stretch;gap:clamp(1rem,2.5dvh,1.8rem)}.room-shell--gameplay.room-shell--player .finished-heading>h1{font-size:clamp(2.2rem,min(11vw,7dvh),5rem)}.room-shell--gameplay.room-shell--player .winner-announcement{margin-block:clamp(.2rem,.8dvh,.6rem)}.room-shell--gameplay.room-shell--player .winner-announcement h2{font-size:clamp(1rem,min(5vw,3dvh),1.8rem)}.room-shell--gameplay.room-shell--player .final-player-summary{margin-bottom:clamp(.3rem,.8dvh,.7rem)}.room-shell--gameplay.room-shell--player .final-personal-score{padding-block:clamp(.4rem,1dvh,.7rem)}@media (width>=35.01rem) and (height>=42rem){.room-shell--gameplay.room-shell--player .finished-screen{grid-template-rows:max-content minmax(0,1fr) max-content;align-content:stretch;gap:clamp(1.75rem,4dvh,3rem);padding-block:clamp(2rem,5dvh,4rem) clamp(2.5rem,6dvh,4.5rem)}.room-shell--gameplay.room-shell--player .finished-screen .final-player-summary{margin-bottom:clamp(.2rem,.7dvh,.5rem)}}@media (width<=35rem){.theme-discovery-page{padding-top:1.5rem}.theme-breadcrumb{white-space:nowrap;overflow:hidden}.theme-discovery-hero{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.theme-discovery-hero h1{font-size:clamp(2.7rem,14vw,4rem)}.theme-discovery-hero>.theme-tile{border-radius:1.4rem;grid-row:1;justify-self:start;width:7.5rem}.theme-discovery-facts{gap:.4rem}.theme-sample-section{grid-template-columns:1fr;gap:1.5rem}.theme-related-grid{grid-template-columns:1fr}.room-shell--gameplay.room-shell--player .start-countdown strong.is-go{font-size:clamp(3.5rem,22.4dvh,10.5rem)}.room-shell--gameplay.room-shell--player .player-question{min-height:0;padding-bottom:max(clamp(.85rem, 1.75dvh, 1.1rem), env(safe-area-inset-bottom))}.room-shell--gameplay.room-shell--player .answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-shell--gameplay.room-shell--player .answer-button{min-height:0}.room-shell--gameplay.room-shell--player :is(.leaderboard-screen,.finished-screen){align-content:stretch;padding-top:clamp(.45rem,1.5dvh,1rem)}}@media (width>=35.01rem) and (height<=48rem){.room-shell--gameplay .finished-screen{grid-template-rows:max-content minmax(0,1fr) max-content;align-content:stretch;gap:clamp(.9rem,2.5dvh,1.35rem);padding-block:clamp(1rem,2.5dvh,1.5rem)}.room-shell--gameplay .finished-heading{gap:clamp(.15rem,.6dvh,.35rem)}.room-shell--gameplay .finished-heading>h1{font-size:clamp(2.75rem,9dvh,4.25rem)}.room-shell--gameplay .winner-announcement h2{font-size:clamp(1.15rem,3.8dvh,1.65rem)}.room-shell--gameplay .finished-actions{margin-block:clamp(.2rem,.6dvh,.4rem) clamp(.35rem,1dvh,.6rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.reaction-toast{opacity:.88;transform:translate(-50%);animation:none!important}.result-celebration-layer{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}