:root{--text:#1f2933;--muted:#6b7280;--bg:#fafafa;--border:#e2e2e2;--stripe:#00000008;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{background:var(--bg);min-height:100svh;margin:0}h1,h2{color:var(--text)}button{font-family:inherit}#home{text-align:center;max-width:640px;margin:0 auto;padding:2rem 1rem 3rem}.category-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.category-card{border:1px solid var(--border,#e2e2e2);color:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 1rem;font-weight:600;text-decoration:none;display:flex}.category-card:hover{border-color:#4f46e5}.category-unit{color:var(--muted,#666);font-size:.85rem;font-weight:400}#game{flex-direction:column;gap:1.5rem;max-width:640px;margin:0 auto;padding:2rem 1rem 3rem;display:flex}.game-header{text-align:center}.game-header h1{margin:0 0 .25rem;font-size:2rem}.game-subtitle{color:var(--muted,#666);margin:0}.panel{flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}button.primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:999px;padding:.75rem 2rem;font-size:1rem}button.primary:hover{background:#4338ca}.board{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.streak{align-items:baseline;gap:.5rem;font-size:1.1rem;display:flex}.streak strong{font-size:1.5rem}.streak .best{color:var(--muted,#666);font-size:.85rem}.cards{align-items:center;gap:1rem;width:100%;display:flex}.question{text-align:center;color:var(--muted,#666);margin:0}.country-card{border:1px solid var(--border,#e2e2e2);text-align:center;min-height:8rem;font:inherit;color:inherit;box-sizing:border-box;background:0 0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:1.5rem 1rem;display:flex;position:relative}button.country-card{cursor:pointer}button.country-card:not(:disabled):hover{border-color:#4f46e5}button.country-card:disabled{cursor:default}.country-card.is-correct{background:#16a34a0f;border-color:#16a34a}.country-card.is-incorrect{background:#dc26260f;border-color:#dc2626}.result-badge{font-size:1.1rem;font-weight:700;line-height:1;position:absolute;top:.6rem;right:.75rem}.result-badge.is-correct{color:#16a34a}.result-badge.is-incorrect{color:#dc2626}.country-name{font-size:1.25rem;font-weight:600}.country-population{font-variant-numeric:tabular-nums;color:#4f46e5;font-weight:600}.versus{color:var(--muted,#666);font-size:.9rem}.error{color:#dc2626}.game-over{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.nickname-form{gap:.5rem;display:flex}.nickname-form input{border:1px solid var(--border,#e2e2e2);border-radius:8px;padding:.4rem .6rem}.nickname-submitted{color:#16a34a}.leaderboard-panel{border-top:1px solid var(--border,#e2e2e2);padding-top:1.5rem}.leaderboard-panel h2{margin:0 0 .75rem;font-size:1.1rem}.leaderboard{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard li{border-radius:8px;align-items:center;gap:.75rem;padding:.4rem .6rem;display:flex}.leaderboard li:nth-child(odd){background:var(--stripe,#00000008)}.leaderboard-rank{width:1.5rem;color:var(--muted,#666)}.leaderboard-name{flex:1;font-weight:500}.leaderboard-score{font-variant-numeric:tabular-nums;color:#4f46e5;font-weight:600}.leaderboard-empty{color:var(--muted,#666)}