.wheelPage{color:#243648;background:radial-gradient(circle at 10% 12%,#ffedbd,#0000 28%),radial-gradient(circle at 90% 85%,#d6f4f0,#0000 30%),#f7f8ff;min-height:100dvh;padding:clamp(10px,2vw,24px)}.wheelShell{width:min(1000px,100%);margin:0 auto}.wheelHeader{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:14px;display:grid}.wheelBack{color:#435778;font-weight:850;text-decoration:none}.wheelHeading{text-align:center}.wheelHeading span{color:#796fb1;letter-spacing:.08em;font-size:.82rem;font-weight:850}.wheelHeading h1{color:#574d9e;margin:3px 0 0;font-size:clamp(1.6rem,4vw,2.6rem)}.wheelHeaderIcon{color:#f28a58;justify-self:end;font-size:2.3rem}.wheelHeader.isPlaying{text-align:center;display:block}.wheelCard{background:#fffffff0;border:3px solid #dcdcf3;border-radius:28px;min-height:min(780px,100dvh - 110px);padding:clamp(12px,2vw,22px);box-shadow:0 18px 48px #32385c1f}.wheelToolbar{border-bottom:2px solid #eeedf8;justify-content:space-between;align-items:center;gap:16px;padding:4px 6px 15px;display:flex}.wheelInstructions{gap:4px;display:grid}.wheelInstructions strong{color:#474090;font-size:clamp(1.2rem,2.5vw,1.65rem)}.wheelInstructions span{color:#5c6b79;font-size:.94rem;font-weight:650}.wheelControls{white-space:nowrap;align-items:center;gap:9px;font-weight:850;display:flex}.wheelControls select{color:#312d65;min-height:44px;font:inherit;background:#fff;border:2px solid #a9a1d6;border-radius:12px;padding:5px 10px}.wheelStart{color:#fff;cursor:pointer;background:#6254b4;border:0;border-radius:13px;min-height:46px;padding:9px 18px;font-size:1rem;font-weight:900;box-shadow:0 5px #403777}.wheelStart:active{transform:translateY(3px);box-shadow:0 2px #403777}.wheelPlayArea{align-content:start;justify-items:center;gap:6px;padding-top:10px;display:grid}.wheelProgress{color:#6b6d87;align-items:baseline;gap:9px;font-weight:800;display:flex}.wheelProgress strong{color:#e05258;font-size:1.7rem;line-height:1}.wheelProgress small{margin-left:12px;font-size:.9rem}.wheelSvg{touch-action:manipulation;width:min(100%,575px,100dvh - 240px);min-width:min(100%,300px);height:auto;display:block;overflow:visible}.wheelSlice{cursor:pointer;outline:none}.wheelSlice path{fill:#fffefa;stroke:#596273;stroke-width:1.7px;transition:fill .15s}.wheelSlice:hover path,.wheelSlice:focus-visible path{fill:#f3f0ff}.wheelSlice:focus-visible path{stroke:#6254b4;stroke-width:3.5px}.wheelSlice.right path,.wheelSlice.right:hover path{fill:#cbf1d7}.wheelSlice.wrong path,.wheelSlice.wrong:hover path{fill:#ffdbdc}.wheelSlice text{fill:#1d2530;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:800}.wheelSlice .wheelOne{fill:#d92737}.wheelOutline{fill:none;stroke:#3d4656;stroke-width:3px;pointer-events:none}.wheelToastSlot{place-items:center;min-height:49px;display:grid}.wheelToast{color:#fff;background:#b93546;border-radius:999px;padding:9px 18px;font-weight:850;box-shadow:0 8px 22px #86233238}.wheelWelcome{text-align:center;place-content:center;gap:10px;min-height:480px;display:grid}.wheelWelcome span{color:#6659ba;font-size:clamp(2.3rem,8vw,5rem);font-weight:900}.wheelWelcome p{color:#58677b;font-size:1.1rem;font-weight:750}.wheelDialog{color:#3b4160;text-align:center;background:#fffdf6;border:4px solid #f3cf74;border-radius:28px;width:min(440px,100% - 28px);max-height:calc(100dvh - 28px);margin:0;padding:35px 22px 28px;position:fixed;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 80px #1f213a40}.wheelDialog::backdrop{background:#2227409e}.wheelTrophy{font-size:4rem;position:relative}.wheelDialog h2{color:#b95169;margin:6px 0;font-size:2rem;position:relative}.wheelDialog p{margin:0 0 23px;font-weight:750;position:relative}.wheelDialog .wheelStart{width:100%;margin-bottom:17px;display:block;position:relative}.wheelDialog .wheelChooseCount{color:#554c99;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:2px solid #aaa1d9;border-radius:12px;margin:0 0 14px;font-weight:850;display:block;position:relative}.wheelDialog a{color:#6254a6;font-weight:850;position:relative}.wheelConfetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wheelConfetti i{border-radius:2px;width:9px;height:18px;animation:3.2s linear infinite wheelFall;display:block;position:absolute;top:-20px}@keyframes wheelFall{to{transform:translateY(520px)rotate(700deg)}}.wheelBack:focus-visible,.wheelStart:focus-visible,.wheelControls select:focus-visible,.wheelDialog a:focus-visible,.wheelChooseCount:focus-visible{outline-offset:3px;outline:4px solid #9dbaf5}@media (width<=650px){.wheelHeader{grid-template-columns:1fr auto}.wheelHeading{grid-area:1/1/auto/-1}.wheelBack{grid-row:2}.wheelHeaderIcon{grid-row:2;font-size:1.4rem}.wheelCard{border-radius:20px;min-height:0;padding:10px}.wheelToolbar{flex-direction:column;align-items:stretch;gap:10px}.wheelControls{justify-content:center}.wheelInstructions{text-align:center}.wheelInstructions span{font-size:.82rem}.wheelSvg{width:min(100%,100dvh - 270px);min-width:min(100%,280px)}.wheelSlice text{font-size:22px}.wheelWelcome{min-height:360px}}@media (width<=380px){.wheelControls{gap:5px;font-size:.9rem}.wheelStart{padding-inline:10px}.wheelSvg{width:100%;min-width:0}.wheelSlice text{font-size:20px}}@media (prefers-reduced-motion:reduce){.wheelConfetti i{animation:none;top:12%}.wheelSlice path{transition:none}}