:root{--navy:#10273b;--ink:#173044;--cream:#fffaf0;--purple:#7148d7;--pink:#ef4f91;--yellow:#ffd447;--green:#29a876;--red:#d93c59;--blue:#3988e8}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#10273b}body{min-width:0;min-height:100dvh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 15% 5%,#805bd8 0,transparent 24rem),linear-gradient(145deg,#25185e,#10273b 58%);font-family:"Trebuchet MS",system-ui,sans-serif}.sound-toggle{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff2b;border-radius:999px;color:#fff;background:#ffffff12;font:800 12px inherit;cursor:pointer}.game-shell{width:min(1180px,100%);margin:auto;padding:clamp(12px,3vw,30px);display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:22px;align-items:start}.game-card{position:relative;min-width:0;min-height:680px;overflow:hidden;border:1px solid #ffffff36;border-radius:32px;background:linear-gradient(160deg,#fffdf5,#f5efff);box-shadow:0 24px 70px #08081c66}.screen{min-height:680px;padding:clamp(22px,4vw,46px);text-align:center}.screen[hidden]{display:none}.eyebrow{margin:0 0 8px;color:#754ed3;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.home-screen{display:grid;place-items:center;align-content:center;gap:15px;background:radial-gradient(circle at 50% 38%,#fff 0 9rem,transparent 20rem),linear-gradient(145deg,#fff9df,#eee7ff)}.home-screen h1{margin:0;font-size:clamp(48px,9vw,90px);line-height:.87;letter-spacing:-.07em;color:#233754;text-shadow:0 5px #fff}.home-screen h1 span{display:block;color:#ef4f91}.tagline{margin:0;color:#53657a;font-size:clamp(18px,3vw,25px);font-weight:800}.hero-orbit{position:relative;width:210px;height:110px}.hero-orbit span{position:absolute;display:grid;place-items:center;width:67px;height:67px;border-radius:22px;color:#fff;font-size:27px;font-weight:900;box-shadow:0 10px 24px #36266135}.hero-orbit span:nth-child(1){left:10px;top:22px;background:#3988e8;transform:rotate(-10deg)}.hero-orbit span:nth-child(2){left:72px;top:0;background:#7148d7;z-index:2}.hero-orbit span:nth-child(3){right:6px;top:30px;background:#29a876;transform:rotate(11deg)}.best-pill{margin:0;padding:10px 18px;border-radius:999px;background:#fff;color:#53657a;box-shadow:0 6px 18px #32235718}.best-pill strong{color:#ef4f91}.home-actions,.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.primary-button,.secondary-button,.spin-button{min-height:48px;border:0;border-radius:16px;padding:13px 28px;font:900 16px inherit;letter-spacing:.04em;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.primary-button,.spin-button{color:#fff;background:linear-gradient(135deg,#ef4f91,#7148d7);box-shadow:0 9px 0 #5532a4,0 14px 24px #563aa348}.secondary-button{color:#41305f;background:#fff;border:2px solid #ddd3f4}.primary-button:hover,.secondary-button:hover,.spin-button:hover{transform:translateY(-2px);filter:saturate(1.1)}button:focus-visible{outline:4px solid #1b9bf0;outline-offset:3px}.byline{margin:8px 0 0;color:#708094;font-size:13px}.play-screen{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 38%,#ffffff 0 11rem,transparent 25rem),linear-gradient(#fefae8,#eeeaff)}.hud{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hud>div{min-height:58px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 5px 18px #24174113}.hud small,.result-grid small{display:block;color:#718095;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hud strong{font-size:23px}.hearts{display:grid;place-items:center;font-size:20px}.status-banner{min-height:42px;margin:18px 0 10px;padding:10px 18px;border-radius:999px;color:#4e3b6c;background:#ffffffb8;font-weight:800}.wheel-stage{position:relative;width:min(480px,88vw);aspect-ratio:1;margin:auto;display:grid;place-items:center}.wheel{position:relative;width:94%;height:94%;border:12px solid #fff;border-radius:50%;background:conic-gradient(#ef4f91 0 30deg,#ff9f43 30deg 60deg,#ffd447 60deg 90deg,#40c98d 90deg 120deg,#34b8c7 120deg 150deg,#3988e8 150deg 180deg,#7148d7 180deg 210deg,#a24cc8 210deg 240deg,#e84f6f 240deg 270deg,#f58245 270deg 300deg,#52b66f 300deg 330deg,#4c8bdd 330deg 360deg);box-shadow:0 14px 0 #d7caed,0 25px 46px #36235a33;transition:transform 4.6s cubic-bezier(.12,.72,.11,1)}.wheel::after{content:"";position:absolute;inset:7%;border:2px dashed #ffffff8c;border-radius:50%}.wheel-pointer{position:absolute;z-index:5;top:-2px;width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:48px solid #203452;filter:drop-shadow(0 4px 2px #17223c40)}.wheel-hub{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:82px;height:82px;border:8px solid #fff;border-radius:50%;transform:translate(-50%,-50%);color:#fff;background:#223956;font-size:23px;font-weight:900;box-shadow:0 5px 18px #19244a66}.wheel-labels{position:absolute;inset:0;z-index:3}.wheel-label{position:absolute;left:50%;top:50%;width:92px;margin-left:-46px;text-align:center;color:#fff;font-size:clamp(9px,1.8vw,12px);font-weight:900;line-height:1.05;text-shadow:0 1px 3px #15243f99;transform-origin:46px 0}.wheel-label b{display:block;font-size:19px;margin-bottom:2px}.spin-button{min-width:190px;margin-top:10px;font-size:23px}.spin-button:disabled{cursor:wait;filter:grayscale(.45);transform:none}.question-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(150deg,#fffdf5,#f2edff)}.question-top{width:min(720px,100%);display:flex;justify-content:space-between;gap:10px}.category-pill,.difficulty{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900}.category-pill{color:#fff;background:#7148d7}.difficulty{color:#266148;background:#d8f6e8}.question-count{margin:24px 0 8px;color:#788495;font-size:13px;font-weight:800}.question-screen h2{max-width:720px;margin:0 0 28px;font-size:clamp(25px,5vw,40px);line-height:1.15}.answers{width:min(720px,100%);display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer-button{min-height:70px;padding:14px;border:2px solid #e3dcf2;border-radius:18px;color:#253c55;background:#fff;font:800 clamp(15px,2.5vw,19px) inherit;line-height:1.25;cursor:pointer;box-shadow:0 7px 17px #2e245418;text-align:left}.answer-button::before{content:attr(data-letter);display:inline-grid;place-items:center;width:32px;height:32px;margin-right:10px;border-radius:10px;color:#fff;background:#7148d7}.answer-button:hover:not(:disabled){border-color:#7148d7;transform:translateY(-2px)}.answer-button.correct{border-color:#16935f;background:#e6faef}.answer-button.wrong{border-color:#c83250;background:#fff0f2}.answer-button:disabled{cursor:default}.feedback{width:min(720px,100%);margin-top:20px;padding:20px;border-radius:20px;background:#fff;box-shadow:0 9px 24px #25194518}.feedback h3{margin:0 0 7px;font-size:25px}.feedback p{margin:5px 0 14px;line-height:1.5}.feedback.correct-feedback h3{color:#168358}.feedback.wrong-feedback h3{color:#c73550}.points-earned{color:#7148d7;font-weight:900}.result-screen{display:grid;place-items:center;align-content:center;gap:16px;background:radial-gradient(circle at 50% 30%,#fff 0 10rem,transparent 26rem),linear-gradient(150deg,#fff8dc,#ede7ff)}.result-icon{font-size:70px}.result-screen h2{margin:0;font-size:clamp(40px,8vw,72px)}.result-message{margin:0;color:#5e6e82;font-size:20px;font-weight:800}.result-grid{width:min(620px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.result-grid>div{padding:17px 8px;border-radius:18px;background:#fff;box-shadow:0 7px 18px #281c4715}.result-grid strong{display:block;margin-top:5px;font-size:26px}dialog{width:min(520px,calc(100% - 28px));padding:30px;border:0;border-radius:24px;color:#253951;box-shadow:0 28px 90px #07111e88}dialog::backdrop{background:#101a2db8;backdrop-filter:blur(4px)}dialog h2{margin:0 0 12px;font-size:34px}dialog li{margin:10px 0;line-height:1.45}.dialog-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:#f1edf8;font-size:28px;cursor:pointer}.ad-slot{min-height:180px;display:grid;place-items:center;border:1px dashed #ffffff42;border-radius:18px;color:#ffffff91;background:#ffffff0a;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.ad-slot-bottom{display:none;grid-column:1/-1;min-height:90px}.confetti{position:fixed;z-index:20;top:-20px;pointer-events:none;animation:confetti-fall 1.5s ease-in forwards}@keyframes confetti-fall{to{transform:translate(var(--drift),105vh) rotate(720deg);opacity:.1}}@media(max-width:1024px){.game-shell{grid-template-columns:1fr}.ad-slot:not(.ad-slot-bottom){display:none}.ad-slot-bottom{display:grid}}@media(max-width:640px){.site-header-actions{gap:5px}.sound-toggle{padding:6px 8px;font-size:11px}.game-shell{padding:10px}.game-card{min-height:600px;border-radius:22px}.screen{min-height:600px;padding:20px 15px}.wheel-stage{width:min(400px,91vw)}.wheel{border-width:9px}.wheel-hub{width:66px;height:66px;border-width:6px}.answers{grid-template-columns:1fr;gap:10px}.answer-button{min-height:58px}.result-grid{grid-template-columns:1fr 1fr}.home-actions,.result-actions{width:100%}.home-actions button,.result-actions button{flex:1}.question-screen h2{margin-bottom:18px}.hud{gap:6px}.hud>div{padding:7px 3px}.hearts{font-size:16px}.ad-slot-bottom{min-height:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.wheel{transition-duration:.01ms}.confetti{display:none}}