:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-card: rgba(20, 20, 30, .8);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-danger: linear-gradient(135deg, #f5515f 0%, #a1051d 100%);--gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-warning: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f64f59 100%);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-accent-purple: #764ba2;--color-accent-blue: #667eea;--color-accent-pink: #f64f59;--color-accent-cyan: #17c0eb;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-primary);background-image:radial-gradient(ellipse at top left,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(246,79,89,.05) 0%,transparent 70%);color:var(--color-text-primary);min-height:100vh;display:flex;place-items:center;justify-content:center;touch-action:manipulation;overscroll-behavior:none}#root{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-lg)}h1{font-size:2.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}button{font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;background:var(--glass-bg);color:var(--color-text-primary);border:1px solid var(--glass-border)}button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d;border-color:var(--color-accent-purple)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--gradient-primary);border:none;color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{box-shadow:0 8px 30px #667eea99;filter:brightness(1.1)}.btn-danger{background:var(--gradient-danger);border:none;color:#fff;box-shadow:0 4px 15px #f5515f66}.btn-danger:hover{box-shadow:0 8px 30px #f5515f99;filter:brightness(1.1)}.btn-success{background:var(--gradient-success);border:none;color:#fff;box-shadow:0 4px 15px #11998e66}.btn-success:hover{box-shadow:0 8px 30px #11998e99;filter:brightness(1.1)}.btn-warning{background:var(--gradient-warning);border:none;color:#1a1a2e;box-shadow:0 4px 15px #f2994a66}.btn-warning:hover{box-shadow:0 8px 30px #f2994a99;filter:brightness(1.1)}input[type=text],input[type=number]{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-base)}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--color-accent-purple);box-shadow:0 0 0 3px #667eea33}input[type=text]::placeholder{color:var(--color-text-muted)}.mode-selector{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);background:var(--glass-bg);border-radius:var(--radius-full);border:1px solid var(--glass-border)}.mode-selector label{flex:1;text-align:center;padding:.625rem 1rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);font-weight:500;color:var(--color-text-secondary)}.mode-selector input[type=radio]{display:none}.mode-selector input[type=radio]:checked+span{background:var(--gradient-primary);color:#fff;display:block;padding:.625rem 1rem;margin:-.625rem -1rem;border-radius:var(--radius-full);box-shadow:0 4px 15px #667eea66}.gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--glass-bg);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;border:1px solid var(--glass-border)}.status-badge.connected{border-color:#38ef7d4d;color:#38ef7d}.status-badge.disconnected{border-color:#f5515f4d;color:#f5515f}.player-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.player-card:hover{background:#ffffff14;border-color:var(--color-accent-purple)}.player-card.selected{background:#f5515f26;border-color:var(--color-accent-pink);box-shadow:0 0 20px #f5515f33}.player-card.dead{opacity:.4}.score-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-primary);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.role-pill{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timer{font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer.warning{background:var(--gradient-warning);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timer.danger{background:var(--gradient-danger);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea66}50%{box-shadow:0 0 40px #667eea99}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-glow{animation:glow 2s ease-in-out infinite}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:var(--spacing-lg) 0}.info-box{padding:var(--spacing-md);background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem}.game-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.settings-panel{padding:var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.settings-panel h3{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--glass-border)}.settings-row:last-child{border-bottom:none}.settings-row label{color:var(--color-text-secondary)}.settings-row input[type=number]{width:80px;text-align:center}@media(max-width:480px){#root{padding:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem}button{padding:.625rem 1.25rem}}