.hero-wheel-shell{position:relative;display:grid;justify-items:center}.wheel-overlay-wrap{--overlay-wheel-size: min(30rem, 76vw);position:relative;display:grid;place-items:center;padding:.75rem 0 0}.wheel-overlay{position:relative;width:var(--overlay-wheel-size);height:var(--overlay-wheel-size);border-radius:50%;border:.9rem solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 .55rem #09111d3d,0 1.7rem 3.2rem #00000059;transition:transform 6.5s cubic-bezier(.2,.78,.24,1)}.wheel-peg-ring{position:absolute;top:50%;left:50%;width:var(--overlay-wheel-size);height:var(--overlay-wheel-size);transform:translate(-50%,-50%);z-index:2;pointer-events:none}.wheel-peg{position:absolute;top:50%;left:50%;width:clamp(.48rem,.9vw,.72rem);height:clamp(.48rem,.9vw,.72rem);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffdf6,#e2bf60 62%,#8b5a18);box-shadow:0 0 0 .08rem #fff5c273,0 .15rem .4rem #00000047;z-index:2}.wheel-pointer{position:absolute;top:0;left:50%;transform-origin:50% 0;transform:translate(-50%);width:0;height:0;border-left:1.4rem solid transparent;border-right:1.4rem solid transparent;border-top:2.7rem solid #fff1a8;filter:drop-shadow(0 .6rem .9rem rgba(0,0,0,.35));z-index:3}.hero-wheel-shell.is-spinning .wheel-pointer{animation:wheel-pointer-tick-slowdown 6s linear 1 both}.wheel-overlay-label{position:absolute;top:50%;left:50%;transform-origin:center center;display:inline-flex;justify-content:center;width:0;z-index:1}.wheel-overlay-label-text{display:inline-flex;align-items:center;justify-content:center;max-height:calc(var(--overlay-wheel-size) * .2);font-size:clamp(.72rem,1.2vw,.95rem);line-height:.9;font-weight:900;letter-spacing:.08em;color:#fffdf6;text-transform:uppercase;text-shadow:0 .15rem .55rem rgba(0,0,0,.55);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.wheel-overlay-label.active .wheel-overlay-label-text{color:#fff3b1}.wheel-center-button{position:absolute;top:50%;left:50%;width:calc(var(--overlay-wheel-size) * .28);height:calc(var(--overlay-wheel-size) * .28);transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;border:none;border-radius:50%;background:radial-gradient(circle,#fff4d5,#ffb65c 68%,#ad6118);box-shadow:inset 0 .12rem #ffffff73,0 .6rem 1.5rem #00000047;font-family:var(--font-display);font-size:clamp(.95rem,1.5vw,1.25rem);color:#10192b;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.wheel-center-button:hover,.wheel-center-button:focus-visible{transform:translate(-50%,-50%) scale(1.04);box-shadow:inset 0 .12rem #ffffff80,0 0 0 .18rem #fff1a8ad,0 .8rem 1.8rem #00000052}.wheel-center-button:active{transform:translate(-50%,-50%) scale(.98)}.wheel-center-button:disabled{cursor:not-allowed;filter:saturate(.94)}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes wheel-pointer-tick-slowdown{0%{transform:translate(-50%) rotate(-12deg)}0.8%{transform:translate(-50%) rotate(-15deg)}1.7%{transform:translate(-50%) rotate(-11.5deg)}2.6%{transform:translate(-50%) rotate(-15deg)}3.6%{transform:translate(-50%) rotate(-11deg)}4.7%{transform:translate(-50%) rotate(-15.2deg)}5.9%{transform:translate(-50%) rotate(-10.5deg)}7.2%{transform:translate(-50%) rotate(-15.4deg)}8.6%{transform:translate(-50%) rotate(-10deg)}10.1%{transform:translate(-50%) rotate(-15.7deg)}11.7%{transform:translate(-50%) rotate(-9.4deg)}13.5%{transform:translate(-50%) rotate(-15.8deg)}15.5%{transform:translate(-50%) rotate(-8.6deg)}17.6%{transform:translate(-50%) rotate(-16.2deg)}19.9%{transform:translate(-50%) rotate(-7.8deg)}22.3%{transform:translate(-50%) rotate(-16.6deg)}24.9%{transform:translate(-50%) rotate(-6.8deg)}27.7%{transform:translate(-50%) rotate(-17deg)}30.7%{transform:translate(-50%) rotate(-5.8deg)}33.9%{transform:translate(-50%) rotate(-17.4deg)}37.3%{transform:translate(-50%) rotate(-4.8deg)}40.9%{transform:translate(-50%) rotate(-17.8deg)}44.7%{transform:translate(-50%) rotate(-3.8deg)}48.7%{transform:translate(-50%) rotate(-18.2deg)}53%{transform:translate(-50%) rotate(-2.9deg)}57.6%{transform:translate(-50%) rotate(-18.4deg)}62.4%{transform:translate(-50%) rotate(-2deg)}67.6%{transform:translate(-50%) rotate(-18.6deg)}73%{transform:translate(-50%) rotate(-1.3deg)}78.8%{transform:translate(-50%) rotate(-18.8deg)}84.8%{transform:translate(-50%) rotate(-.8deg)}91.2%{transform:translate(-50%) rotate(-19deg)}to{transform:translate(-50%) rotate(0)}}@media(max-width:640px){.wheel-overlay-wrap{--overlay-wheel-size: min(22rem, 82vw)}}
