:root{--to-gold:#ddb935;--to-red:#c92332;--to-green:#16864a;--to-black:#0c0d11;--to-panel:#15161c;--to-text:#f5f3ec;--to-muted:#aaa9a3}
.to-trivia-shell{max-width:1400px;margin:20px auto;background:radial-gradient(circle at 20% 10%,#262834 0,#111217 38%,#08090c 100%);color:var(--to-text);border:1px solid #383a42;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.45);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.to-trivia-shell *{box-sizing:border-box}.to-trivia-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #31333b;background:#0b0c10}.to-brand{font-weight:900;letter-spacing:.06em}.to-brand span{color:var(--to-gold)}.to-top-actions{display:flex;gap:8px}.to-icon-btn{border:1px solid #3c3e48;background:#171920;color:#fff;width:42px;height:42px;border-radius:50%;font-size:18px;cursor:pointer}.to-trivia-grid{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(440px,1.1fr);min-height:690px}.to-casino-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px;border-right:1px solid #2b2d35;background:radial-gradient(circle at 50% 40%,#272a34 0,#111319 48%,#0b0c10 100%)}
.to-wheel-wrap{position:relative;width:min(500px,82vw);aspect-ratio:1}.to-wheel{position:absolute;inset:0;border-radius:50%;border:15px solid var(--to-gold);box-shadow:inset 0 0 0 9px #08090c,inset 0 0 0 18px #9c7d18,0 20px 50px rgba(0,0,0,.55);transition:transform 5.6s cubic-bezier(.08,.6,.08,1);will-change:transform}.to-wheel:before{content:"";position:absolute;inset:13%;border:7px solid var(--to-gold);border-radius:50%;background:radial-gradient(circle,#262831 0 21%,#0e0f13 22% 56%,transparent 57%)}.to-wheel:after{content:"";position:absolute;inset:4%;border:2px dashed rgba(255,255,255,.15);border-radius:50%}.to-pocket-number{position:absolute;left:50%;top:50%;width:34px;height:48%;margin-left:-17px;transform-origin:50% 0;text-align:center;font-size:12px;font-weight:900;color:#fff;padding-top:5px;text-shadow:0 1px 2px #000;z-index:3}.to-wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#272831 0,#111217 68%,#050608 100%);border:7px solid var(--to-gold);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:22px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.to-wheel-hub b{color:var(--to-gold)}.to-pointer{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:9;width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:0;border-bottom:56px solid var(--to-gold);filter:drop-shadow(0 4px 3px rgba(0,0,0,.6))}.to-landed{margin-top:24px;min-height:28px;font-size:14px;font-weight:900;letter-spacing:.08em;color:var(--to-gold)}.to-landed[data-color=red]{color:#ff5a67}.to-landed[data-color=green]{color:#5cdf8d}.to-landed[data-color=black]{color:#e4e4e4}.to-spin,.to-next{margin-top:12px;border:0;border-radius:13px;padding:17px 28px;background:linear-gradient(#efc945,#c79b17);color:#111;font-weight:1000;letter-spacing:.06em;font-size:17px;cursor:pointer;box-shadow:0 8px 0 #7e6110,0 12px 28px rgba(0,0,0,.38)}.to-spin:active,.to-next:active{transform:translateY(4px);box-shadow:0 4px 0 #7e6110}.to-spin:disabled{opacity:.48;cursor:not-allowed}.to-wheel-help{max-width:470px;text-align:center;color:var(--to-muted);font-size:13px;line-height:1.5;margin:21px 0 0}
.to-question-panel{padding:34px;display:flex;flex-direction:column}.to-score-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.to-score-row>div{background:#101116;border:1px solid #31333b;border-radius:14px;padding:14px 16px}.to-score-row small{display:block;color:#8f9097;font-size:10px;letter-spacing:.13em;font-weight:800}.to-score-row strong{font-size:28px;color:var(--to-gold)}.to-status{margin:auto 0;padding:30px 4px}.to-kicker{display:inline-block;color:var(--to-gold);font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}.to-status h2,.to-question h2{font-size:clamp(27px,3vw,42px);line-height:1.08;margin:8px 0 14px;max-width:800px}.to-status p{font-size:17px;color:#b6b6b7;max-width:680px;line-height:1.6}.to-question-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.to-question-meta span{font-size:11px;font-weight:900;letter-spacing:.08em;padding:7px 9px;border:1px solid #3d404a;border-radius:999px;background:#111218;color:#d0d1d4}.to-question-meta span:first-child{border-color:#7c681f;color:var(--to-gold)}.to-answers{display:grid;gap:11px;margin-top:25px}.to-answer{width:100%;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;text-align:left;background:#15171e;color:#f5f5f3;border:1px solid #343741;border-radius:14px;padding:13px 15px;font-size:16px;cursor:pointer;transition:.18s ease}.to-answer:hover{transform:translateX(4px);border-color:#9c852e;background:#1c1e25}.to-answer span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#23252d;color:var(--to-gold);font-weight:900}.to-answer b{font-weight:700}.to-answer.is-correct{border-color:#33b96c;background:rgba(22,134,74,.16)}.to-answer.is-correct span{background:var(--to-green);color:#fff}.to-answer.is-wrong{border-color:#d94450;background:rgba(201,35,50,.13)}.to-answer.is-wrong span{background:var(--to-red);color:#fff}.to-result{margin-top:20px;border-radius:14px;padding:16px 18px;border:1px solid #383b44;background:#111218}.to-result.good{border-color:#2d9f5d}.to-result.bad{border-color:#a92a34}.to-result strong{font-size:18px}.to-result p{margin:7px 0;color:#d3d3d4;line-height:1.5}.to-result a{color:var(--to-gold);font-weight:700}.to-next{align-self:flex-start}.to-footer-note{padding:12px 20px;text-align:center;color:#7f8087;font-size:11px;border-top:1px solid #262830;background:#090a0d}.to-trivia-shell:fullscreen{max-width:none;margin:0;border-radius:0;width:100vw;height:100vh;overflow:auto}.to-trivia-shell:fullscreen .to-trivia-grid{min-height:calc(100vh - 100px)}
@media(max-width:900px){.to-trivia-grid{grid-template-columns:1fr}.to-casino-panel{border-right:0;border-bottom:1px solid #2b2d35}.to-wheel-wrap{width:min(430px,82vw)}.to-question-panel{padding:25px 18px;min-height:560px}.to-pointer{top:20px}.to-score-row strong{font-size:23px}}
@media(max-width:520px){.to-brand{font-size:13px}.to-trivia-topbar{padding:12px}.to-icon-btn{width:36px;height:36px}.to-casino-panel{padding:38px 10px 28px}.to-wheel{border-width:10px}.to-pocket-number{font-size:9px;width:24px;margin-left:-12px}.to-wheel-hub{font-size:16px;border-width:5px}.to-spin,.to-next{font-size:15px;padding:15px 20px}.to-question-panel{padding:20px 14px}.to-score-row>div{padding:11px}.to-score-row strong{font-size:20px}.to-question h2{font-size:27px}.to-answer{grid-template-columns:36px 1fr;font-size:15px;padding:11px}.to-answer span{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.to-wheel{transition-duration:1.2s}.to-answer{transition:none}}