*{box-sizing:border-box}body{color:#f4f7fb;background:#101418;margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.page{width:min(980px,100%);margin:0 auto;padding:24px 14px 40px}.hero{margin-bottom:18px}.eyebrow{color:#86efac;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:700}h1{margin:0 0 12px;font-size:clamp(36px,8vw,72px);line-height:.95}h2{margin:0 0 14px}p{color:#d7dee8;line-height:1.5}.muted{color:#9aa7b7;margin-top:-4px}.panel{background:#171d24;border:1px solid #27313c;border-radius:20px;margin:14px 0;padding:18px;box-shadow:0 18px 50px #00000038}.center{text-align:center;place-content:center;min-height:60vh;display:grid}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.card,.category{color:#f4f7fb;cursor:pointer;background:#202936;border:1px solid #334155;border-radius:16px;min-height:64px;padding:16px;transition:transform .12s,border-color .12s,background .12s}.card:hover,.category:hover{border-color:#86efac;transform:translateY(-1px)}.card.selected{background:#123524;border-color:#86efac}.card.used{opacity:.35;cursor:not-allowed;text-decoration:line-through}.categories{grid-template-columns:1fr;gap:10px;display:grid}.category{text-align:left;justify-content:space-between;align-items:center;display:flex}.category.filled{cursor:default;background:#0f2c1e;border-color:#22c55e}.category:disabled{cursor:not-allowed}.results{gap:10px;margin:18px 0;display:grid}.resultRow{background:#111821;border:1px solid #2b3643;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.resultRow div:first-child{gap:4px;display:grid}.resultRow span{color:#9aa7b7;font-size:14px}.rank{text-align:right}.rank strong{color:#86efac;font-size:22px;display:block}.verdict{color:#fff;font-size:20px}.actions{flex-wrap:wrap;gap:10px;display:flex}.primaryButton,.secondaryButton{cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-weight:700}.primaryButton{color:#07130c;background:#22c55e}.secondaryButton{color:#f4f7fb;background:#2b3643}footer{color:#6f7b8a;padding:20px 4px;font-size:13px}@media (min-width:720px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}}.currentRound{justify-content:space-between;align-items:center;gap:16px;display:flex}.scoreBubble{text-align:center;background:#0f2c1e;border:1px solid #22c55e;border-radius:999px;place-content:center;min-width:96px;min-height:96px;display:grid}.scoreBubble span{color:#9aa7b7;font-size:13px}.scoreBubble strong{color:#86efac;font-size:32px}@media (max-width:560px){.currentRound{flex-direction:column;align-items:flex-start}.scoreBubble{min-width:80px;min-height:80px}}.hintBox{color:#fff7ed;background:#2a2112;border:1px solid #f59e0b;border-radius:16px;margin:12px 0;padding:12px 14px;line-height:1.4;animation:.18s ease-out hintPop}.hintBox strong{color:#fdba74}@keyframes hintPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.howToPlay{color:#d7dee8;background:#111821;border:1px solid #27313c;border-radius:16px;margin:14px 0;padding:12px 14px;line-height:1.45}.howToPlay strong{color:#86efac}.finalCard{background:#0f2c1e;border:1px solid #22c55e;border-radius:18px;gap:4px;margin:14px 0 18px;padding:18px;display:grid}.finalCard strong{color:#86efac;font-size:clamp(44px,10vw,78px);line-height:1}.finalCard span{color:#fff;font-size:20px}@media (max-width:560px){.hero{margin-bottom:10px}.panel{border-radius:16px;padding:14px}.category{min-height:58px;padding:14px}}