@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Syne:wght@700;800&display=swap";:root{--bg-color:#030305;--glass-bg:#ffffff08;--glass-border:#ffffff14;--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--accent-tertiary:#f43f5e;--text-primary:#fff;--text-secondary:#94a3b8;--glow-primary:#8b5cf680;--glow-secondary:#06b6d480;--transition-speed:.4s;--pts-0:#f43f5e;--pts-5:#f59e0b;--pts-10:#10b981;--pts-15:#3b82f6}.pts-0{color:var(--pts-0)!important;border-color:var(--pts-0)!important}.pts-5{color:var(--pts-5)!important;border-color:var(--pts-5)!important}.pts-10{color:var(--pts-10)!important;border-color:var(--pts-10)!important}.pts-15{color:var(--pts-15)!important;border-color:var(--pts-15)!important}[data-theme=light]{--bg-color:#f8fafc;--bg-image:none;--glass-bg:#ffffffb3;--glass-border:#0000001a;--text-primary:#0f172a;--text-secondary:#475569;--accent-primary:#8b5cf6;--accent-secondary:#0ea5e9}[data-theme=midnight]{--accent-primary:#3b82f6;--accent-secondary:#6366f1;--bg-color:#020617;--bg-image:radial-gradient(circle at 50% 50%, #3b82f61a 0%, transparent 80%);--text-primary:#fff}[data-theme=cyber]{--accent-primary:#d946ef;--accent-secondary:#3b82f6;--bg-color:#0c0a09;--bg-image:radial-gradient(circle at 50% 50%, #d946ef1a 0%, transparent 80%);--text-primary:#fff}[data-theme=forest]{--accent-primary:#34d27a;--accent-secondary:#f4c542;--bg-color:#071a0e;--bg-image:linear-gradient(160deg, #071a0e 0%, #0e2d18 100%)}[data-theme=space]{--accent-primary:#3b82f6;--accent-secondary:#6366f1;--bg-color:#03031a;--bg-image:linear-gradient(135deg,#0a0a1a,#1a1a3a)}[data-theme=ocean]{--accent-primary:#0ea5e9;--accent-secondary:#06b6d4;--bg-color:#051a2a;--bg-image:linear-gradient(135deg,#0a1a2a,#0a2a4a)}[data-theme=royal]{--accent-primary:#8b5cf6;--accent-secondary:#d946ef;--bg-color:#1a052a;--bg-image:linear-gradient(135deg,#1a0a2a,#2a0a4a)}[data-theme=ember]{--accent-primary:#f97316;--accent-secondary:#f43f5e;--bg-color:#1a0a00;--bg-image:linear-gradient(135deg,#1a0800,#3a1200)}[data-theme=slate]{--accent-primary:#94a3b8;--accent-secondary:#fff;--bg-color:#0d1117;--bg-image:linear-gradient(135deg,#0d1117,#1c2128)}[data-theme=sunset]{--accent-primary:#ff6b35;--accent-secondary:#ee4266;--bg-color:#ff6b35;--bg-image:linear-gradient(135deg,#ff6b35,#ee4266);--text-primary:#1a0505;--text-secondary:#4a1a1a}[data-theme=aurora]{--accent-primary:#00c9a7;--accent-secondary:#845ec2;--bg-color:#00c9a7;--bg-image:linear-gradient(135deg,#00c9a7,#845ec2);--text-primary:#051a1a;--text-secondary:#1a3d3d}[data-theme=candy]{--accent-primary:#ff61d2;--accent-secondary:#ffd36b;--bg-color:#ff61d2;--bg-image:linear-gradient(135deg,#ff61d2,#ffd36b);--text-primary:#2a0a1a;--text-secondary:#4d1a33}[data-theme=neon]{--accent-primary:#39ff14;--accent-secondary:#ff073a;--bg-color:#0a0a0a;--bg-image:linear-gradient(135deg,#39ff14,#ff073a);--text-primary:#fff}[data-theme=volcano]{--accent-primary:#ff4500;--accent-secondary:gold;--bg-color:#ff4500;--bg-image:linear-gradient(135deg,#ff4500,gold);--text-primary:#1a0500;--text-secondary:#3d1400}.App{z-index:2;width:100%;min-height:100vh;transition:all .5s;position:relative}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;transition:background-color .5s,color .5s;display:flex;overflow-x:hidden}.theme-bg-layer{background-image:var(--bg-image,radial-gradient(circle at 10% 20%, #8b5cf626 0%, transparent 40%), radial-gradient(circle at 90% 80%, #06b6d426 0%, transparent 40%), radial-gradient(circle at 50% 50%, #f43f5e0d 0%, transparent 60%));z-index:0;pointer-events:none;width:100%;height:100%;transition:background-image .5s;position:fixed;top:0;left:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 15px var(--glow-primary)}50%{box-shadow:0 0 30px var(--glow-primary)}to{box-shadow:0 0 15px var(--glow-primary)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes letter-reveal{0%{opacity:0;transform:scale(0)rotate(-180deg)}80%{transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;padding:48px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.glass-card:before{content:"";pointer-events:none;background:conic-gradient(#0000,#8b5cf61a,#0000);width:200%;height:200%;animation:10s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,.game-title{text-transform:uppercase;letter-spacing:-.06em;font-family:Syne,sans-serif;font-weight:900;line-height:.9}.logo-container{flex-direction:column;align-items:center;margin-bottom:40px;animation:4s ease-in-out infinite float;display:flex}.logo-badge{background:var(--accent-primary);color:#fff;letter-spacing:2px;border-radius:8px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:800}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #8b5cf64d);-webkit-background-clip:text;background-clip:text}input{border:1px solid var(--glass-border);color:#fff;width:100%;transition:all var(--transition-speed);background:#ffffff05;border-radius:16px;outline:none;padding:16px 20px;font-size:16px}input:focus{border-color:var(--accent-secondary);background:#ffffff0f;box-shadow:0 0 20px #06b6d433}button{cursor:pointer;transition:all var(--transition-speed);text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:14px 28px;font-size:16px;font-weight:600;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;box-shadow:0 8px 20px #8b5cf64d}.btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #8b5cf680}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-stop{color:#fff;background:linear-gradient(135deg,#f43f5e,#be123c);border-radius:100px;padding:30px 60px;font-family:Syne,sans-serif;font-size:32px;font-weight:800;animation:2s infinite pulse-glow;box-shadow:0 0 30px #f43f5e66}.btn-stop:hover{transform:scale(1.1)rotate(1deg);box-shadow:0 0 50px #f43f5e99}.letter-reveal-box{background:var(--glass-bg);border:2px solid var(--accent-secondary);width:120px;height:120px;color:var(--accent-secondary);border-radius:24px;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:64px;font-weight:900;animation:.8s cubic-bezier(.34,1.56,.64,1) letter-reveal;display:flex;box-shadow:0 0 30px #06b6d44d}.player-tag{color:var(--accent-primary);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600}.score-cell{background:#ffffff05;border-radius:16px;padding:12px;transition:transform .2s}.score-cell:hover{background:#ffffff0a;transform:scale(1.05)}.error-toast{color:#fff;z-index:1000;background:#f43f5e;border-radius:12px;padding:12px 24px;font-weight:600;animation:.3s ease-out slideUp;position:fixed;top:20px;right:20px;box-shadow:0 10px 15px #f43f5e4d}.player-stats-bar{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:20px;justify-content:space-around;margin-bottom:25px;padding:15px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.stat-value{color:var(--accent-secondary);font-size:18px;font-weight:800}.scoreboard-table{border-collapse:separate;border-spacing:0 10px;width:100%;margin-top:20px}.scoreboard-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;padding:15px;font-size:12px;font-weight:600}.scoreboard-row td{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:#ffffff05;padding:20px 15px}.scoreboard-row td:first-child{border-left:1px solid var(--glass-border);border-top-left-radius:16px;border-bottom-left-radius:16px}.scoreboard-row td:last-child{border-right:1px solid var(--glass-border);border-top-right-radius:16px;border-bottom-right-radius:16px}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .3s;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{border-color:var(--accent-primary);background:#ffffff1a;transform:scale(1.1)rotate(15deg)}.settings-modal{max-width:500px;max-height:90vh;overflow-y:auto}.settings-section{text-align:left;margin-bottom:24px}.settings-section h4{color:var(--text-secondary);letter-spacing:2px;border-bottom:1px solid var(--glass-border);margin-bottom:12px;padding-bottom:6px;font-size:12px}.theme-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.theme-grid button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;justify-content:center;padding:8px;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.setting-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 15px;font-size:14px;display:flex}.setting-toggle input{display:none}.slider{background-color:#444;border-radius:20px;width:34px;height:20px;transition:all .4s;position:relative}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(14px)}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill-group button{background:var(--glass-bg);border:1px solid var(--glass-border);text-transform:capitalize;border-radius:100px;padding:6px 12px;font-size:12px}.pill-group button.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.track-options p{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.theme-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.theme-modal{background:var(--bg-color);border:4px solid var(--accent-primary);width:90%;max-width:500px;box-shadow:0 30px 60px #00000080, 0 0 50px var(--glow-primary);border-radius:28px;padding:30px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp}.theme-preview{border-radius:50%;width:32px;height:32px;display:inline-block}.theme-preview.default{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.theme-preview.light-prev{background:linear-gradient(135deg,#8b5cf6,#0ea5e9);border:1px solid #ddd}.theme-preview.midnight{background:linear-gradient(135deg,#3b82f6,#6366f1)}.theme-preview.cyber{background:linear-gradient(135deg,#d946ef,#3b82f6)}.theme-preview.forest{background:linear-gradient(135deg,#0a2a1a,#1a4a2a)}.theme-preview.space{background:linear-gradient(135deg,#0a0a1a,#1a1a3a)}.theme-preview.ocean{background:linear-gradient(135deg,#0a1a2a,#0a2a4a)}.theme-preview.royal{background:linear-gradient(135deg,#1a0a2a,#2a0a4a)}.theme-preview.ember{background:linear-gradient(135deg,#1a0800,#3a1200)}.theme-preview.slate{background:linear-gradient(135deg,#0d1117,#1c2128)}.theme-preview.sunset{background:linear-gradient(135deg,#ff6b35,#ee4266)}.theme-preview.aurora{background:linear-gradient(135deg,#00c9a7,#845ec2)}.theme-preview.candy{background:linear-gradient(135deg,#ff61d2,#ffd36b)}.theme-preview.neon{background:linear-gradient(135deg,#39ff14,#ff073a)}.theme-preview.volcano{background:linear-gradient(135deg,#ff4500,gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.score-badge{border:2px solid;border-radius:20px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.score-badge.pts-0{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e}.score-badge.pts-5{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b}.score-badge.pts-10{color:#10b981;background:#10b9811f;border-color:#10b981}.score-badge.pts-15{color:#3b82f6;background:#3b82f61f;border-color:#3b82f6}@media (width<=768px){body{align-items:flex-start;padding:10px 0}.glass-card{border-radius:20px;width:95%;max-width:100%;margin:10px auto;padding:24px 16px}h1,.game-title{font-size:2.5rem!important}.logo-container h1{font-size:3rem!important}.grid-2{gap:12px;grid-template-columns:1fr!important}.scoreboard-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.scoreboard-table th,.scoreboard-table td{padding:10px 8px;font-size:12px}.btn-stop{padding:18px 36px;font-size:22px}.letter-reveal-box{width:80px;height:80px;font-size:40px}.theme-grid{grid-template-columns:repeat(4,1fr)}.theme-modal{width:95%;max-height:95vh;padding:20px}.settings-grid{grid-template-columns:1fr}.pill-group button{padding:5px 10px;font-size:11px}.theme-toggle{width:42px;height:42px;font-size:20px;top:10px;right:10px}.error-toast{padding:10px 16px;font-size:13px;top:10px;right:10px}.player-stats-bar{flex-wrap:wrap;gap:10px;padding:10px}}@media (width<=480px){.logo-container h1:first-of-type{font-size:2.2rem!important}.logo-container h1:last-of-type{font-size:2.6rem!important}.btn-stop{padding:15px 30px;font-size:18px}.glass-card{padding:18px 12px}}