:root{color-scheme:dark;--color-bg: #101114;--color-bg-elevated: #181b22;--color-bg-soft: #22272e;--color-border: #3b424b;--color-text: #f4f0e8;--color-text-muted: #d8d0c3;--color-text-subtle: #a9a296;--color-accent: #f2c14e;--color-accent-strong: #ffd76d;--color-accent-contrast: #17120a;--color-success: #3bb273;--color-warn: #e58f45;--color-danger: #d94f45;--color-info: #6bb7b8;--surface-1: var(--color-bg);--surface-2: var(--color-bg-elevated);--surface-3: var(--color-bg-soft);--accent-primary: var(--color-accent);--accent-primary-strong: var(--color-accent-strong);--accent-info: var(--color-info);--accent-success: var(--color-success);--accent-warn: var(--color-warn);--accent-danger: var(--color-danger);--text-strong: var(--color-text);--text-body: var(--color-text);--text-muted: var(--color-text-muted);--text-subtle: var(--color-text-subtle);--border-subtle: var(--color-border);--border-strong: color-mix(in srgb, var(--color-border), white 25%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-xxs: var(--space-1);--space-xs: var(--space-2);--space-sm: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-5);--space-xl: var(--space-6);--space-2xl: var(--space-8);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .5rem;--radius-xl: .5rem;--shadow-1: 0 2px 8px rgba(0, 0, 0, .35);--shadow-2: 0 8px 20px rgba(0, 0, 0, .45);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--z-base: 1;--z-popover: 10;--z-modal: 100;--z-toast: 200}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#171a20 0%,var(--color-bg) 42%);color:var(--color-text);line-height:1.5}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 var(--space-3)}p,ul,ol{margin:0 0 var(--space-4)}a{color:var(--color-accent-strong);text-underline-offset:2px}a:hover{color:#c0c5ff}:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}.app-shell{max-width:980px;margin:0 auto;padding:var(--space-6)}.btn{border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-strong);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-md);cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.is-disabled{opacity:.6;pointer-events:none}.disabled-surface{opacity:.7;border-style:dashed}.btn--primary{background:var(--accent-primary);color:var(--color-accent-contrast);border-color:transparent}.btn--ghost{background:transparent}.btn--danger{background:var(--accent-danger);border-color:transparent;color:#fff}.card,.panel{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-1)}.panel{margin:var(--space-md) 0}.section-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-md)}.section-card--secret{border-color:#d2a4ff8c;background:#a357ff1a}.app-header{display:grid;gap:var(--space-sm)}.app-header__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap}.app-header__title{margin:0}.app-header__subtitle{margin:0;color:var(--text-muted)}.app-header__meta{display:flex;gap:var(--space-xs);flex-wrap:wrap}.brand-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.brand-lockup{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.brand-mark{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:var(--radius-md);background:#f4f0e8;color:#14233d;font-weight:900;letter-spacing:0;box-shadow:var(--shadow-1)}.brand-eyebrow{margin:0 0 2px;color:var(--text-subtle);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.brand-title{margin:0;font-size:var(--font-size-2xl);line-height:1.1}.brand-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}.badge,.status-pill,.score-chip,.meta-chip{display:inline-flex;align-items:center;border-radius:999px;padding:var(--space-xxs) var(--space-sm);background:var(--surface-3);border:1px solid var(--border-subtle);font-size:var(--font-size-sm)}.meta-chip--success{border-color:color-mix(in srgb,var(--accent-success),white 30%);background:color-mix(in srgb,var(--accent-success),transparent 85%)}.meta-chip--warn{border-color:color-mix(in srgb,var(--accent-warn),white 25%);background:color-mix(in srgb,var(--accent-warn),transparent 86%)}.meta-chip--info{border-color:color-mix(in srgb,var(--accent-info),white 22%);background:color-mix(in srgb,var(--accent-info),transparent 86%)}.phase-badge{display:inline-flex;align-items:center;border-radius:999px;padding:var(--space-xxs) var(--space-sm);border:1px solid var(--border-subtle);font-size:var(--font-size-sm);text-transform:capitalize}.phase-badge--lobby,.phase-badge--round_complete{border-color:color-mix(in srgb,var(--accent-info),white 20%);background:color-mix(in srgb,var(--accent-info),transparent 85%)}.phase-badge--prep,.phase-badge--ready_to_speak,.phase-badge--speaker_selection{border-color:color-mix(in srgb,var(--accent-warn),white 25%);background:color-mix(in srgb,var(--accent-warn),transparent 85%)}.phase-badge--speaking{border-color:color-mix(in srgb,var(--accent-success),white 28%);background:color-mix(in srgb,var(--accent-success),transparent 84%)}.phase-badge--speaker_finished,.phase-badge--guesses_revealed,.phase-badge--scoring,.phase-badge--secret_revealed{border-color:color-mix(in srgb,var(--accent-primary),white 20%);background:color-mix(in srgb,var(--accent-primary),transparent 85%)}.phase-status--speaking{border-color:color-mix(in srgb,var(--accent-success),white 25%);background:color-mix(in srgb,var(--accent-success),transparent 84%)}.phase-status--idle{border-color:color-mix(in srgb,var(--accent-warn),white 25%);background:color-mix(in srgb,var(--accent-warn),transparent 86%)}.info-strip{padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-3);color:var(--text-muted)}.timer{font-variant-numeric:tabular-nums}.input,.select{width:100%;border:1px solid var(--border-subtle);background:#0e1732;color:var(--text-strong);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm)}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border-subtle);text-align:left;padding:var(--space-xs) var(--space-sm)}.state{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.state--empty{color:var(--text-subtle);background:var(--surface-3)}.state--error{border-color:color-mix(in srgb,var(--accent-danger),white 25%);background:color-mix(in srgb,var(--accent-danger),transparent 85%);color:#ffd5d5}.state--success{border-color:color-mix(in srgb,var(--accent-success),white 25%);background:color-mix(in srgb,var(--accent-success),transparent 86%);color:#d5ffe9}.empty-state{color:var(--text-subtle)}.game-card__body{display:grid;gap:var(--space-sm)}.game-card__body--stack>*+*{margin-top:var(--space-sm)}.game-card__footer-text{margin:0;color:var(--text-subtle);font-size:var(--font-size-sm);border-top:1px solid var(--border-subtle);padding-top:var(--space-sm)}.game-card__empty--body{margin:0;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-3)}.game-card__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.game-card__list-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-3);padding:var(--space-sm) var(--space-md)}.game-card__table{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.game-card__table th,.game-card__table td{padding:var(--space-sm) var(--space-md)}.game-card__table th{background:color-mix(in srgb,var(--surface-3),transparent 10%)}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.alert--error{border-color:color-mix(in srgb,var(--accent-danger),white 25%);background:color-mix(in srgb,var(--accent-danger),transparent 85%);color:#ffd5d5}.alert--info{border-color:color-mix(in srgb,var(--accent-info),white 22%);background:color-mix(in srgb,var(--accent-info),transparent 88%);color:#dce6ff}.stack-sm>*+*{margin-top:var(--space-xs)}.stack-md>*+*{margin-top:var(--space-md)}.row{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.row--spread{justify-content:space-between}.row--readable{padding:var(--space-xs) 0;border-bottom:1px dashed var(--border-subtle)}.danger-zone{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.action-group{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.action-group--primary .btn{min-height:44px}.action-group--secondary .btn{min-height:40px}.action-group--destructive{padding-top:var(--space-xs);border-top:1px solid var(--border-subtle)}.data-grid,.dashboard-grid,.dashboard-columns{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.landing-header{background:linear-gradient(135deg,#f2c14e1f,#22272eeb)}.intro-shell{min-height:100dvh;display:grid;align-items:center}.intro-card{max-width:920px;margin:0 auto}.intro-scroll{max-height:min(60vh,560px);overflow:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-3);padding:var(--space-md)}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.landing-layout{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.link-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm)}.link-card--private{background:#a357ff1f;border-color:#d2a4ff8c}.link-card--share{background:#5380ff1f;border-color:#8ab4ff73}.microcopy{color:var(--text-subtle);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.join-form{display:flex;gap:var(--space-xs);max-width:420px}.btn--min-touch{min-height:44px}.btn--stable{min-width:164px;justify-content:center;display:inline-flex;align-items:center}.btn--join{min-width:88px}.student-page{gap:var(--space-md)}.student-top-sticky{position:sticky;top:0;z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.private-panel-label{display:inline-flex;border-radius:999px;padding:var(--space-xxs) var(--space-sm);background:#a357ff4d;border:1px solid rgba(210,164,255,.65);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:var(--font-size-sm)}@media(min-width:860px){.landing-layout,.dashboard-columns{grid-template-columns:1fr 1fr;align-items:start}.data-grid,.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){.join-form,.row{flex-direction:column;align-items:stretch}.btn--stable,.btn--min-touch,.btn--join{width:100%}.brand-header,.brand-meta{align-items:flex-start;justify-content:flex-start}.intro-columns{grid-template-columns:1fr}}.viewer-layout{max-width:1240px}.viewer-label{margin:0;color:#c0c8e9;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.viewer-meta{color:var(--text-muted);font-size:.95rem}.viewer-header{display:flex;justify-content:space-between;gap:var(--space-xl);align-items:flex-end}.viewer-room{margin:0;font-size:clamp(2rem,6vw,4rem);font-weight:900;letter-spacing:.06em}.viewer-phase-wrap{text-align:right}.viewer-phase{margin:0;font-size:clamp(1.5rem,3.6vw,2.5rem);font-weight:800}.viewer-reveal{margin:var(--space-xs) 0 0}.viewer-prompt{padding:var(--space-xl);background:linear-gradient(145deg,#7a83ff29,#111933e6)}.viewer-prompt-text{margin:var(--space-xs) 0 0;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.4;font-weight:650}.viewer-speaker-strip{display:flex;justify-content:space-between;align-items:stretch;gap:var(--space-xl);border-width:2px;border-color:color-mix(in srgb,var(--accent-primary),white 15%);background:linear-gradient(135deg,#727cff2e,#0e1630f2)}.viewer-speaker-primary{display:flex;flex-direction:column;justify-content:center}.viewer-speaker-name{margin:var(--space-xs) 0 0;font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:900;line-height:1.1}.viewer-timer-block{text-align:right;min-width:180px}.viewer-timer{margin:var(--space-xs) 0 0;font-size:clamp(2.6rem,5.5vw,4.6rem);font-weight:900;font-variant-numeric:tabular-nums;color:#f0f3ff;text-shadow:0 0 24px rgba(153,177,255,.35)}.viewer-section-title{margin:0 0 var(--space-md);font-size:clamp(1.3rem,2.5vw,2rem)}.viewer-scoreboard{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.viewer-score-row{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:var(--space-lg);align-items:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:#161f3c;border:1px solid var(--border-subtle)}.viewer-rank{font-size:clamp(1.8rem,2.8vw,2.4rem);font-weight:900;color:#edf1ff;letter-spacing:.02em}.viewer-name{font-size:clamp(1.3rem,2.1vw,1.9rem);font-weight:750}.viewer-score{justify-self:end;min-width:106px;text-align:right;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:900;color:#b8d8ff;font-variant-numeric:tabular-nums;letter-spacing:.02em}.viewer-reveal-panel{border-color:color-mix(in srgb,var(--accent-primary),transparent 50%)}.viewer-reveal-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs)}.viewer-reveal-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--surface-3)}.viewer-reveal-item p{margin:0 0 4px;font-size:1rem;line-height:1.25}.viewer-reveal-item p:last-child{margin-bottom:0}.viewer-reveal-name{font-size:1.15rem!important;font-weight:850;color:#e0e6ff;margin-bottom:6px!important}.viewer-reveal-line strong{color:#c9d4ff;margin-right:4px}@media(max-width:1366px)and (min-width:861px){.viewer-layout{max-width:1100px}.viewer-room{font-size:clamp(1.8rem,4.8vw,3.4rem)}.viewer-phase{font-size:clamp(1.3rem,3vw,2.1rem)}.viewer-prompt{padding:var(--space-lg)}.viewer-prompt-text{font-size:clamp(1.2rem,2.2vw,1.9rem)}.viewer-speaker-name{font-size:clamp(1.8rem,3.8vw,2.8rem)}.viewer-timer{font-size:clamp(2.2rem,4.8vw,3.8rem)}.viewer-score-row{padding:var(--space-sm) var(--space-md)}}@media(max-width:860px){.viewer-header,.viewer-speaker-strip{flex-direction:column;align-items:flex-start}.viewer-phase-wrap,.viewer-timer-block{text-align:left}}.compact-alert{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--accent-danger),white 25%);background:color-mix(in srgb,var(--accent-danger),transparent 85%);color:#ffd5d5}.compact-alert--soft{border-color:var(--border-subtle);background:var(--surface-3);color:var(--text-subtle)}.game-card--wheel-spinning{border-color:var(--accent-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary),transparent 76%)}.game-card--wheel-spinning .wheel-list__item{animation:wheel-pulse .54s ease-in-out infinite alternate}.game-card--wheel-spinning .wheel-list__item:nth-child(2n){animation-delay:.14s}.game-card--wheel-spinning .wheel-list__item:nth-child(3n){animation-delay:.28s}.wheel-list__item--selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary),var(--surface-3) 84%);font-weight:700}@keyframes wheel-pulse{0%{transform:translate(0)}to{transform:translate(var(--space-sm))}}@media(prefers-reduced-motion:reduce){.game-card--wheel-spinning .wheel-list__item{animation:none}}