:root{--bg: #020617;--bg-card: #020617;--border-card: #111827;--text-main: #e5e7eb;--text-muted: #9ca3af;--text-soft: #6b7280;--accent: #e5e7eb;--accent-soft: #4b5563;--track: #1f2933}body[data-theme=light]{--bg: #f9fafb;--bg-card: #ffffff;--border-card: #e5e7eb;--text-main: #111827;--text-muted: #4b5563;--text-soft: #6b7280;--accent: #111827;--accent-soft: #d1d5db;--track: #e5e7eb}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:var(--bg);color:var(--text-main);transition:background .2s ease-out,color .2s ease-out}.game-card,.results-card{max-width:520px;margin:40px auto;padding:24px 22px 22px;border-radius:18px;border:1px solid var(--border-card);background:var(--bg-card);box-shadow:0 18px 35px #00000040;transition:background .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}.game-card h2,.results-card h2{margin:0 0 4px;font-size:1.3rem}.game-card p,.results-card p{margin:4px 0;font-size:.85rem;color:var(--text-muted)}.game-card-header{display:flex;align-items:center;justify-content:space-between}.intro-text{margin-top:8px}.round-header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-soft);margin-bottom:10px}.timer-badge{padding:2px 8px;border-radius:999px;border:1px solid var(--accent-soft);color:var(--text-main)}.line-eq{display:flex;justify-content:center;gap:8px;margin:18px 0 10px}.line-eq-dot{width:4px;height:14px;border-radius:999px;background:var(--accent-soft);transition:opacity .14s ease-out,transform .18s ease-out}.slider-section{margin-top:10px}.slider-section--clean{margin-top:4px}.slider-row{margin-top:14px}.slider-row label{display:block;font-size:.8rem;margin-bottom:4px;color:var(--text-main)}.freq-slider{width:100%;-webkit-appearance:none;background:transparent}.freq-slider:focus{outline:none}.freq-slider::-webkit-slider-runnable-track{height:4px;background:var(--track);border-radius:999px}.freq-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:var(--accent);margin-top:-5px}.freq-slider::-moz-range-track{height:4px;background:var(--track);border-radius:999px}.freq-slider::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:var(--accent)}.slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-soft);margin-top:4px}.text-input{width:100%;margin-top:10px;padding:7px 9px;border-radius:9px;border:1px solid var(--accent-soft);background:var(--bg);color:var(--text-main);font-size:.85rem}.text-input::placeholder{color:var(--text-soft)}.text-input:focus{outline:none;border-color:var(--accent)}.mode-buttons{display:flex;gap:.75rem;margin-top:14px}.icon-btn{border-radius:999px;width:34px;height:34px;border:1px solid var(--accent-soft);background:var(--bg);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:background .12s ease-out,transform .06s ease-out,border-color .12s ease-out}.icon-btn:hover{background:var(--track);transform:translateY(-1px)}.icon-btn--round{border-radius:999px;width:36px;height:36px;font-size:12px;letter-spacing:.08em}.icon-btn--active{border-color:var(--accent);background:var(--bg)}.theme-toggle-btn{font-size:16px}.radio-pill{display:inline-flex;gap:.5rem;padding:3px;border-radius:999px;border:1px solid var(--accent-soft);background:var(--bg);margin-top:14px}.radio-pill-item{border:none;background:transparent;color:var(--text-soft);padding:4px 10px;border-radius:999px;font-size:.78rem;cursor:pointer;transition:background .16s ease-out,color .16s ease-out}.radio-pill-item--active{background:var(--track);color:var(--text-main)}.difficulty-icons{display:flex;gap:.5rem;margin-top:14px}.difficulty-hint{margin-top:6px;font-size:.74rem;color:var(--text-soft)}.actions-section{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.actions-section--match{margin-top:18px}.lock-btn{border-radius:999px;width:34px;height:34px;border:1px solid var(--accent-soft);background:var(--bg);color:var(--text-main);cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease-out,transform .06s ease-out,border-color .12s ease-out}.lock-btn:hover{background:var(--track);transform:translateY(-1px)}.next-arrow-btn{border-radius:999px;width:34px;height:34px;border:1px solid var(--accent-soft);background:var(--bg);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:background .12s ease-out,transform .06s ease-out,border-color .12s ease-out,opacity .12s ease-out}.next-arrow-btn:hover:not(:disabled){background:var(--track);transform:translateY(-1px)}.next-arrow-btn:disabled{opacity:.35;cursor:default}.hint-text{font-size:.78rem;color:var(--text-soft);margin-top:8px}.round-reveal{margin-top:10px;font-size:.78rem;color:var(--text-muted)}.results-main-score{font-size:1rem;color:var(--text-main)}.results-subscore{font-size:.82rem;color:var(--text-muted)}.results-subscore--funny{margin-top:4px}.results-list{margin:12px 0 0;padding-left:18px;font-size:.78rem;color:var(--text-muted)}@media(max-width:640px){.game-card,.results-card{margin:16px 10px;padding:18px 14px 16px;border-radius:14px}.game-card h2,.results-card h2{font-size:1.05rem}.game-card p,.results-card p,.hint-text{font-size:.78rem}.intro-text{font-size:.8rem}.round-header{font-size:.74rem}.timer-badge{padding:1px 6px;font-size:.7rem}.icon-btn,.lock-btn,.next-arrow-btn{width:32px;height:32px;font-size:14px}.icon-btn--round,.theme-toggle-btn{width:34px;height:34px}.radio-pill{padding:2px}.radio-pill-item{padding:3px 8px;font-size:.76rem}.difficulty-icons{gap:.4rem}.slider-row{margin-top:10px}.slider-labels{font-size:.68rem}.text-input{font-size:.8rem;padding:6px 8px}.results-list{font-size:.75rem}}.challenge-comparison{margin-top:1.5rem;padding:1.25rem;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);text-align:center}.challenge-vs{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:1rem}.challenge-scores{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.challenge-score-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.challenge-score-item span{font-size:.75rem;opacity:.6;text-transform:uppercase;letter-spacing:.08em}.challenge-score-item strong{font-size:2rem;font-weight:700;color:#a78bfa}.challenge-outcome{font-size:1.1rem;font-weight:600;margin-top:.5rem}