:root{--ink-900: #0a0612;--ink-800: #150c22;--ink-700: #1a0f2e;--ink-600: #1e1330;--ink-500: #2a1c3e;--ink-code: #0e1d2e;--magenta: #ff2e88;--magenta-shadow: #7a1543;--cyan: #23e0e0;--cyan-shadow: #0e8a8a;--lime: #c6ff2e;--lime-shadow: #5f7d16;--cream: #f4ece0;--text-primary: #f4ece0;--text-secondary: #b3a7c9;--text-dim: #8a7fa0;--text-faint: #5a4d70;--text-on-accent: #0a0612;--danger: #ff5a5a;--surface-app: var(--ink-900);--surface-panel: var(--ink-800);--surface-card: var(--ink-700);--surface-paper: var(--cream);--border-hair: var(--ink-600);--border-strong: var(--ink-500);--accent-primary: var(--lime);--accent-primary-shadow: var(--lime-shadow);--accent-host: var(--magenta);--accent-join: var(--cyan);--fill-blank: var(--magenta);--player-idle: var(--text-faint)}:root{--font-display: "Bungee", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--display-hero: 52px;--display-xl: 30px;--display-lg: 20px;--display-md: 15px;--display-sm: 12px;--display-tag: 9px;--body-lg: 26px;--body-md: 15px;--body-sm: 13.5px;--body-xs: 11.5px;--weight-body: 400;--weight-medium: 500;--weight-bold: 700;--track-tag: 1.5px;--track-code: 2px}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 30px;--space-8: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-phone: 28px;--border-width: 2px;--transition: 90ms ease-out}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--surface-app);overflow-x:hidden}body{margin:0;background-color:var(--surface-app);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--body-md);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:400;color:var(--text-primary);line-height:.96;margin:0 0 var(--space-4)}h1{font-size:var(--display-xl)}h2{font-size:var(--display-lg)}h3{font-size:var(--display-md)}h4,h5{font-size:var(--display-sm);letter-spacing:var(--track-tag)}p{margin:0 0 var(--space-4)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font-family:var(--font-display);font-size:var(--display-lg);font-weight:400;letter-spacing:.5px;text-transform:uppercase;text-align:center;padding:17px 22px;margin:.2rem 0;width:100%;min-width:0;border:none;border-radius:var(--radius-md);background-color:var(--lime);color:var(--text-on-accent);cursor:pointer;box-shadow:4px 4px 0 var(--lime-shadow);transition:transform var(--transition),box-shadow var(--transition);position:relative;top:-4px;left:-4px}button:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--lime-shadow)}button:disabled{background-color:var(--surface-card);color:var(--text-faint);border:var(--border-width) solid var(--border-strong);box-shadow:4px 4px 0 var(--surface-card);cursor:not-allowed}button.secondary{background-color:var(--ink-900);color:var(--cyan);border:var(--border-width) solid var(--cyan);box-shadow:4px 4px 0 var(--cyan-shadow);transition:transform var(--transition),box-shadow var(--transition)}button.secondary:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--cyan-shadow)}button.host{background-color:var(--magenta);color:var(--text-on-accent);box-shadow:4px 4px 0 var(--magenta-shadow);transition:transform var(--transition),box-shadow var(--transition)}button.host:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--magenta-shadow)}button.ghost{background-color:transparent;color:var(--text-secondary);border:var(--border-width) solid var(--border-strong);box-shadow:4px 4px 0 var(--border-hair);transition:transform var(--transition),box-shadow var(--transition);position:relative;top:-4px;left:-4px;transition:transform var(--transition),box-shadow var(--transition),color var(--transition),border-color var(--transition)}button.ghost:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--border-hair)}button.ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-dim)}button.ghost:active:not(:disabled){border-color:var(--cyan);color:var(--cyan)}button.small{font-size:var(--display-sm);padding:10px 14px;border-radius:var(--radius-sm)}button.inline{width:auto}@media only screen and (min-width: 800px){button{width:auto}}input{font-family:var(--font-body);font-size:var(--body-md);font-weight:var(--weight-medium);width:100%;box-sizing:border-box;padding:14px 16px;color:var(--text-primary);background-color:var(--surface-panel);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md)}input:focus{outline:none;border-color:var(--cyan)}input::placeholder{color:var(--text-faint)}input[type=checkbox],input[type=radio]{width:auto;min-width:0;padding:0;background-color:transparent;border:none;border-radius:0;accent-color:var(--lime)}label{color:var(--text-secondary);font-size:var(--body-sm)}.card{margin:auto;max-width:420px;box-sizing:border-box;padding:var(--space-6);background-color:var(--surface-panel);border:var(--border-width) solid var(--border-hair);border-radius:var(--radius-lg);color:var(--text-secondary)}.card ul{list-style:none;padding:0;margin:0}.card li{margin:0 0 var(--space-2)}.no-max{max-width:none}.paper{background-color:var(--surface-paper);color:var(--ink-900);border-radius:var(--radius-lg);padding:26px 30px;font-family:var(--font-body);font-weight:var(--weight-bold);line-height:1.25;box-shadow:8px 8px 0 var(--magenta)}.blank-fill{color:var(--magenta);font-weight:var(--weight-bold)}.question-answer-highlight{font-weight:var(--weight-bold);padding:2px 8px;border-radius:var(--radius-sm);box-decoration-break:clone;-webkit-box-decoration-break:clone}.tag{font-family:var(--font-display);font-size:var(--display-tag);letter-spacing:var(--track-tag);text-transform:uppercase;color:var(--text-dim);display:inline-block}.tag.live{color:var(--cyan)}.tag.you{color:var(--lime)}.room-code{display:inline-block;font-family:var(--font-display);font-size:16px;letter-spacing:var(--track-code);color:var(--cyan);background-color:var(--ink-code);padding:5px 12px;border-radius:var(--radius-sm)}.primary{color:var(--lime)}.error{color:var(--danger);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--body-sm)}.error:empty{display:none}.center-text{text-align:center}.move-down{margin-top:14vh!important}.header{margin:auto;text-align:center}ul.no-bullets{list-style:none;padding:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
