html{background:var(--marquee)}body{min-height:100svh}.play-top{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--stage-gutter);pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}.play-top a{pointer-events:auto}.play-logo{font-family:var(--font-show);color:var(--sunshine);text-shadow:3px 3px 0 var(--hotpink);font-size:24px;line-height:1;text-decoration:none}.play-link{font-family:var(--font-sign);letter-spacing:.06em;color:var(--bulb);padding:var(--space-2) var(--space-3);border:var(--stroke) solid var(--bulb);border-radius:var(--radius-pill);background:var(--marquee);font-size:13px;text-decoration:none}.play-link:hover,.play-logo:hover{text-decoration:underline}.play-step{grid-template-columns:minmax(0,1fr);padding-top:80px}.play-step[hidden]{display:none}.play-step [tabindex="-1"]:focus{outline:none}.play-logo,.play-link{white-space:nowrap}.play-step .sap-stage__title{font-size:clamp(44px,11vw,168px)}.play-reveal__inner,.play-step .sap-bulbs{min-width:0}.play-step .sap-wall{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.play-question{font-family:var(--font-show);color:var(--sunshine);text-shadow:5px 5px 0 var(--hotpink);margin:0;font-size:clamp(44px,6vw,96px);font-weight:400;line-height:.95}.play-label{font-family:var(--font-sign);letter-spacing:.06em;color:var(--bulb);margin:0;font-size:15px}.play-tiles{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,1120px);display:grid}.play-tiles--four{grid-template-columns:repeat(4,minmax(0,1fr))}.play-pick{text-align:center;justify-content:flex-start;gap:var(--space-2);min-width:0;padding:var(--space-6) var(--space-4);flex-direction:column}.play-pick__icon{border:var(--stroke) solid var(--line);border-radius:var(--radius-pill);background:var(--stage);place-items:center;width:96px;height:96px;display:grid}.play-pick__icon svg{fill:none;stroke:#1a0f3d;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:68px;height:68px}.play-pick__title{font-size:22px;font-weight:900;line-height:26px}.play-pick .sap-tile__hint{font-size:15px;line-height:20px}.play-pick[aria-pressed=true] .play-pick__icon{background:var(--bulb-core)}.play-pick__icon .f-yellow{fill:#ffd60a}.play-pick__icon .f-pink{fill:#ff2e93}.play-pick__icon .f-green{fill:#1fd65f}.play-pick__icon .f-cyan{fill:#00d4ff}.play-pick__icon .f-white{fill:#fff}.play-pick__icon .f-grey{fill:#c9bdf2}.play-pick__icon .f-dark{fill:#1a0f3d}.play-pick__icon .s-cyan{stroke:#0090c8}.play-pick__icon .s-thick{stroke-width:5px}.play-pick__icon{background:#f7f3ff}.play-easy{align-items:center;gap:var(--space-2);border:var(--stroke) solid var(--line);border-radius:var(--radius-pill);background:var(--stage-raised);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--sunshine);padding:10px 20px;font-size:18px;font-weight:900;display:inline-flex}.play-easy:has(input:checked){background:var(--sunshine);color:var(--on-sunshine)}.play-easy input{width:22px;height:22px;accent-color:var(--hotpink)}.play-exact{width:min(100%,720px);color:var(--bulb)}.play-exact summary{cursor:pointer;text-align:center;font-family:var(--font-sign);letter-spacing:.04em;text-decoration:underline;-webkit-text-decoration-color:var(--hotpink);text-decoration-color:var(--hotpink);text-underline-offset:4px;font-size:14px}.play-exact[open] summary{margin-bottom:var(--space-4)}.play-lookup{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.play-lookup__row{gap:var(--space-4);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.play-input{min-width:0;font:inherit;border:var(--stroke-bold) solid var(--line);border-radius:var(--radius-pill);background:var(--stage-raised);color:var(--ink);box-shadow:var(--pop);flex:280px;padding:12px 22px;font-size:20px;font-weight:700}.play-select{flex:none;width:min(100%,320px)}.play-input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.play-status{min-height:26px;color:var(--bulb-core);margin:0;font-weight:700}.play-reveal{padding-bottom:var(--space-12);align-content:start}.play-reveal__inner{gap:var(--space-8);width:100%;max-width:var(--max-wide);flex-direction:column;margin:0 auto;display:flex}.play-banner{background:0 0;padding:32px 40px}.play-banner__inner{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-8);padding:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex;position:relative}.play-banner__title{margin:var(--space-1) 0;font-family:var(--font-show);color:var(--sunshine);text-shadow:4px 4px 0 var(--hotpink);font-size:clamp(36px,4.5vw,64px);font-weight:400;line-height:1}.play-banner__lead{color:var(--bulb-core);margin:0;font-size:20px;font-weight:700}.play-banner__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.play-banner .sap-btn,.play-more .sap-btn{text-decoration:none;display:inline-block}.play-more{justify-content:center;display:flex}.play-more[hidden],.play-banner [hidden]{display:none}.play-card{text-decoration:none;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .3s;display:block}.play-card:hover{transform:translate(-2px,-2px)}.sap-card__name:first-letter{text-transform:uppercase}.play-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.play-card.is-hidden{opacity:0;transform:rotateY(90deg)scale(.9)}.sap-btn--sunshine{background:var(--sunshine);color:var(--on-sunshine)}.sap-btn--teal{background:var(--cyan);color:var(--on-cyan)}.play-dim{z-index:0;opacity:.55;pointer-events:none;background:#05020f;transition:opacity .35s;position:absolute;inset:0}.play-sun>.sap-bulbs{z-index:1;position:relative}.play-sun .sap-stage__inner{gap:var(--space-3);padding-top:var(--space-4);padding-bottom:var(--space-4)}.play-sun .play-question{font-size:clamp(40px,5vw,72px)}.dial-help{font-family:var(--font-sign);letter-spacing:.06em;color:var(--bulb);margin:0;font-size:14px}.dial{touch-action:none;width:min(100%,760px,max(320px,188svh - 902.4px));position:relative}.dial__svg{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.dial__svg:active{cursor:grabbing}.dial__rays path{fill:#ffd60a;opacity:var(--glow,.25);transition:opacity .35s}.dial__wedge path{stroke:#1a0f3d;stroke-width:4px;cursor:pointer}.dial__wedge{opacity:.55;transition:opacity .25s}.dial__wedge.is-on{opacity:1}.dial__icon{pointer-events:none}.dial__icon svg,.dial__icon{fill:none}.dial__icon path,.dial__icon circle,.dial__icon line{stroke:#1a0f3d;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.dial__icon .dial__icon-bg{fill:#f7f3ff;stroke-width:3px}.dial__icon .f-yellow{fill:#ffd60a}.dial__icon .f-pink{fill:#ff2e93}.dial__icon .f-green{fill:#1fd65f}.dial__icon .f-cyan{fill:#00d4ff}.dial__icon .f-white{fill:#fff}.dial__icon .f-grey{fill:#c9bdf2}.dial__icon .f-dark{fill:#1a0f3d}.dial__pegs circle{fill:#fff4b0;stroke:#1a0f3d;stroke-width:2px}.dial__core{fill:#ffd60a;stroke:#1a0f3d;stroke-width:4px;filter:drop-shadow(0 0 calc(var(--glow,.25) * 40px) #ffd60a);transition:filter .35s}.dial__needle{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.dial.is-dragging .dial__needle{transition:none}.dial__needle path{fill:#ff2e93;stroke:#1a0f3d;stroke-width:4px;stroke-linejoin:round}.dial__needle circle{fill:#1a0f3d;stroke:#ff2e93;stroke-width:5px}.dial__range{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dial:has(.dial__range:focus-visible) .dial__svg{outline:3px solid var(--focus);outline-offset:6px;border-radius:16px}.dial-readout{align-items:center;gap:var(--space-1);min-height:64px;color:var(--bulb-core);flex-direction:column;display:flex}.dial-readout .play-pick__title{font-family:var(--font-show);color:var(--sunshine);text-shadow:3px 3px 0 var(--hotpink);font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.05}.dial-readout .sap-tile__hint{color:var(--bulb);font-size:18px}.play-punch{isolation:isolate;box-shadow:inset 0 0 0 6px #fffbf0, inset 0 0 0 8px #1a0f3d24, var(--pop);background:repeating-linear-gradient(-45deg,#0000 0 7px,#1a0f3d09 7px 8px),#fffbf0;position:relative;overflow:hidden}.play-punch:hover{animation:.5s ease-in-out punch-wobble}.play-punch:active{transform:scale(.97)}.play-punch.is-punched{color:#1a0f3d;background:#ffd60a;animation:.35s ease-out punch-hit}.play-punch.is-punched .sap-tile__hint{color:#1a0f3d}.play-punch.is-punched:after{content:"";z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(#ff2e93 0 10deg, transparent 10deg 20deg);opacity:.55;border-radius:50%;width:260%;animation:.7s ease-out forwards punch-burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.punch-half{z-index:2;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;pointer-events:none;color:#1a0f3d;background:repeating-linear-gradient(-45deg,#0000 0 7px,#1a0f3d09 7px 8px),#fffbf0;flex-direction:column;display:flex;position:absolute;inset:0}.punch-half--l{clip-path:polygon(0 0,52% 0,45% 16%,56% 31%,44% 48%,57% 64%,46% 81%,53% 100%,0 100%);animation:.65s cubic-bezier(.4,0,.8,.6) forwards tear-l}.punch-half--r{clip-path:polygon(52% 0,100% 0,100% 100%,53% 100%,46% 81%,57% 64%,44% 48%,56% 31%,45% 16%);animation:.65s cubic-bezier(.4,0,.8,.6) forwards tear-r}@keyframes tear-l{0%{transform:none}20%{transform:translate(-4%)rotate(-3deg)}to{opacity:0;transform:translate(-75%,55%)rotate(-38deg)}}@keyframes tear-r{0%{transform:none}20%{transform:translate(4%)rotate(3deg)}to{opacity:0;transform:translate(75%,60%)rotate(42deg)}}@keyframes punch-hit{0%{transform:scale(1)}30%{transform:scale(.92)rotate(-2deg)}60%{transform:scale(1.06)rotate(1.5deg)}to{transform:scale(1)}}@keyframes punch-burst{0%{transform:translate(-50%,-50%)scale(0)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)rotate(25deg)}}@keyframes punch-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}@media (prefers-reduced-motion:reduce){.play-punch:hover,.play-punch.is-punched,.play-punch.is-punched:after{animation:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.play-banner__inner{flex-direction:column;justify-content:flex-start;align-items:flex-start}.play-banner__text{gap:var(--space-2);flex-direction:column;display:flex}.answers{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.answers__label{font-family:var(--font-sign);letter-spacing:.06em;color:var(--cyan);font-size:13px}.answers__tiles{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.answer-tile{align-items:center;gap:var(--space-2);border:var(--stroke) solid #1a0f3d;border-radius:var(--radius-pill);color:#1a0f3d;font:inherit;cursor:pointer;background:#fffbf0;padding:6px 14px 6px 6px;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 0 0 3px #ffd60a,0 0 16px 3px #ffd60a73}.answer-tile:hover{background:#ffd60a}.answer-tile svg{fill:none;stroke:#1a0f3d;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:34px;height:34px}.answer-tile small{font-family:var(--font-sign);letter-spacing:.06em;color:#7b2ff7;margin-left:2px;font-size:10px}.answer-bonus{font-family:var(--font-sign);letter-spacing:.06em;border:var(--stroke) solid #1a0f3d;border-radius:var(--radius-pill);color:#1a0f3d;background:#ffd60a;padding:6px 14px;font-size:12px}:is(.answer-tile,.jreel) .f-yellow{fill:#ffd60a}:is(.answer-tile,.jreel) .f-pink{fill:#ff2e93}:is(.answer-tile,.jreel) .f-green{fill:#1fd65f}:is(.answer-tile,.jreel) .f-cyan{fill:#00d4ff}:is(.answer-tile,.jreel) .f-white{fill:#fff}:is(.answer-tile,.jreel) .f-grey{fill:#c9bdf2}:is(.answer-tile,.jreel) .f-dark{fill:#1a0f3d}.answer-tile .s-cyan{stroke:#0090c8}.answer-tile .s-thick{stroke-width:5px}.jackpot{border:var(--stroke-bold) solid #1a0f3d;background:linear-gradient(#ff2e93,#c41d70);border-radius:28px;padding:16px;position:relative;box-shadow:inset 0 4px #ffffff59,8px 8px #1a0f3d}.jackpot[hidden]{display:none}.jackpot:before,.jackpot:after{content:"";z-index:2;border:14px solid #0000;position:absolute;top:calc(50% - 14px)}.jackpot:before{border-left-color:#ffd60a;left:-6px}.jackpot:after{border-right-color:#ffd60a;right:-6px}.jackpot__reels{background:#1a0f3d;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;display:grid}.jreel{--h:236px;height:var(--h);color:#1a0f3d;pointer-events:none;background:#fffbf0;border-radius:14px;text-decoration:none;display:block;position:relative;overflow:hidden}.jreel[hidden]{display:none}.jreel.is-landed{pointer-events:auto;animation:.45s ease-out reel-land}.jreel.is-landed:hover{box-shadow:0 0 0 4px #00d4ff}.jreel:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.jreel:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#1a0f3d80,#0000 22% 78%,#1a0f3d80);position:absolute;inset:0}.jreel.is-spinning .jreel__strip{filter:blur(2px)}.jitem{box-sizing:border-box;height:var(--h);flex-direction:column;justify-content:center;gap:6px;padding:14px 18px;display:flex;overflow:hidden}.jitem__top{align-items:center;gap:10px;display:flex}.jitem__rank{border:var(--stroke) solid #1a0f3d;width:52px;height:52px;font-family:var(--font-sign);background:#ffd60a;border-radius:999px;flex:none;place-items:center;font-size:20px;display:grid}.jitem__type{font-family:var(--font-sign);letter-spacing:.06em;color:#7b2ff7;font-size:12px}.jitem__name{font-family:var(--font-show);margin:0;font-size:clamp(22px,2.4vw,32px);font-weight:400;line-height:1.02}.jitem__name:first-letter{text-transform:uppercase}.jitem__latin{color:#5a4a86;margin:0;font-size:15px;font-style:italic}.jitem .sap-card__tags{margin-top:4px}@keyframes reel-land{40%{box-shadow:0 0 0 5px #ffd60a,0 0 28px 8px #ffd60aa6}}@media (width<=640px){.jackpot{padding:10px}.jackpot__reels{grid-template-columns:1fr;gap:8px;padding:8px}.jreel{--h:150px}.jitem{gap:4px;padding:10px 14px}.jitem__rank{width:42px;height:42px;font-size:16px}.jitem__name{font-size:22px}.answer-tile{gap:6px;padding:4px 10px 4px 4px;font-size:13px}.answer-tile small{display:none}.answers,.answers__tiles{gap:var(--space-2)}.answer-tile svg{width:28px;height:28px}}.play-pick.is-off{box-shadow:inset 0 0 0 4px #0b5568, var(--pop);background:#0f6e85}.play-pick.is-off>*{opacity:0}.play-pick.is-lighting{animation:.55s ease-out both sap-light}.play-pick.is-lighting>*{animation:.55s ease-out both sap-light-content}@keyframes sap-light{0%{background:#0f6e85}40%{box-shadow:0 0 0 4px var(--bulb), 0 0 32px 10px var(--bulb-halo), var(--pop);background:#fff}to{}}@keyframes sap-light-content{0%,35%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.play-card{transition:none}}@media (width<=1100px){.play-tiles--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.play-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.play-step{padding-top:72px}.play-top{padding:var(--space-3) var(--space-4)}.play-logo{font-size:20px}.play-question{font-size:40px}.play-tiles,.play-tiles--four{gap:var(--space-3)}.play-pick{padding:var(--space-4) var(--space-2)}.play-pick__icon{width:72px;height:72px}.play-pick__icon svg{width:50px;height:50px}.play-pick__title{font-size:17px;line-height:21px}.play-pick .sap-tile__hint{font-size:13px;line-height:17px}.sap-bulbs{padding:28px}.play-banner{padding:40px 36px}.play-banner__inner{padding:var(--space-2)}.sap-stage__inner{padding:var(--space-6) var(--space-1)}}