@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f5f0de;background:#10273e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:7px}[hidden]{display:none!important}#experience{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:4vh 5vw;background:radial-gradient(ellipse at 76% 40%,#203e56 0,transparent 58%),#10273e;position:relative}#experience:before,#experience:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #abc9d015;border-radius:25%;transform:rotate(25deg);pointer-events:none}#experience:before{left:-100px;top:37%}#experience:after{right:-90px;bottom:-70px}header,footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}header b{font-family:'Space Grotesk',sans-serif;font-size:clamp(16px,1.8vw,32px);letter-spacing:-1px}header b span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:500}.edition,.eyebrow,footer,.wheel-heading,.wheel-foot,#instruction{font-size:clamp(9px,.8vw,15px);letter-spacing:2px}.edition{color:#a6bdcd}footer{border-top:1px solid #ffffff21;padding-top:2vh;color:#95abbc}#play{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1.18fr;gap:4vw;align-items:center}.copy{padding-left:2vw}.eyebrow{color:#c9d4db}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,6.4vw,125px);line-height:.98;letter-spacing:-.06em;margin:3vh 0}h1>span{display:block;color:#e8be65;white-space:nowrap}.title-piece{display:inline-block;font-size:.45em;font-style:normal;vertical-align:middle;margin-left:.25em;color:#7db9af;transform:rotate(12deg)}.copy p{font-size:clamp(16px,1.7vw,34px);line-height:1.45;color:#c8d5de;margin:0 0 4vh}.cta{background:#f0cc79;color:#10273e;border:0;border-radius:4px;padding:20px 25px;min-height:58px;font-size:clamp(12px,1vw,19px);letter-spacing:1px;font-weight:700;cursor:pointer;display:inline-flex;gap:30px;align-items:center;justify-content:space-between}.cta span{font-size:1.5em}#instruction{margin-top:3vh;color:#9cb3c3;min-height:2em}#experience[data-state=READY] #instruction{color:#f0cc79;font-size:clamp(12px,1.15vw,22px)}.wheel-area{min-height:0;display:flex;flex-direction:column;align-items:center;gap:2vh}.wheel-heading{color:#a8c0cf}.wheel-wrap{position:relative;width:min(41vw,64vh);aspect-ratio:1;margin-top:1vh}#wheel{display:block;width:100%;height:100%;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}#wheel:disabled{cursor:default}#rotor{width:100%;height:100%;will-change:transform}#rotor>svg{display:block;width:100%;height:100%;overflow:visible}.rim{fill:#163247;stroke:#91aab3;stroke-width:1}.segment{stroke:#10273e;stroke-width:1;transition:opacity .3s}.puzzle-join{fill:none;stroke:#153249;stroke-width:2.5}.wheel-labels{fill:#10273e;stroke:none;font-family:'DM Sans',sans-serif;font-weight:700;font-size:13px}.wheel-labels path{fill:none;stroke:#10273e;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.hub{fill:#10273e;stroke:#e8d7ac;stroke-width:2}.hub-label{fill:#f5f0de;font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;letter-spacing:1px}.hub-label.small{font-size:16px}#pointer{position:absolute;z-index:2;top:-9px;left:calc(50% - 13px);width:26px;height:37px;background:#f6e5bc;clip-path:polygon(0 0,100% 0,100% 42%,50% 100%,0 42%);transform-origin:50% 10%;filter:drop-shadow(0 3px 2px #0006)}.wheel-foot{display:flex;gap:16px;color:#9cb4c2;align-items:center}.wheel-foot i{width:3px;height:3px;background:#d4bf8f;border-radius:50%}.has-winner .segment{opacity:.35}.has-winner .segment.is-winner{opacity:1;stroke:#fff7da;stroke-width:4}#result{flex:1;min-height:0;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2vh}#result-icon{color:var(--category-color);width:min(20vh,140px);height:min(20vh,140px);padding:20px;border:1px solid var(--category-color);border-radius:24px;background:#ffffff05}#result-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h2{font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:clamp(30px,5.3vw,100px);line-height:1;margin:1vh 0;color:var(--category-color);letter-spacing:-.04em}#result p{color:#bbccd5;margin:0 0 2vh;font-size:clamp(14px,1.4vw,24px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#experience[data-state=ATTRACT] .wheel-wrap{animation:breathe 7s ease-in-out infinite}@keyframes breathe{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){#experience[data-state=ATTRACT] .wheel-wrap{animation:none}}
@media(max-aspect-ratio:4/5){#experience{padding:3vh 6vw}header b span{font-size:7px}.edition{font-size:8px;letter-spacing:1px}#play{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:1vh;padding:2vh 0}.copy{padding:0;text-align:center}h1{font-size:clamp(34px,10vw,60px);margin:1.5vh 0}h1>span{display:inline}.title-piece{display:none}.copy p{font-size:16px;margin:1vh 0 2vh}.copy p br{display:none}.eyebrow{font-size:9px}.cta{padding:14px 22px;min-height:52px;font-size:12px}#instruction{margin:1.5vh 0 0;font-size:9px;min-height:0}.wheel-area{gap:1.5vh}.wheel-wrap{width:min(77vw,40vh)}.wheel-heading{font-size:8px;letter-spacing:1px}.wheel-foot{font-size:8px}footer{font-size:7px;letter-spacing:1px}footer span:last-child{display:none}}
@media(max-height:500px) and (min-aspect-ratio:4/5){#experience{padding:3vh 4vw}.copy p{margin-bottom:2vh;font-size:14px}h1{font-size:6vw;margin:2vh 0}.cta{min-height:44px;padding:10px 16px;font-size:10px}#instruction{margin-top:2vh;font-size:8px}.wheel-wrap{width:65vh}.wheel-heading,.wheel-foot,footer{font-size:7px}header b span{display:none}#result{gap:1vh}#result-icon{width:18vh;height:18vh;padding:8px}}
.rim{stroke:#d9b96c;stroke-width:8}.segment{stroke:none}h1>span{background:linear-gradient(100deg,#e9bd61 0%,#e9bd61 16%,#78c4dc 25%,#70bd9d 55%,#e9bd61 78%,#e89572 100%);background-clip:text;color:transparent}.title-piece{color:#7db9af}