:root{--bg-deep: #050505;--bg-mid: #141414;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #FF3366;--accent-secondary: #7C3AED;--accent-tertiary: #06B6D4;--alert-red: #ef4444;--success-green: #10b981;--success-glow: rgba(16, 185, 129, .4);--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .06);--card-radius: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cairo,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;position:relative;overflow-x:hidden;background-image:radial-gradient(ellipse at 15% 50%,rgba(124,58,237,.15),transparent 40%),radial-gradient(ellipse at 85% 30%,rgba(255,51,102,.15),transparent 40%);background-attachment:fixed}#root{width:100%;max-width:850px;padding:20px;z-index:1}.material-icons-outlined{vertical-align:middle;margin-left:8px;font-size:1.25em}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseAlpha{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02);filter:drop-shadow(0 0 15px var(--accent-primary))}}.pulse-icon{animation:pulseAlpha 1.5s infinite alternate ease-in-out}.spin-icon{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h1{font-size:3.5rem;font-weight:900;text-align:center;margin-bottom:2rem;letter-spacing:-2px}h1.gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px rgba(255,51,102,.3))}h2{font-size:1.8rem;font-weight:800;color:var(--text-primary)}h3{font-size:1.3rem;font-weight:700;color:var(--text-secondary)}.card{background:var(--glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:3rem;border-radius:var(--card-radius);border:1px solid var(--glass-border);box-shadow:0 30px 60px #0009,inset 0 1px #ffffff0d;margin-bottom:2rem;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards}input,textarea,select{width:100%;padding:18px 24px;margin-bottom:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#00000080;color:#fff;font-family:Cairo,sans-serif;font-size:1.15rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 10px #0006}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 24px center;background-size:1em;cursor:pointer}select option{background:var(--bg-deep);color:#fff;padding:15px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);background:#000000b3;box-shadow:0 0 0 4px #ff336626,inset 0 2px 10px #0006}button{width:100%;padding:18px 28px;border:none;border-radius:16px;background:var(--text-primary);color:var(--bg-deep);font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 8px 20px #ffffff1a}button:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 25px #fff3}button:active{transform:translateY(1px)}button:disabled{background:#ffffff0d;color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.primary-gradient-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 10px 30px #ff33664d}.primary-gradient-btn:hover{box-shadow:0 15px 40px #ff336680;color:#fff}.secondary-btn{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);box-shadow:none}.secondary-btn:hover{background:#ffffff14;border-color:#ffffff4d;color:#fff}.danger-btn{background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;box-shadow:0 10px 25px #ef44444d}.danger-btn:hover{box-shadow:0 15px 35px #ef444480}.action-sm{width:auto;padding:10px 20px;font-size:1rem;border-radius:12px;margin:0}.player-list{list-style:none;display:flex;flex-direction:column;gap:12px}.player-item{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#ffffff04;border-radius:16px;border:1px solid var(--glass-border);transition:all .3s ease}.player-item:hover{background:#ffffff0a;transform:translate(-5px);border-color:#ffffff1a}.question-banner{background:linear-gradient(180deg,#ff336614,#ff336603);padding:35px;border-radius:20px;border:1px solid rgba(255,51,102,.2);margin:2rem 0;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #ff33660d}.question-banner p{font-size:1.5rem;line-height:1.8;color:#fff;font-weight:700;position:relative;z-index:2}.answer-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.answer-card{background:#ffffff05;padding:24px;border-radius:16px;border:1px solid var(--glass-border);transition:all .3s cubic-bezier(.16,1,.3,1)}.answer-card:hover{background:#ffffff0a;transform:scale(1.01)}.answer-card .player-header{display:flex;justify-content:space-between;align-items:center}.pause-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeUp .3s cubic-bezier(.16,1,.3,1)}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{display:flex;gap:10px}.mt-4{margin-top:2rem}.mt-8{margin-top:4rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}