:root{color-scheme:light;--bg: #ffffff;--text: #13243a;--muted: #66758b;--line: #dce5ee;--teal: #07979b;--teal-dark: #057a80;--coral: #ff6b4a;--yellow: #ffc83d;--blue: #377dff;--green: #20b486;--shadow: 0 20px 52px rgba(19, 36, 58, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(7,151,155,.06) 1px,transparent 1px),linear-gradient(rgba(7,151,155,.06) 1px,transparent 1px),#fbfdff;background-size:34px 34px;color:var(--text)}button,input{font:inherit}button{cursor:pointer}svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.app-frame{width:min(1180px,calc(100% - 28px));margin:24px auto;border:1px solid var(--line);border-radius:10px;background:#fffffff5;box-shadow:var(--shadow);overflow:hidden}.top-bar,.category-row,.game-grid{padding:20px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;min-width:0}.logo-mark{display:grid;height:52px;width:52px;flex:0 0 auto;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--teal),var(--blue));color:#fff;font-size:1.45rem;font-weight:950;box-shadow:0 14px 26px #07979b38}h1,h2,p{margin-top:0}h1{margin-bottom:5px;font-size:1.55rem;letter-spacing:0}.brand p{margin-bottom:0;color:var(--muted);font-size:.88rem}.score-pill{display:grid;min-width:96px;border:1px solid #ffd8cd;border-radius:8px;background:#fff7f4;padding:10px 12px;text-align:right}.score-pill span,.round-meta,.panel-title span{color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase}.score-pill strong{color:var(--coral);font-size:1.24rem}.category-row{display:grid;grid-template-columns:1fr;gap:10px;border-bottom:1px solid var(--line)}.category-row button{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 14px;font-size:.88rem;font-weight:850}.category-row button.active{border-color:#9ad8dc;background:#eafafb;color:var(--teal-dark)}.game-grid{display:grid;gap:18px}.game-panel,.side-panel{display:grid;gap:14px;min-width:0}.round-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#edf3f7;margin-bottom:14px}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--yellow),var(--coral));transition:width .24s ease}.question-card,.lead-card,.leaderboard-card,.prize-card,.bonus-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px}.question-card{position:relative;min-height:520px}.timer-ring{position:absolute;top:18px;right:18px;display:grid;height:74px;width:74px;place-items:center;border-radius:999px;background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(var(--coral) var(--time),#edf3f7 0);color:var(--text)}.timer-ring strong{margin-top:9px;font-size:1.3rem}.timer-ring span{margin-top:-24px;color:var(--muted);font-size:.68rem;font-weight:850}.question-card h2{max-width:calc(100% - 90px);margin:8px 0 24px;font-size:clamp(1.45rem,5vw,2.45rem);line-height:1.08;letter-spacing:0}.answers{display:grid;gap:12px}.answers button{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;min-height:58px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 14px 10px 10px;text-align:left;font-weight:800}.answers button span{display:grid;height:38px;width:38px;place-items:center;border-radius:8px;background:#eff8fa;color:var(--teal)}.answers button.correct{border-color:#20b48680;background:#edfbf6}.answers button.wrong{border-color:#ff6b4a80;background:#fff2ef}.start-button,.lead-card button,.form-actions button:first-child{min-height:50px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:900}.start-button{width:100%;margin-top:16px}.explain{margin:16px 0 0;border-left:4px solid var(--yellow);color:var(--muted);padding-left:12px}.bonus-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bonus-card span{display:grid;gap:4px;border-radius:8px;background:#f6fbfc;color:var(--muted);padding:14px;font-size:.78rem;font-weight:850}.bonus-card strong{color:var(--coral);font-size:1.55rem}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-title h2{margin:0;font-size:1rem}.leader-list{display:grid;gap:10px}.leader-list article{display:grid;grid-template-columns:28px minmax(0,1fr) auto 54px;align-items:center;gap:10px;border:1px solid #edf2f7;border-radius:8px;padding:10px}.leader-list article>span{display:grid;height:28px;width:28px;place-items:center;border-radius:8px;background:#fff4d7;color:#9a6500;font-weight:900}.leader-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-list em{color:var(--teal);font-style:normal;font-weight:900}.leader-list small{color:var(--muted);font-weight:800;text-align:right}.prize-card{display:grid;gap:10px}.prize-card article{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;background:linear-gradient(135deg,#fff8dd,#fff);padding:12px}.prize-card span{color:var(--coral);font-weight:850}.lead-card{display:grid;gap:18px}.result-band{display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;padding:28px}.result-band strong{font-size:3rem}.lead-card form{display:grid;grid-template-columns:1fr;gap:13px}.lead-card label{display:grid;gap:7px;color:var(--text);font-size:.8rem;font-weight:850}.lead-card input{min-height:46px;border:1px solid var(--line);border-radius:8px;outline:0;padding:0 12px}.opt-in{grid-template-columns:auto 1fr;align-items:center;color:var(--muted)!important;font-weight:700!important}.opt-in input{min-height:auto}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.form-actions button{flex:1 1 160px;padding:0 14px}.form-actions button:last-child{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:900}.message{min-height:22px;color:var(--teal);font-weight:800}@media(min-width:720px){.category-row{grid-template-columns:repeat(3,1fr)}.lead-card form{grid-template-columns:1fr 1fr}.opt-in,.form-actions,.message{grid-column:1 / -1}}@media(min-width:960px){.game-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.side-panel{position:sticky;top:24px}}@media(max-width:560px){.app-frame{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.top-bar{align-items:flex-start}.logo-mark{height:44px;width:44px}.brand p{display:none}.score-pill{min-width:82px}.question-card{min-height:0;padding-top:96px}.question-card h2{max-width:none}}