:root,body.light-theme{--button-active-bg:rgba(56, 189, 248, 0.16);--button-active-border:rgba(56, 189, 248, 0.3)}.footer-link,.nav-button,body{color:var(--text)}.footer p,.leaderboard-table th,.stat span,header p{color:var(--text-muted)}.card,.modal-content{transform:translateY(16px)}#adminInfo,.about-page li,.about-page p{line-height:1.6}:root{--bg-image:radial-gradient(circle at top, rgba(56, 189, 248, 0.12), transparent 32%),linear-gradient(180deg, #0f172a 0%, #111827 100%);--surface:rgba(15, 23, 42, 0.86);--surface-strong:rgba(15, 23, 42, 0.82);--card-border:rgba(148, 163, 184, 0.12);--text:#f8fafc;--text-muted:#94a3b8;--accent:#38bdf8;--success:#34d399;--danger:#f87171;--shadow:0 18px 40px rgba(15, 23, 42, 0.35);--button-bg:rgba(255, 255, 255, 0.08);--button-border:rgba(255, 255, 255, 0.1);--input-bg:rgba(255, 255, 255, 0.06);--input-border:rgba(255, 255, 255, 0.14);--placeholder:rgba(255, 255, 255, 0.5);--message-bg:rgba(255, 255, 255, 0.05);--footer-bg:rgba(15, 23, 42, 0.85);--footer-border:rgba(148, 163, 184, 0.12);--modal-bg:rgba(15, 23, 42, 0.96);--modal-shadow:0 10px 30px rgba(2,6,23,0.6);--overlay:rgba(2,6,23,0.5);--focus:rgba(56,189,248,0.18);--swatch-border:rgba(255, 255, 255, 0.08);--swatch-shadow:rgba(255,255,255,0.04)}body.light-theme{--bg-image:radial-gradient(circle at top, rgba(56, 189, 248, 0.08), transparent 30%),linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);--surface:rgba(255, 255, 255, 0.92);--surface-strong:rgba(255, 255, 255, 0.95);--card-border:rgba(148, 163, 184, 0.28);--text:#0f172a;--text-muted:#475569;--accent:#0f172a;--button-bg:rgba(255, 255, 255, 0.92);--button-border:rgba(15, 23, 42, 0.12);--input-bg:rgba(255, 255, 255, 0.92);--input-border:rgba(148, 163, 184, 0.18);--placeholder:rgba(15, 23, 42, 0.45);--message-bg:rgba(15, 23, 42, 0.06);--footer-bg:rgba(255, 255, 255, 0.9);--footer-border:rgba(148, 163, 184, 0.24);--swatch-border:rgba(15, 23, 42, 0.08);--swatch-shadow:rgba(15,23,42,0.04);--modal-bg:rgba(255, 255, 255, 0.96);--overlay:rgba(15, 23, 42, 0.15);--focus:rgba(56,189,248,0.28);--shadow:0 18px 40px rgba(15, 23, 42, 0.08)}*{box-sizing:border-box}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes floatIn{from{transform:translateY(0)}to{transform:translateY(-10px)}}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg-image)}.container{max-width:960px;margin:0 auto;padding:24px}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:24px;background:var(--surface);border:1px solid var(--card-border);box-shadow:var(--shadow);margin-bottom:18px;transition:transform 320ms,opacity 320ms,box-shadow 320ms,background 320ms;animation:.45s both fadeInDown}.logo{font-size:1.3rem;font-weight:700}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.nav-button{background:var(--button-bg);border:1px solid var(--button-border);border-radius:18px;padding:12px 18px;cursor:pointer}.theme-toggle{width:44px;padding:10px;border-radius:50%;text-align:center;font-size:1.1rem;line-height:1}.auth-tabs .tab.active,.control-button.active,.nav-button.active{background:var(--button-active-bg);border-color:var(--button-active-border)}.nav-button.donate-button{background:linear-gradient(135deg,#ffb238 0,#ff7900 100%);color:#1e1b22;border-color:rgba(255,147,0,.45);box-shadow:0 12px 26px rgba(255,128,0,.18);text-decoration:none;font-weight:700}.nav-button.donate-button:hover{background:linear-gradient(135deg,#ffd166 0,#ff8c00 100%);transform:translateY(-1px)}.nav-button.donate-button:active{transform:translateY(0)}.site-footer{display:flex;flex-direction:column;gap:10px;margin:24px 0 0;padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:18px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.footer-link{text-decoration:none;font-weight:700;border-bottom:1px dashed rgba(255,255,255,.65)}.footer-link:hover{color:#fbbf24;border-bottom-color:#fbbf24}.about-page h2,.about-page h3,.feature-card h3{margin-top:0}.start-page{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}.start-page h1{margin-top:0;font-size:clamp(2.8rem, 4vw, 4.2rem)}.start-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.leaderboard-page,.start-preview{display:grid;gap:18px}.preview-swatch{width:100%;min-height:200px;border-radius:24px;background:linear-gradient(135deg,#38bdf8 0,#22c55e 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);animation:1.8s infinite alternate floatIn}.about-page code,.feature-card{background:rgba(255,255,255,.08)}.card,header{box-shadow:var(--shadow)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.feature-card{padding:18px;border-radius:22px;border:1px solid var(--card-border);transition:transform 260ms,background 260ms,border-color 260ms,box-shadow 260ms}#adminInfo,.leaderboard-status{background:rgba(255,255,255,.06)}.feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 30px rgba(15,23,42,.14)}.about-page{padding:28px}.about-page p{line-height:1.7}.about-page ul{padding-left:1.2rem;margin:12px 0 0}.about-page li{margin-bottom:.8rem}.about-page code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:2px 6px;border-radius:8px}@media (max-width:860px){.feature-grid,.start-page{grid-template-columns:1fr}}.leaderboard-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.leaderboard-status{padding:14px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.14);color:var(--text)}.table-wrap{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.04);table-layout:fixed}.leaderboard-table td,.leaderboard-table th{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(148,163,184,.12)}.leaderboard-table td:first-child,.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table th:first-child,.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){white-space:nowrap}.leaderboard-table th{font-weight:600}.leaderboard-table tbody tr:hover{background:rgba(56,189,248,.08)}.leaderboard-table td:first-child{width:48px}.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){text-align:right}header{display:grid;gap:16px;padding:22px 24px;border-radius:28px;background:var(--surface-strong);border:1px solid var(--card-border)}header h1{margin:0;font-size:clamp(2.4rem, 2.8vw, 3.4rem);letter-spacing:-.06em}.footer p,header p{margin:0;line-height:1.75}.game-panel{display:grid;gap:20px;margin-top:24px}.status-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--card-border);border-radius:24px;padding:24px;transition:transform 280ms,opacity 280ms,background 280ms,border-color 280ms,box-shadow 280ms;opacity:0;animation:.45s both fadeInUp}.control-button,button{background:var(--button-bg)}.stat{display:flex;flex-direction:column;gap:8px}.stat strong{font-size:1.8rem}#adminInfo,.control-button,.modal-content,button{color:var(--text)}.color-card{display:grid;gap:18px;align-items:center}.color-swatch{height:220px;border-radius:28px;border:1px solid var(--swatch-border);overflow:hidden;box-shadow:inset 0 0 0 1px var(--swatch-shadow);transition:transform 320ms,box-shadow 320ms,border-color 320ms}.color-swatch:hover{transform:scale(1.01)}.color-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.auth-form,.controls,.options{display:grid;gap:14px}.color-info .title{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}.color-info .target{margin:0;font-size:clamp(2rem, 2.5vw, 2.8rem)}.options{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button,button{border:none;border-radius:18px;padding:16px 18px;font-size:1rem;cursor:pointer;transition:transform 180ms,box-shadow 180ms,background-color 180ms}.control-button:active,.nav-button:active,button:active{transform:scale(.98)}button{box-shadow:inset 0 0 0 1px var(--button-border)}button.correct{background:rgba(52,211,153,.18);border:1px solid rgba(52,211,153,.28)}button.wrong{background:rgba(248,113,113,.18);border:1px solid rgba(248,113,113,.28)}.answer-input{display:flex;gap:12px;flex-wrap:wrap}.answer-input input{flex:1 1 220px;min-width:0;padding:16px 18px;border-radius:18px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:1rem}#adminInfo,.auth-help{font-size:.95rem}.answer-input input::placeholder{color:var(--placeholder)}.control-button{border:1px solid var(--button-border)}.hidden{display:none!important}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay);z-index:60;opacity:1}.modal-content{background:var(--modal-bg);padding:18px;border-radius:12px;width:320px;box-shadow:var(--modal-shadow);animation:.3s 80ms both fadeInUp}.auth-help,.message{margin:0;color:var(--text-muted)}.swatch-flash{transition:box-shadow 220ms}.flash-success{box-shadow:0 0 0 6px rgba(52,211,153,.16)!important}.flash-fail{box-shadow:0 0 0 6px rgba(248,113,113,.16)!important}.admin-badge{position:relative}.admin-badge::after{content:'ADMIN';position:absolute;right:-36px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--success);background:rgba(52,211,153,.12);padding:2px 6px;border-radius:999px}#adminInfo{margin-top:10px;padding:14px;border-radius:16px;border:1px solid rgba(148,163,184,.14);white-space:pre-wrap}.control-button{transition:transform 180ms,box-shadow 180ms,background-color 180ms,border-color 180ms}.control-button:hover,.nav-button:hover,button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.08)}button:focus,input:focus,select:focus{outline:3px solid var(--focus);outline-offset:3px}.mode-buttons{display:flex;flex-wrap:wrap;gap:10px}.message{padding:14px 18px;border-radius:18px;background:var(--message-bg)}.message.success{background:rgba(52,211,153,.15);color:var(--success)}.message.danger{background:rgba(248,113,113,.15);color:var(--danger)}.auth-tabs{display:flex;gap:10px}.auth-tabs .tab{flex:1;border:1px solid var(--button-border);background:var(--button-bg);color:var(--text);border-radius:18px;padding:12px 14px;cursor:pointer}.auth-field label{display:flex;flex-direction:column;gap:8px;font-size:.95rem;color:var(--text)}.auth-agree-row label{flex-direction:row;align-items:flex-start;gap:10px}.auth-agree-row input{width:auto;margin-top:2px}.password-input-row{display:flex;gap:10px;align-items:center}.auth-field input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text)}.control-button.small{padding:10px 12px;min-width:80px}.footer{margin-top:24px;padding:22px 24px;border-radius:24px;background:var(--footer-bg);border:1px solid var(--footer-border)}.footer h2{margin:0 0 14px}@media (max-width:720px){.options,.status-bar{grid-template-columns:1fr}}