:root{--c-bg: #0E0E12;--c-surface: #17171F;--c-elevated: #1F1F2A;--c-accent: #7AE0FF;--c-accent-deep: #3FA9D6;--c-success: #5CE7A1;--c-danger: #FF6B7A;--c-text: #F0F1F6;--c-text-muted: #8E8FA0;--c-divider: #2A2A36;--r-sm: 8px;--r-md: 14px;--r-lg: 24px;--r-pill: 999px;--s-xs: 4px;--s-sm: 8px;--s-md: 16px;--s-lg: 24px;--s-xl: 40px;--s-xxl: 64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px;line-height:1.4}.app{height:100vh;width:100vw;display:flex;flex-direction:column;padding:var(--s-xl);gap:var(--s-lg)}.code{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.4em;font-size:72px;font-weight:700;color:var(--c-accent)}.player-card{background:var(--c-surface);border-radius:var(--r-md);padding:var(--s-md) var(--s-lg);display:flex;align-items:center;gap:var(--s-md);min-width:220px}.player-card .avatar{width:48px;height:48px;border-radius:var(--r-pill);background:var(--c-elevated);display:grid;place-items:center;font-size:24px}.player-card .score{margin-left:auto;color:var(--c-accent);font-weight:600}.question-tv{font-size:64px;font-weight:600;line-height:1.2;max-width:80%}.banner{background:var(--c-elevated);border:1px solid var(--c-divider);border-radius:var(--r-md);padding:var(--s-md);display:flex;align-items:center;gap:var(--s-md)}.banner.danger{border-color:var(--c-danger);color:var(--c-danger)}.row{display:flex;gap:var(--s-md);flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--s-md)}.center{display:grid;place-items:center}.spacer{flex:1}.fade-in{animation:fade-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}