:root{color-scheme:light;--ink:#282341;--paper:#f6f1e8;--pink:#ef6391;--purple:#7048de}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(#28234112 .8px,transparent .8px);background-size:14px 14px}main{min-height:100svh;max-width:540px;margin:auto;padding:26px 24px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center}header{position:relative}.eyebrow{font-weight:800;font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;justify-content:center;gap:7px}.tiny-star{font-size:18px;color:var(--purple)}h1{font-size:clamp(54px,15vw,76px);letter-spacing:-4px;line-height:.98;margin:12px 0 10px;font-weight:900;transform:rotate(-3deg)}h1 span{color:#bc316b;display:inline-block;transform:rotate(9deg);margin-left:3px}.intro{font-size:14px;margin:0 0 14px;color:#595266}.game{width:100%}.wheel-wrap{width:min(100%,348px);aspect-ratio:1;position:relative;margin:10px auto 15px;isolation:isolate}.rim{position:absolute;inset:7px;border:7px solid var(--ink);border-radius:50%;background:var(--ink);box-shadow:0 7px 0 #282341,0 10px 0 #28234117;overflow:hidden}#wheel{display:block;width:100%;height:100%;will-change:transform;transform:rotate(0deg)}.pointer{position:absolute;z-index:4;left:50%;top:-6px;transform:translateX(-50%);width:35px;height:39px;filter:drop-shadow(0 3px 0 #282341);background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.pointer:after{content:"";position:absolute;inset:5px 6px 9px;background:#fffaf0;clip-path:polygon(0 0,100% 0,50% 100%)}.hub{position:absolute;inset:calc(50% - 33px);border:5px solid var(--ink);border-radius:50%;background:var(--paper);display:grid;place-items:center;box-shadow:0 3px 0 #28234130;pointer-events:none}.hub span{font-size:37px;font-weight:900;transform:rotate(-12deg)}.spark{position:absolute;z-index:3;pointer-events:none}.spark-one{top:26px;left:-8px;font-size:36px;color:#7048de;transform:rotate(-15deg)}.spark-two{right:-4px;bottom:25px;font-size:29px;color:#b23162}.result{min-height:107px;padding:6px 0 8px}.result-label{font-size:9px;font-weight:800;letter-spacing:1.8px}.price{font-size:clamp(43px,12vw,62px);line-height:1.08;font-weight:900;letter-spacing:-2.6px;font-variant-numeric:tabular-nums;white-space:nowrap;margin:4px 0 3px}.unknown{letter-spacing:2px;color:var(--purple)}#quip{font-size:13px;margin:0;color:#595266;min-height:16px}button{appearance:none;width:100%;border:2px solid var(--ink);border-radius:18px;background:var(--purple);box-shadow:0 5px 0 var(--ink);color:white;min-height:66px;font:800 26px Arial,Helvetica,sans-serif;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.button-star{font-size:20px;margin-left:auto}button>svg{margin-right:auto}button{padding:0 24px}button:hover:enabled{background:#6238cf}button:active:enabled{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}button:focus-visible{outline:3px solid #b23162;outline-offset:7px}button:disabled{background:#635187;cursor:wait}body.spinning button svg{animation:turn 1s linear infinite}.range{font-size:11px;font-weight:600;color:#635b6d;margin:17px 0 0}.range span{margin:0 5px}footer{font-size:11px;font-weight:700;margin-top:23px;color:#595266}footer span{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#686170}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:10}.confetti{position:absolute;top:42%;left:50%;width:7px;height:12px;animation:pop 1.2s ease-out forwards;animation-delay:var(--delay)}.landed .price{animation:reveal .36s ease-out}@keyframes turn{to{transform:rotate(360deg)}}@keyframes reveal{from{transform:scale(.9)}to{transform:scale(1)}}@keyframes pop{0%{transform:translate(0,0) rotate(0);opacity:0}12%{opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@media(min-width:700px){main{padding:30px 38px}.wheel-wrap{width:348px}h1{font-size:78px}.intro{font-size:16px}.eyebrow{font-size:11px}}@media(max-height:740px) and (max-width:600px){main{padding-top:18px;padding-bottom:14px}.wheel-wrap{width:min(100%,290px);margin-bottom:12px}h1{font-size:57px;margin-top:9px}.intro{margin-bottom:8px}.result{min-height:99px}footer{margin-top:18px}button{min-height:61px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.paul-callout{height:54px;display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:0 0 7px;color:#b23162}.paul-callout span{font-size:23px;font-weight:900;letter-spacing:-.8px;transform:rotate(-5deg);padding-top:6px}.paul-callout svg{width:51px;height:52px;fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.result{min-height:101px}@media(max-height:740px) and (max-width:600px){.paul-callout{height:48px;margin-bottom:6px}.paul-callout svg{height:46px}.paul-callout span{font-size:21px}.result{min-height:94px}.wheel-wrap{width:min(100%,275px)}}