:root{--primary: #9261E2;--primary-dark: #673DB4;--primary-light: #D1BCEF;--primary-bg: #F5F0FF;--primary-glow: rgba(146, 97, 226, .25);--accent: #FF7A00;--accent-light: #FFF0E0;--accent-glow: rgba(255, 122, 0, .3);--bg: #F3EEFF;--bg-gradient-center: #FFFFFF;--bg-gradient-edge: #F3EEFF;--card: #FFFFFF;--card-hover: #FAFAFA;--card-shadow: 0 8px 24px rgba(146, 97, 226, .15);--bg-neutral: radial-gradient(ellipse at center, #FFFFFF 0%, #F3EEFF 70%);--bg-suspense: radial-gradient(ellipse at center, #FAFAFE 0%, #EDE5FF 70%);--bg-vote: radial-gradient(ellipse at center, #FFFEF7 0%, #F5F0FF 70%);--bg-reveal: radial-gradient(ellipse at center, #FFF8F0 0%, #F3EEFF 70%);--bg-winner: radial-gradient(ellipse at center, #F5F0FF 0%, #E9E1FF 70%);--card-selected-bg: #F5F0FF;--card-selected-border: #9261E2;--card-bluff-border: #FF7A00;--card-correct-bg: #E9FBEF;--card-wrong-bg: #FFE4E6;--text: #0F172A;--text-muted: #6B7280;--text-placeholder: #B0B7C3;--border: #E5E7EB;--success: #22C55E;--danger: #EF4444;--danger-bg: #FEF2F2;--warning: #FACC15;--radius-lg: 24px;--radius: 20px;--radius-sm: 14px;--radius-xs: 8px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(146, 97, 226, .08);--shadow: 0 8px 24px rgba(146, 97, 226, .15);--shadow-md: 0 8px 32px rgba(146, 97, 226, .18);--shadow-lg: 0 12px 48px rgba(146, 97, 226, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:radial-gradient(ellipse at center,var(--bg-gradient-center) 0%,var(--bg-gradient-edge) 70%);background-attachment:fixed;color:var(--text);font-family:Tajawal,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}button{font-family:Tajawal,sans-serif;cursor:pointer;border:none;background:none;outline:none;-webkit-appearance:none}input,textarea{font-family:Tajawal,sans-serif;outline:none;-webkit-appearance:none;border-radius:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chipIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.chip-voter{display:inline-flex;align-items:center;gap:4px;background:#f5f0ff;border:1px solid var(--primary-light);border-radius:20px;padding:4px 14px;font-weight:700;font-size:14px;color:var(--primary-dark);animation:chipIn .2s cubic-bezier(.34,1.56,.64,1) both}.chip-author{display:inline-flex;align-items:center;gap:4px;background:#fff0e0;border:1px solid #FF7A00;border-radius:20px;padding:4px 14px;font-weight:700;font-size:14px;color:#c50;animation:chipIn .2s cubic-bezier(.34,1.56,.64,1) both}.chip-correct-voter{display:inline-flex;align-items:center;gap:4px;background:#e9fbef;border:1px solid #22C55E;border-radius:20px;padding:4px 14px;font-weight:700;font-size:14px;color:#15803d;animation:chipIn .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes pulseGlow{0%,to{box-shadow:0 4px 16px var(--primary-glow)}50%{box-shadow:0 4px 32px #9261e28c,0 0 0 6px var(--primary-light)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoEntrance{0%{opacity:0;transform:scale(.85) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideRevealCard{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes finalAlert{0%{transform:scale(.65);opacity:0}65%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes stampIn{0%{transform:scale(.3) rotate(-12deg);opacity:0}65%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pointReveal{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .22s ease-out both}.chip-in{animation:chipIn .2s cubic-bezier(.34,1.56,.64,1) both}.reveal-card-in{animation:slideRevealCard .45s cubic-bezier(.34,1.56,.64,1) both}.final-alert-in{animation:finalAlert .55s cubic-bezier(.34,1.56,.64,1) both}.stamp-in{animation:stampIn .45s cubic-bezier(.34,1.56,.64,1) both}.point-reveal{animation:pointReveal .35s ease-out both}.slide-in-up{animation:slideInUp .3s ease-out both}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes podiumBounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes cardShimmer{0%{transform:translate(-100%);opacity:0}30%{opacity:1}to{transform:translate(200%);opacity:0}}@keyframes countdownNum{0%{opacity:.3;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.screen{min-height:100%;display:flex;flex-direction:column;background:transparent}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--card-shadow)}.input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-family:Tajawal,sans-serif;font-size:18px;font-weight:500;color:var(--text);min-height:54px;transition:border-color .15s ease,background .15s ease;display:block}.input:focus{border-color:var(--primary);background:#fff}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-placeholder);font-family:Tajawal,sans-serif;font-weight:400;unicode-bidi:plaintext}.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;width:100%;font-family:Tajawal,sans-serif;font-size:18px;font-weight:800;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease;-webkit-appearance:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:linear-gradient(135deg,#a678f2,#7d4fd2);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#b48ef5,#9261e2);box-shadow:0 4px 20px #9261e273}.btn-primary.pulsing{animation:pulseGlow 2s ease-in-out infinite}.btn-secondary{background:var(--card);color:var(--text);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary-dark)}.error-msg{background:var(--danger-bg);color:var(--danger);font-size:15px;font-weight:600;padding:12px 16px;border-radius:var(--radius-xs);text-align:center;animation:fadeUp .18s ease-out both}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}