:root{--shr-color-bg: oklch(.992 .006 145);--shr-color-surface: oklch(1 0 0);--shr-color-text: oklch(.25 .035 162);--shr-color-muted: oklch(.51 .025 160);--shr-color-green: oklch(.56 .145 155);--shr-color-lime: oklch(.68 .14 145);--shr-color-blue: oklch(.61 .17 254);--shr-color-coral: oklch(.67 .19 37);--shr-color-red: oklch(.64 .19 28);--shr-color-accent-cream: oklch(.98 .023 95);--shr-color-accent-mint: oklch(.96 .035 154);--shr-color-accent-sky: oklch(.965 .027 236);--shr-color-accent-lilac: oklch(.97 .022 300);--shr-color-game-wash-default: oklch(.957 .044 153);--shr-color-game-wash-mafia: oklch(.947 .034 236);--shr-color-game-wash-trivia: oklch(.963 .027 300);--shr-color-game-wash-friends: oklch(.972 .036 46);--shr-player-green: oklch(.56 .145 155);--shr-player-green-tint: oklch(.95 .04 155);--shr-player-green-on: var(--shr-color-surface);--shr-player-coral: oklch(.67 .19 37);--shr-player-coral-tint: oklch(.95 .04 37);--shr-player-coral-on: var(--shr-color-surface);--shr-player-blue: oklch(.61 .17 254);--shr-player-blue-tint: oklch(.95 .04 254);--shr-player-blue-on: var(--shr-color-surface);--shr-player-gold: oklch(.66 .14 75);--shr-player-gold-tint: oklch(.95 .04 75);--shr-player-gold-on: var(--shr-color-surface);--shr-player-lilac: oklch(.58 .14 300);--shr-player-lilac-tint: oklch(.95 .04 300);--shr-player-lilac-on: var(--shr-color-surface);--shr-player-teal: oklch(.6 .11 190);--shr-player-teal-tint: oklch(.95 .04 190);--shr-player-teal-on: var(--shr-color-surface);--shr-player-red: oklch(.58 .2 25);--shr-player-red-tint: oklch(.95 .04 25);--shr-player-red-on: var(--shr-color-surface);--shr-player-orange: oklch(.65 .17 55);--shr-player-orange-tint: oklch(.95 .04 55);--shr-player-orange-on: var(--shr-color-surface);--shr-player-pink: oklch(.62 .19 350);--shr-player-pink-tint: oklch(.95 .04 350);--shr-player-pink-on: var(--shr-color-surface);--shr-player-indigo: oklch(.5 .17 275);--shr-player-indigo-tint: oklch(.95 .04 275);--shr-player-indigo-on: var(--shr-color-surface);--shr-player-lime: oklch(.64 .16 135);--shr-player-lime-tint: oklch(.95 .04 135);--shr-player-lime-on: var(--shr-color-surface);--shr-player-brown: oklch(.5 .08 55);--shr-player-brown-tint: oklch(.95 .04 55);--shr-player-brown-on: var(--shr-color-surface);--shr-answer-a: var(--shr-player-blue);--shr-answer-b: var(--shr-player-coral);--shr-answer-c: var(--shr-player-gold);--shr-answer-d: var(--shr-player-green);--shr-font-display: "Sora", system-ui, sans-serif;--shr-font-body: "Manrope", system-ui, sans-serif;--shr-type-display-xl: 72px;--shr-type-display-l: 46px;--shr-type-title: 24px;--shr-type-body-l: 18px;--shr-type-body: 16px;--shr-type-body-sofa: 24px;--shr-type-game: 28px;--shr-type-eyebrow: 13px;--shr-eyebrow-letter-spacing: .12em;--shr-radius-button: 10px;--shr-radius-card: 14px;--shr-radius-panel: 16px;--shr-radius-pill: 999px;--shr-shadow-tv: 0 10px 30px oklch(.31 .04 155 / 7%);--shr-border-card: 1px solid var(--shr-color-accent-mint);--shr-motion-fast: .15s;--shr-motion-base: .18s;--shr-motion-slow: .2s;--shr-motion-featured-rotate: 7s;--shr-focus-lift: translateY(-4px) scale(1.01);--shr-focus-ring: 3px solid var(--shr-color-blue);--shr-focus-ring-offset: 3px;--shr-hero-wash: linear-gradient(90deg, oklch(.972 .024 151 / 92%) 0%, oklch(.984 .019 147 / 67%) 49%, oklch(.984 .019 147 / 0%) 77%)}@media(prefers-reduced-motion:reduce){:root{--shr-focus-lift: none}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--shr-color-bg);color:var(--shr-color-text);font:500 16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#stage{position:fixed;inset:0;background:#000;visibility:hidden}#stage.live{visibility:visible}#game{position:fixed;left:50%;top:50%;border:0;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--shr-stage-scale, 1))}#app{position:relative;min-height:100%;padding:24px 16px;display:flex}#app.over-game{position:fixed;inset:0;pointer-events:none;background:none}#app.over-game>*{pointer-events:auto}h1{font-size:32px;line-height:1.15;margin:0 0 12px;font-weight:800}h2{font-size:20px;margin:0 0 12px;font-weight:800}.muted{color:var(--shr-color-muted)}.small{font-size:14px}.hidden{display:none}.error{color:var(--shr-color-red);min-height:22px}.notice{margin:auto;font-size:20px}.card{background:var(--shr-color-surface);border-radius:20px;padding:24px;box-shadow:0 8px 28px #00000014}.sign-in,.overlay{margin:auto;width:100%;max-width:440px}.sign-in label{display:block;font-size:14px;color:var(--shr-color-muted);margin-bottom:14px}.sign-in input{display:block;width:100%;min-height:48px;margin-top:6px;padding:0 12px;font:inherit;border:1.5px solid var(--shr-color-muted);border-radius:12px}button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:12px;min-height:44px}button:focus-visible{outline:3px solid var(--shr-color-blue);outline-offset:2px}.primary{width:100%;min-height:50px;color:var(--shr-color-surface);background:var(--shr-color-green);margin-top:8px}.ghost{background:none;color:var(--shr-color-muted);padding:0 12px}.overlay .ghost{width:100%;margin-top:8px}.lobby{width:100%;max-width:1100px;margin:auto;display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.join{text-align:center}.qr{width:100%;max-width:280px;display:block;margin:0 auto 8px}.code{font-size:42px;font-weight:800;letter-spacing:2px;margin:0 0 12px;font-variant-numeric:tabular-nums}.toggle{display:flex;gap:8px;align-items:center;justify-content:center;font-weight:700}.players{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.players li{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 0 0 14px;background:var(--shr-color-surface);border-radius:12px;border-left:6px solid var(--c, var(--shr-color-muted))}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.game{min-height:96px;padding:12px;color:var(--shr-color-text);background:var(--shr-color-accent-mint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.game.focus{outline:3px solid var(--shr-color-green);outline-offset:2px}.game:disabled{opacity:.55;cursor:not-allowed}.game small{font-weight:500;color:var(--shr-color-muted)}.ranks{font-size:20px;padding-left:28px}@media(max-width:780px){.lobby{grid-template-columns:1fr}}
