.spin-card{text-align:center;background:radial-gradient(circle at 50% 20%,#33270f,#090806 66%);color:#fff;border:1px solid #a78238}.spin-card h2{color:#f0d68c;font-size:clamp(30px,5vw,43px);margin:8px 0}.fortune-stage{position:relative;width:min(390px,78vw);margin:18px auto}.fortune-pointer{position:absolute;z-index:3;top:-17px;left:50%;transform:translateX(-50%);color:#f5d881;font-size:35px;filter:drop-shadow(0 3px 3px #000)}.fortune-wheel{--spin-angle:0deg;position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:10px solid #c9a24d;outline:2px solid #f4da8c;box-shadow:0 0 0 9px #241a08,0 0 45px #d2aa5155,inset 0 0 25px #000;background:conic-gradient(from -36deg,#8b1e2d 0 72deg,#1c4c3d 72deg 144deg,#71551c 144deg 216deg,#27234f 216deg 288deg,#6b2020 288deg 360deg)}.fortune-wheel:before{content:'';position:absolute;inset:5%;border:1px solid #f5da7e88;border-radius:50%;background:repeating-conic-gradient(from -36deg,transparent 0 71deg,#f5da7e 71deg 72deg)}.fortune-wheel.is-spinning{animation:fortuneSpin 5s cubic-bezier(.12,.62,.08,1) forwards}.wheel-centre{position:absolute;z-index:2;inset:37%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#f1d178,#8f6925);border:4px solid #f7e3a4;box-shadow:0 3px 15px #000}.wheel-centre span{font:700 38px Georgia;color:#171006;line-height:.7}.wheel-centre small{font-size:8px;letter-spacing:.18em;color:#33250b}.wheel-label{position:absolute;z-index:1;left:50%;top:50%;width:31%;font-size:clamp(8px,2.2vw,12px);font-weight:800;letter-spacing:.04em;color:#fff6d8;text-shadow:0 2px 3px #000;transform-origin:0 0}.w1{transform:rotate(0deg) translate(35%,-50%) rotate(90deg)}.w2{transform:rotate(72deg) translate(35%,-50%) rotate(90deg)}.w3{transform:rotate(144deg) translate(35%,-50%) rotate(90deg)}.w4{transform:rotate(216deg) translate(35%,-50%) rotate(90deg)}.w5{transform:rotate(288deg) translate(35%,-50%) rotate(90deg)}.spin-button{width:min(390px,78vw);font-family:Georgia,serif;font-size:18px;letter-spacing:.08em;box-shadow:0 8px 25px #d7ab5533}.spin-button:disabled{opacity:.7;cursor:wait}.spin-terms{font-size:11px;margin:14px auto 0;max-width:460px}@keyframes fortuneSpin{to{transform:rotate(var(--spin-angle))}}@media(prefers-reduced-motion:reduce){.fortune-wheel.is-spinning{animation-duration:.01ms}}