/* Trivia has a calm game-show palette; all controls remain readable on phones. */
.trivia-stage{--trivia-ink:#f3f5ff;--trivia-muted:#b4bdcf;--trivia-line:#394761;--trivia-panel:#17253c;height:100%;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 12% 0%,#283f63 0,transparent 58%),#101b2d;color:var(--trivia-ink);font-family:var(--font,inherit);isolation:isolate}
.trivia-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 12px;border-bottom:1px solid var(--trivia-line);flex:none}
.trivia-header>div{text-align:center}.trivia-header b{display:block;font-size:23px;letter-spacing:-.5px}.trivia-header span{display:block;color:var(--trivia-muted);font-size:11px;margin-top:2px}
.trivia-orb{width:44px;height:44px;border:1px solid #61728c;border-radius:50%;background:#17253c;color:#f3f5ff;font-weight:700;font-size:22px;font-family:inherit;cursor:pointer;display:grid;place-items:center;flex:none}
.trivia-orb svg{width:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.trivia-main.trv{width:100%;max-width:600px;margin:0 auto;padding:20px 20px 28px;box-sizing:border-box;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;color:var(--trivia-ink)}
.trivia-main .trv-top{margin:0 0 14px;gap:8px}.trivia-kicker{font-size:11px;color:#b9dcd7;font-weight:700;letter-spacing:.3px}.trivia-main .trv-prog{font-size:12px;color:var(--trivia-muted);white-space:nowrap}
.trivia-main .trv-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-bottom:12px}.trivia-main .trv-dot{width:auto;height:25px;border:1px solid var(--trivia-line);background:#18253b;color:#9daec6;display:grid;place-items:center;font-size:11px;border-radius:7px;box-sizing:border-box}
.trivia-main .trv-dot.current{border-color:#f1cf7e;color:#ffe6a8;background:#3c3527}.trivia-main .trv-dot.correct{color:#bff4da;background:#234d41;border-color:#78bca4}.trivia-main .trv-dot.incorrect{background:#3b2c3b;border-color:#8f6e86;color:#f6cada}
.trivia-score{color:#ced8e8;font-size:12px;min-height:18px;margin-bottom:18px;font-variant-numeric:tabular-nums}
.trivia-main .trv-q{font-size:clamp(21px,4.8vw,28px);line-height:1.3;margin:0 0 22px;font-weight:700;min-height:0;color:var(--trivia-ink);outline:none;letter-spacing:-.4px}
.trivia-main .trv-opts{display:grid;gap:10px}.trivia-main .trv-opt{width:100%;min-height:58px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid #566581;border-radius:13px;background:#1b2941;color:var(--trivia-ink);font-size:15px;text-align:left;line-height:1.35;cursor:pointer;box-sizing:border-box;transition:background .12s,border-color .12s}
.trivia-main .trv-letter{flex:none;display:grid;place-items:center;width:29px;height:29px;border:1px solid #67758d;border-radius:8px;font-size:12px;font-weight:700;color:#dbe5f2}
.trivia-main .trv-opt.right{background:#244e41;border-color:#9ee1c0;color:#f1fff6;opacity:1}.trivia-main .trv-opt.wrong{background:#4a3043;border-color:#dfacc6;color:#fff1f8;opacity:1}.trivia-main .trv-opt:disabled:not(.right):not(.wrong){opacity:.55}
.trivia-main .trv-feedback{margin-top:19px;padding:0;background:transparent;color:#dce5f5}.trivia-main .trv-feedback-title{color:#c6ecd9;font-size:16px;font-weight:700}.trivia-main .trv-feedback p{font-size:14px;line-height:1.5;margin:8px 0 14px;color:#dce5f5}
.trivia-stage .ar-navbtn{background:#d7ebdf;color:#14362b;border:1px solid #d7ebdf;border-radius:11px;min-height:46px;padding:11px 18px;font-weight:700;cursor:pointer}.trivia-main .trv-next{width:100%;margin-top:2px}
.trivia-main .trv-result{text-align:center;color:var(--trivia-ink);padding:8px 0 20px;background:transparent}.trivia-result-icon{font-size:62px;line-height:1;color:#ebcc85;margin:6px 0 12px}.trivia-main .trv-big{font-size:60px;font-weight:800;line-height:1.1;color:var(--trivia-ink)}.trivia-main .trv-sub{font-size:15px;color:#d0d9e9;margin:12px 0 18px}.trivia-main .eyd-scoreline{color:#d0d9e9;margin-bottom:20px}.trivia-main .eyd-scoreline b{color:#f2d48e}.trivia-main .ar-daily-finish{color:#d4e8dd;background:#203c39;border-color:#476760}.trivia-main .ar-daily-finish span{color:#c8d8d3}
.trivia-main .trv-review{border-top:1px solid var(--trivia-line);color:#d2dcec;padding-top:16px}.trivia-main .trv-review summary{font-size:14px;padding:8px 0;cursor:pointer}.trivia-main .trv-review-item{padding:16px 0;border-color:var(--trivia-line)}.trivia-main .trv-review-item b{color:#f3f5ff}.trivia-main .trv-review-item p,.trivia-main .trv-review-item div{color:#d0d9e9;line-height:1.5}.trivia-main .trv-sources a{color:#c8e5ff}.trivia-archive-note{color:#c4d0e2;font-size:13px;line-height:1.5}
.trivia-help{position:absolute;inset:0;z-index:2;display:grid;align-items:center;padding:20px;background:#07111dcd;box-sizing:border-box}.trivia-help[hidden]{display:none}.trivia-help-panel{width:100%;max-width:460px;margin:auto;padding:22px;box-sizing:border-box;border:1px solid #63738e;border-radius:22px;background:#19283d;max-height:100%;overflow:auto;outline:none}.trivia-help-panel>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.trivia-help-panel h2{font-size:20px;margin:0}.trivia-help-panel p{font-size:15px;line-height:1.55;color:#d1ddec}
.trivia-main #trvReplayError{color:#ffd0d1;font-size:14px;line-height:1.5}
.trivia-stage button:focus-visible,.trivia-stage summary:focus-visible,.trivia-stage a:focus-visible{outline:3px solid #ffe5a5;outline-offset:3px}
.trivia-main .trv-opts{grid-template-columns:minmax(0,1fr);justify-content:stretch}
.trivia-header{position:relative;top:auto;background:transparent;box-shadow:none}
@media(max-width:370px),(max-height:700px){.trivia-main.trv{padding:14px 16px 24px}.trivia-score{margin-bottom:12px}.trivia-main .trv-q{font-size:21px;margin-bottom:16px}.trivia-main .trv-opt{min-height:51px;padding:10px 12px}.trivia-main .trv-opts{gap:8px}}
@media(prefers-reduced-motion:reduce){.trivia-main .trv-opt{transition:none}}