:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-primary:#070b16;--color-bg-secondary:#0b1120;--color-bg-tertiary:#0e1626;--color-surface-primary:#101827;--color-surface-secondary:#151f31;--color-surface-elevated:#19243a;--color-surface-interactive:#1c2840;--color-surface-disabled:#111827;--color-border-subtle:#202a3d;--color-border-default:#2a3650;--color-border-strong:#43516e;--color-border-focus:#22d3ee;--color-text-primary:#f7f8fc;--color-text-secondary:#aab4c8;--color-text-muted:#758198;--color-text-disabled:#596276;--color-text-inverse:#070b16;--color-accent-primary:#7c3aed;--color-accent-hover:#8b5cf6;--color-accent-active:#6d28d9;--color-accent-soft:#7c3aed29;--color-accent-border:#8b5cf6b8;--color-info:#22d3ee;--color-info-soft:#22d3ee24;--color-success:#22c55e;--color-success-soft:#22c55e24;--color-warning:#f59e0b;--color-warning-soft:#f59e0b24;--color-danger:#f43f5e;--color-danger-soft:#f43f5e24;--color-overlay:#020612d1;--color-overlay-strong:#020612f0;--gradient-primary:linear-gradient(135deg, #6d28d9 0%, #7c3aed 55%, #315efb 100%);--gradient-active:linear-gradient(135deg, #22d3ee 0%, #315efb 48%, #7c3aed 100%);--gradient-danger:linear-gradient(135deg, #f43f5e 0%, #dc2626 100%);--font-family-primary:"Onest", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-caption:.8125rem;--font-size-body-small:.875rem;--font-size-body:1rem;--font-size-body-large:1.125rem;--font-size-h3:1.25rem;--font-size-h2:1.5rem;--font-size-h1:2rem;--font-size-display-small:clamp(2.25rem, 9vw, 3rem);--font-size-display:clamp(3rem, 14vw, 4.5rem);--font-size-timer:clamp(4rem, 22vw, 6.5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--border-width-default:1px;--border-width-selected:2px;--border-width-focus:3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-small:0 4px 12px #0000002e;--shadow-medium:0 10px 28px #00000042;--shadow-accent:0 0 24px #7c3aed38;--duration-fast:.12s;--duration-default:.18s;--duration-slow:.24s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1);font-family:var(--font-family-primary);font-synthesis:none;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg-primary);min-width:320px}body{background:linear-gradient(#22d3ee05 1px, transparent 1px), linear-gradient(90deg, #22d3ee05 1px, transparent 1px), var(--color-bg-primary);color:var(--color-text-primary);background-size:32px 32px;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,label,select{-webkit-tap-highlight-color:transparent}button,a,input,select{transition:background-color var(--duration-default) var(--ease-standard), border-color var(--duration-default) var(--ease-standard), color var(--duration-default) var(--ease-standard), box-shadow var(--duration-default) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}:focus-visible{outline:var(--border-width-focus) solid #22d3eed1;outline-offset:2px}::selection{background:var(--color-accent-primary);color:var(--color-text-primary)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-number{font-variant-numeric:tabular-nums}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-text-primary);overflow-wrap:anywhere}h1{font-size:clamp(2rem,8vw,3.25rem);font-weight:var(--font-weight-extrabold);letter-spacing:-.045em;margin-bottom:0;line-height:1.04}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);letter-spacing:-.025em;margin-bottom:0;line-height:1.18}h3{font-size:var(--font-size-h3)}.secondary-text{color:var(--color-text-secondary);margin-bottom:0}.eyebrow,.section-kicker{color:var(--color-info);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.11em;text-transform:uppercase;margin:0}.eyebrow--danger{color:var(--color-danger)}.page-shell{color:var(--color-text-primary);min-height:100dvh;padding:max(var(--space-5), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-6), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;display:flex}.page-shell--top{justify-content:flex-start}.page-brand{margin:0 auto var(--space-6);justify-content:space-between;align-items:center;width:100%;max-width:580px;display:flex}.brand{flex:none;align-items:center;gap:10px;display:inline-flex}.brand__mark{width:36px;height:36px;overflow:visible}.brand__wordmark{color:var(--color-text-primary);font-size:1.125rem;font-weight:var(--font-weight-extrabold);letter-spacing:-.035em}.brand--compact .brand__mark{width:32px;height:32px}.brand--compact .brand__wordmark{font-size:1rem}.panel{background:var(--color-surface-primary);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-small)}.form-panel{width:100%;max-width:580px;margin:auto;padding:clamp(24px,6vw,40px);position:relative;overflow:hidden}.form-panel:before{background:var(--gradient-primary);content:"";height:3px;position:absolute;inset:0 0 auto}.state-panel{gap:var(--space-5);width:100%;max-width:580px;padding:clamp(24px,7vw,40px);display:grid}.state-panel .brand{margin-bottom:var(--space-4)}.page-heading{gap:var(--space-3);margin-bottom:var(--space-8);display:grid}.page-heading--compact{margin-bottom:var(--space-5)}.page-heading .secondary-text{font-size:var(--font-size-body-large);max-width:56ch;line-height:1.55}.privacy-note{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:var(--space-5) 0 0;text-align:center}.status-badge{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;min-height:26px;padding:5px 9px;line-height:1;display:inline-flex}.status-badge--neutral{background:var(--color-surface-secondary)}.status-badge--accent{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:#c4b5fd}.status-badge--info{background:var(--color-info-soft);color:#67e8f9;border-color:#22d3ee6b}.status-badge--success{background:var(--color-success-soft);color:#86efac;border-color:#22c55e6b}.status-badge--warning{background:var(--color-warning-soft);color:#fcd34d;border-color:#f59e0b6b}form{gap:var(--space-6);display:grid}.field,.settings-field{gap:var(--space-2);display:grid}.field__label,.settings-field>span,fieldset legend,.invite-link>span{color:var(--color-text-primary);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold)}.field__input,.invite-link input{background:var(--color-bg-tertiary);border:var(--border-width-default) solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);width:100%;min-height:52px;padding:13px 14px;font-size:1rem}.field__input:hover,.invite-link input:hover{background:var(--color-surface-primary);border-color:#596987}.field__input:focus,.invite-link input:focus{background:var(--color-surface-primary);border-color:var(--color-info)}.field__input::placeholder{color:var(--color-text-muted)}.field__input:disabled{background:var(--color-surface-disabled);border-color:var(--color-border-subtle);color:var(--color-text-disabled);cursor:not-allowed}.field__input[aria-invalid=true]{border-color:var(--color-danger)}.field__hint{color:var(--color-text-muted);font-size:var(--font-size-caption)}.field__error{color:#fb7185;font-size:var(--font-size-body-small);display:block}select.field__input{cursor:pointer}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-primary);box-shadow:0 0 0 1000px var(--color-bg-tertiary) inset}.button{border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-bold);align-items:center;gap:var(--space-2);border:1px solid #0000;justify-content:center;min-height:52px;padding:12px 18px;text-decoration:none;display:inline-flex}.button--primary{background:var(--gradient-primary);box-shadow:inset 0 1px 0 #ffffff2e, var(--shadow-accent);color:var(--color-text-primary)}.button--primary:hover{filter:brightness(1.08);box-shadow:inset 0 1px #ffffff3d,0 0 30px #7c3aed4d}.button--primary:active{filter:brightness(.94);transform:translateY(1px)scale(.99)}.button--secondary{background:var(--color-surface-secondary);border-color:var(--color-border-strong);color:var(--color-text-primary)}.button--secondary:hover{background:var(--color-surface-interactive);border-color:#60708f}.button--secondary:active{background:var(--color-surface-primary);transform:translateY(1px)}.button--quiet{color:var(--color-text-secondary);background:0 0;min-height:44px}.button--quiet:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.button:disabled{background:var(--color-surface-disabled);border-color:var(--color-border-subtle);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed;filter:none;transform:none}.button--wide{width:100%}.button--compact{min-height:44px;padding:9px 13px}.button__arrow{font-size:1.15em;line-height:1}.button__spinner{border:2px solid #ffffff52;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.count-picker,.team-picker,.avatar-picker{border:0;min-width:0;margin:0;padding:0}.count-picker__control{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-2);grid-template-columns:52px 1fr 52px;display:grid}.count-picker__control .button{min-height:48px;padding:0;font-size:1.5rem}.count-picker__control output{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;display:flex}.count-picker__control output strong{font-size:2rem;font-weight:var(--font-weight-extrabold);line-height:1}.count-picker__control output span{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.count-picker .field__hint{margin:var(--space-2) 0 0;display:block}.team-picker__list{gap:var(--space-3);margin-top:var(--space-3);display:grid}.team-option{--team-accent:#8b5cf6;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3);transition:background-color var(--duration-default) var(--ease-standard), border-color var(--duration-default) var(--ease-standard), box-shadow var(--duration-default) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);grid-template-columns:auto auto 1fr auto;display:grid;position:relative;overflow:hidden}.team-option:before{background:var(--team-accent);content:"";width:3px;position:absolute;inset:0 auto 0 0}.team-option[data-team-position="2"],.roster[data-team-position="2"]{--team-accent:#22d3ee}.team-option[data-team-position="3"],.roster[data-team-position="3"]{--team-accent:#f59e0b}.team-option[data-team-position="4"],.roster[data-team-position="4"]{--team-accent:#22c55e}.team-option[data-team-position="5"],.roster[data-team-position="5"]{--team-accent:#f43f5e}.team-option[data-team-position="6"],.roster[data-team-position="6"]{--team-accent:#315efb}.team-option[data-team-position="7"],.roster[data-team-position="7"]{--team-accent:#ec4899}.team-option[data-team-position="8"],.roster[data-team-position="8"]{--team-accent:#14b8a6}.team-option:hover{background:var(--color-surface-primary);border-color:var(--color-border-strong);transform:translateY(-1px)}.team-option:has(input:checked){background:linear-gradient(90deg, color-mix(in srgb, var(--team-accent) 12%, transparent), transparent 56%), var(--color-surface-secondary);border:2px solid var(--team-accent);box-shadow:0 0 20px color-mix(in srgb, var(--team-accent) 18%, transparent);padding:11px}.team-option input{accent-color:var(--team-accent);width:20px;height:20px;margin:0}.team-option__marker,.team-number{background:color-mix(in srgb, var(--team-accent) 12%, var(--color-surface-secondary));border:1px solid color-mix(in srgb, var(--team-accent) 62%, var(--color-border-default));border-radius:var(--radius-sm);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-extrabold);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.team-option__body{flex-direction:column;min-width:0;display:flex}.team-option__body small{color:var(--color-text-secondary)}.team-option__check{border:1px solid var(--color-border-strong);color:#0000;font-weight:var(--font-weight-extrabold);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.team-option:has(input:checked) .team-option__check{background:var(--team-accent);border-color:var(--team-accent);color:var(--color-bg-primary)}.team-picker .field__error{margin-top:var(--space-2)}.inline-error,.notice{border-radius:var(--radius-md);font-size:var(--font-size-body-small);gap:var(--space-1);padding:var(--space-3) var(--space-4);margin:0;display:grid}.inline-error{background:var(--color-danger-soft);border:1px solid #f43f5e7a;border-left:3px solid var(--color-danger);color:#fda4af}.notice{background:var(--color-warning-soft);color:#fcd34d;border:1px solid #f59e0b73}.loading-bar{background:var(--color-border-subtle);border-radius:var(--radius-pill);width:100%;height:6px;position:relative;overflow:hidden}.loading-bar:after{animation:loading 1.4s var(--ease-emphasized) infinite;background:var(--gradient-active);border-radius:inherit;content:"";transform-origin:0;position:absolute;inset:0}@keyframes loading{0%{opacity:.55;transform:translate(-70%)scaleX(.32)}55%{opacity:1;transform:translate(36%)scaleX(.54)}to{opacity:.55;transform:translate(100%)scaleX(.26)}}.game-page{color:var(--color-text-primary);min-height:100dvh;padding-bottom:max(var(--space-12), env(safe-area-inset-bottom))}.game-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-subtle);min-height:68px;padding:max(var(--space-3), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) var(--space-3) max(var(--space-4), env(safe-area-inset-left));z-index:10;background:#070b16e0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:var(--space-3);display:flex}.room-code{color:var(--color-text-muted);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums}.game-layout,.game-content{max-width:1240px;padding:var(--space-6) var(--space-4);margin:0 auto}.game-layout,.game-main{gap:var(--space-6);display:grid}.game-side{align-self:start;gap:var(--space-5);padding:var(--space-5);display:grid}.lobby-intro{align-items:end;gap:var(--space-6);margin-bottom:var(--space-8);padding-top:var(--space-3);justify-content:space-between;display:flex}.lobby-intro>div{gap:var(--space-3);max-width:720px;display:grid}.invite-share{background:var(--color-surface-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);gap:var(--space-5);padding:var(--space-5);display:grid}.section-heading{align-items:center;gap:var(--space-3);display:flex}.section-heading__icon{background:var(--color-accent-soft);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);color:#c4b5fd;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.section-heading>div{gap:var(--space-1);display:grid}.invite-link{gap:var(--space-2);min-width:0;display:grid}.invite-link input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-caption)}.status-text{color:#86efac;font-size:var(--font-size-body-small);min-height:1.5em;margin:0}.connection-banner{background:var(--color-warning-soft);color:#fcd34d;font-size:var(--font-size-body-small);align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:1px solid #f59e0b66;justify-content:center;display:flex}.connection-banner--reconnecting{background:var(--color-info-soft);color:#67e8f9;border-color:#22d3ee66}.connection-banner__icon{font-weight:var(--font-weight-bold);border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.team-change,.game-settings,.player-ready,.game-start,.runtime-intro,.timer-view{gap:var(--space-5);margin-bottom:var(--space-6);padding:clamp(20px,5vw,32px);display:grid}.team-change{max-width:620px}.game-settings>div:first-child,.player-ready>div:first-child,.game-start>div:first-child{gap:var(--space-2);display:grid}.game-settings,.player-ready{background:var(--color-surface-primary)}.avatar-picker legend{margin-bottom:var(--space-3)}.avatar-picker__grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.avatar-option{--avatar-accent:#8b5cf6;background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-2);min-width:0;min-height:112px;padding:var(--space-3) var(--space-2);text-align:center;transition:background var(--duration-default) var(--ease-standard), border-color var(--duration-default) var(--ease-standard), box-shadow var(--duration-default) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;position:relative}.avatar-option:nth-child(3n+2){--avatar-accent:#22d3ee}.avatar-option:nth-child(3n){--avatar-accent:#315efb}.avatar-option:nth-child(4n){--avatar-accent:#f59e0b}.avatar-option:hover{background:var(--color-surface-secondary);border-color:var(--color-border-strong);transform:translateY(-2px)}.avatar-option:has(input:checked){background:color-mix(in srgb, var(--avatar-accent) 10%, var(--color-surface-secondary));border:2px solid var(--avatar-accent);box-shadow:0 0 20px color-mix(in srgb, var(--avatar-accent) 18%, transparent);padding:11px 7px}.avatar-option input{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.avatar-option:has(input:focus-visible){outline:var(--border-width-focus) solid var(--color-border-focus);outline-offset:2px}.avatar-option__portrait,.participant-avatar{background:linear-gradient(145deg, #ffffff24, transparent 42%), color-mix(in srgb, var(--avatar-accent) 28%, var(--color-surface-elevated));border:1px solid color-mix(in srgb, var(--avatar-accent) 60%, var(--color-border-default));color:var(--color-text-primary);font-weight:var(--font-weight-extrabold);justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff1f}.avatar-option__portrait{border-radius:44% 44% 50% 50%/40% 40% 55% 55%;width:58px;height:58px;font-size:.75rem;position:relative}.avatar-option__portrait:before,.avatar-option__portrait:after{background:var(--avatar-accent);content:"";opacity:.75;width:12px;height:12px;position:absolute;top:-4px}.avatar-option__portrait:before{border-radius:8px 2px 2px;left:5px;transform:rotate(-18deg)}.avatar-option__portrait:after{border-radius:2px 8px 2px 2px;right:5px;transform:rotate(18deg)}.avatar-option[data-avatar=astronaut] .avatar-option__portrait,.avatar-option[data-avatar=robot] .avatar-option__portrait{border-radius:var(--radius-md)}.avatar-option[data-avatar=astronaut] .avatar-option__portrait:before,.avatar-option[data-avatar=robot] .avatar-option__portrait:before{border-radius:var(--radius-pill);width:38px;height:4px;top:9px;left:9px;transform:none}.avatar-option[data-avatar=astronaut] .avatar-option__portrait:after,.avatar-option[data-avatar=robot] .avatar-option__portrait:after{display:none}.avatar-option__label{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:.75rem;line-height:1.15}.avatar-option__check{background:var(--avatar-accent);border:2px solid var(--color-surface-primary);color:var(--color-bg-primary);font-size:.75rem;font-weight:var(--font-weight-extrabold);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:none;position:absolute;top:6px;right:6px}.avatar-option:has(input:checked) .avatar-option__check{display:flex}.settings-grid{gap:var(--space-4);display:grid}.check-option{background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:var(--space-3);min-height:48px;padding:var(--space-3);display:flex}.check-option:hover{background:var(--color-surface-secondary);border-color:var(--color-border-strong)}.check-option input{accent-color:var(--color-accent-primary);flex:none;width:20px;height:20px;margin:1px 0 0}.theme-options{border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-4);margin:0}.theme-options__grid{gap:var(--space-3);margin-top:var(--space-3);display:grid}.roster-grid{gap:var(--space-4);display:grid}.roster{--team-accent:#8b5cf6;background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);min-width:0;overflow:hidden}.roster__header{background:linear-gradient(90deg, color-mix(in srgb, var(--team-accent) 10%, transparent), transparent 64%), var(--color-surface-secondary);border-bottom:1px solid var(--color-border-default);align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex;position:relative}.roster__header:before{background:var(--team-accent);content:"";width:3px;position:absolute;inset:0 auto 0 0}.roster__header p{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:var(--space-1) 0 0}.roster__empty{color:var(--color-text-muted);font-size:var(--font-size-body-small);padding:var(--space-6) var(--space-4);margin:0}.participant-list{margin:0;padding:0;list-style:none}.participant{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-3);min-height:68px;padding:var(--space-3) var(--space-4);display:flex}.participant:last-child{border-bottom:0}.participant--me{background:var(--color-accent-soft)}.participant-avatar{--avatar-accent:#7c3aed;font-size:var(--font-size-body-small);border-radius:44% 44% 50% 50%;flex:none;width:40px;height:40px}.participant-avatar[data-avatar=empty]{--avatar-accent:#43516e}.participant-copy{flex-direction:column;flex:1;min-width:0;display:flex}.participant-name{font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;min-width:0}.participant-presence{color:var(--color-text-muted);font-size:.75rem}.participant-badges{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;margin-left:auto;display:flex}.participant-badges .status-badge{min-height:24px;padding:4px 8px}.secret-task{background:linear-gradient(135deg, #7c3aed1f, transparent 45%), var(--color-bg-secondary);border:2px solid var(--color-accent-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-accent);gap:var(--space-5);isolation:isolate;max-width:760px;margin:clamp(20px,5vw,48px) auto;padding:clamp(24px,7vw,48px);display:grid;position:relative;overflow:hidden}.secret-task:after{border-radius:inherit;content:"";pointer-events:none;z-index:-1;border:1px solid #8b5cf638;position:absolute;inset:8px}.secret-task__warning{align-items:center;gap:var(--space-2);display:flex}.secret-task__warning>span{color:var(--color-warning)}.secret-task h1{font-size:var(--font-size-display-small)}.task-method{background:var(--color-accent-soft);border:1px solid var(--color-accent-border);border-radius:var(--radius-pill);color:#c4b5fd;font-size:var(--font-size-body-small);font-weight:var(--font-weight-bold);align-items:center;width:fit-content;margin:0;padding:7px 11px;display:inline-flex}.task-method:before{content:"◇";margin-right:var(--space-2)}.task-method[data-task-type=drawing]:before{content:"⌁"}.task-method[data-task-type=gestures]:before{content:"✣"}.task-method[data-task-type=backwards]:before{content:"↶"}.task-method[data-task-type=yes_no]:before{content:"±"}.dice-choice{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dice-choice__button{background:linear-gradient(145deg, #ffffff12, transparent 50%), var(--color-surface-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,8vw,2.5rem);font-weight:var(--font-weight-extrabold);justify-content:center;align-items:center;min-height:84px;display:flex;position:relative}.dice-choice__button:after{border:1px solid var(--color-border-default);border-radius:var(--radius-xs);content:"";opacity:.65;pointer-events:none;position:absolute;inset:7px}.dice-choice__button:hover{background:var(--color-surface-interactive);border-color:var(--color-info);color:#67e8f9;transform:translateY(-2px);box-shadow:0 0 20px #22d3ee26}.dice-choice__button:active{transform:scale(.97)}.runtime-intro{max-width:860px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.runtime-intro>h1{max-width:18ch}.runtime-intro--ready,.runtime-intro--success,.runtime-intro--victory{border-color:#22c55e75}.runtime-intro--danger{border-color:#f43f5e7a}.runtime-intro--victory{background:linear-gradient(135deg, #22c55e17, transparent 42%), var(--color-surface-primary)}.game-state-symbol{background:var(--color-success-soft);color:#86efac;font-size:1.75rem;font-weight:var(--font-weight-extrabold);border:1px solid #22c55e73;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.runtime-intro--danger .game-state-symbol{background:var(--color-danger-soft);color:#fda4af;border-color:#f43f5e73}.timer-view{text-align:center;place-content:center;align-items:center;max-width:680px;min-height:min(70vh,660px);margin:clamp(20px,6vw,56px) auto}.timer-ring{aspect-ratio:1;background:radial-gradient(circle at center, var(--color-surface-primary) 62%, transparent 63%), conic-gradient(from 220deg, var(--color-info), #315efb 48%, var(--color-accent-primary) 78%, var(--color-border-subtle) 78%);margin:var(--space-3) auto;max-width:340px;padding:var(--space-6);border-radius:50%;justify-content:center;align-items:center;width:min(76vw,340px);display:flex;position:relative;box-shadow:0 0 36px #315efb2e,inset 0 0 28px #22d3ee14}.timer-ring:after{border:1px solid var(--color-border-default);content:"";border-radius:50%;position:absolute;inset:12px}.timer-ring output,.timer-ring h1{font-size:var(--font-size-timer);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-extrabold);letter-spacing:-.06em;z-index:1;margin:0;line-height:1;position:relative}.timer-ring--urgent{background:radial-gradient(circle at center, var(--color-surface-primary) 62%, transparent 63%), conic-gradient(from 220deg, var(--color-danger), #dc2626 54%, var(--color-border-subtle) 54%);box-shadow:0 0 34px #f43f5e38,inset 0 0 28px #f43f5e1a}.timer-view--urgent .eyebrow{color:#fb7185}.score-list{margin:0;padding:0;list-style:none}.score-list li{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-2) 0;justify-content:space-between;display:flex}.score-list li strong{font-size:var(--font-size-h2);font-variant-numeric:tabular-nums}.score-history{gap:var(--space-2);display:grid}.score-history>div{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.scoring-switch{border-top:1px solid var(--color-border-default);gap:var(--space-3);padding-top:var(--space-5);display:grid}.game-start ul{padding-left:var(--space-5);margin:0}@media (width>=48rem){.game-layout{padding:var(--space-10) var(--space-6);grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.game-content{padding:var(--space-10) var(--space-6)}.game-side{position:sticky;top:92px}.roster-grid,.settings-grid,.theme-options__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-picker__grid,.dice-choice{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=90rem){.game-layout,.game-content{width:min(100% - 48px,1240px)}}@media (width<=34rem){.page-shell{padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right))}.game-header{gap:var(--space-3)}.room-code{display:none}.lobby-intro{flex-direction:column;align-items:stretch}.lobby-intro .button{width:100%}.connection-banner{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.connection-banner span:last-child{flex-basis:calc(100% - 32px);margin-left:30px}.participant{flex-wrap:wrap;align-items:flex-start}.participant-badges{flex-basis:100%;justify-content:flex-start;margin-left:52px}}@media (width<=22rem){.page-shell{padding-left:max(var(--space-3), env(safe-area-inset-left));padding-right:max(var(--space-3), env(safe-area-inset-right))}.form-panel{padding:var(--space-5)}.brand__wordmark{font-size:1rem}.avatar-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}