*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111827;color:#f9fafb;--card-bg: rgba(17, 24, 39, .82);--card-border: rgba(148, 163, 184, .28);--muted: #9ca3af;--text-muted: #d1d5db;--blue: #2563eb;--guess-grid: minmax(170px, 1.6fr) repeat(5, minmax(130px, 1fr))}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.25),transparent 32rem),radial-gradient(circle at bottom right,rgba(16,185,129,.18),transparent 28rem),#111827}button,input{font:inherit}button{border:0;border-radius:14px;padding:12px 16px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.55}input{flex:1;min-width:0;padding:14px 16px;border-radius:14px;border:1px solid rgba(148,163,184,.38);background:#020617;color:#f9fafb}.app{width:min(1100px,calc(100vw - 24px));margin:0 auto;padding:32px 0 64px}.hero{text-align:center;margin:24px auto 32px}.eyebrow{color:#93c5fd;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;margin:0}h1{margin:8px 0;font-size:clamp(3rem,8vw,6rem);line-height:.95}.lead{color:var(--text-muted);max-width:720px;margin:0 auto;font-size:1.08rem}.puzzle{color:var(--muted)}.countdown{color:#bfdbfe;font-weight:700;margin-top:-4px}.how-to-play{max-width:720px;margin:20px auto 0;padding:16px 18px;border:1px solid var(--card-border);border-radius:18px;background:#0f172ab8;text-align:left}.how-to-play h2{margin:0 0 8px;font-size:1.1rem}.how-to-play p{margin:0 0 8px;color:var(--text-muted)}.how-to-play ul{margin:0;padding-left:20px;color:var(--text-muted)}.guess-card,.result-card,.stats-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:18px;box-shadow:0 24px 80px #00000047}.input-row{display:flex;gap:10px}.secondary{background:#374151}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestions button{background:#1f2937;border:1px solid var(--card-border);padding:8px 12px}.message{color:var(--text-muted);margin-bottom:0}.grid-wrap{margin-top:22px;overflow-x:auto;padding-bottom:4px}.grid{display:grid;grid-template-columns:var(--guess-grid);gap:8px;min-width:820px;margin-bottom:8px}.header span{min-height:54px;display:flex;align-items:center;justify-content:center;padding:10px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;text-align:center}.cell{min-height:54px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;border-radius:14px;background:#374151;color:#f9fafb;font-weight:700}.correct{background:#16a34a}.partial{background:#ca8a04}.wrong{background:#4b5563}.unknown{background:#111827;border:1px dashed #6b7280;color:var(--text-muted)}.result-card{margin-top:22px;text-align:center}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.artist-reveal{display:flex;gap:20px;align-items:center;justify-content:center;margin:20px 0;text-align:left}.artist-reveal img{width:180px;height:180px;object-fit:cover;border-radius:16px}.artist-reveal h3{margin-top:0;font-size:1.8rem}.artist-reveal p{margin:6px 0}.stats-card{margin-top:22px}.stats-card h2,.stats-card h3{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-grid div{background:#020617;border-radius:16px;padding:14px;text-align:center}.stats-grid strong{display:block;font-size:1.7rem}.stats-grid span{color:var(--muted);font-size:.85rem}.distribution{display:grid;gap:8px}.distribution-row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px}.distribution-row>span{color:var(--text-muted);font-weight:700}.distribution-row>div{background:#020617;border-radius:10px;overflow:hidden}.distribution-row>div>div{min-width:28px;background:var(--blue);padding:4px 8px;color:#fff;font-weight:700;text-align:right;border-radius:10px}.footer{margin-top:48px;padding:24px 12px;font-size:.8rem;line-height:1.5;color:#8b95a7;text-align:center}.footer p{margin:.35rem 0}.footer a{color:inherit;text-decoration:underline}@media(max-width:640px){:root{--guess-grid: minmax(112px, 1.4fr) repeat(5, minmax(78px, 1fr))}.app{width:min(100vw - 16px,100%);padding:16px 0 40px}.hero{margin:12px auto 22px}h1{font-size:3rem}.eyebrow{font-size:.68rem;letter-spacing:.1em}.lead{font-size:.95rem}.puzzle,.countdown{font-size:.9rem}.how-to-play,.guess-card,.result-card,.stats-card{padding:14px;border-radius:16px}.input-row{flex-direction:column}.input-row button,.actions button{width:100%}input{font-size:16px}.suggestions{gap:6px}.suggestions button{flex:1 1 calc(50% - 6px);min-height:42px}.grid-wrap{margin-left:-4px;margin-right:-4px;padding-bottom:8px}.grid{min-width:540px;gap:5px}.header span{min-height:44px;padding:7px 3px;font-size:.58rem;letter-spacing:.04em}.cell{min-height:44px;padding:7px 5px;border-radius:10px;font-size:.72rem}.artist-reveal{flex-direction:column;text-align:center;gap:14px}.artist-reveal img{width:170px;height:170px}.artist-reveal h3{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid strong{font-size:1.4rem}}