.spin-hero{position:relative;overflow:hidden;min-height:500px;padding:44px;border:1px solid #3ce2ac38;border-radius:30px;background:radial-gradient(circle at 78% 35%,#bfff3b26,transparent 30%),radial-gradient(circle at 15% 90%,#3078ff22,transparent 34%),linear-gradient(145deg,#071a15,#07100f 60%,#101624);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;box-shadow:0 30px 90px #0009;color:#fff}.spin-copy>span{color:#c8ff38;font-weight:900;letter-spacing:.18em;font-size:11px}.spin-copy h2{font:800 clamp(38px,5vw,72px)/1 Manrope;margin:14px 0;background:linear-gradient(90deg,#fff,#c9ffd2);-webkit-background-clip:text;color:transparent}.spin-copy p{color:#a8bbb5;max-width:560px;line-height:1.75}.spin-result{margin-top:24px;padding:17px 19px;border-radius:15px;background:#ffffff0b;border:1px solid #ffffff17;color:#cbd7d2}.spin-result.claimed{border-color:#58efb266;background:#26c98114;color:#73f6c2}.spin-stage{position:relative;display:grid;place-items:center;min-height:410px}.spin-pointer{position:absolute;z-index:3;top:26px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:42px solid #d4ff32;filter:drop-shadow(0 6px 10px #0008)}.spin-wheel{--rotation:0deg;position:relative;width:min(350px,78vw);aspect-ratio:1;border-radius:50%;border:12px solid #ebffd3;background:repeating-conic-gradient(from -4.5deg,#c8ff32 0 9deg,#1ed7a1 9deg 18deg,#4274ff 18deg 27deg,#8b56ff 27deg 36deg);box-shadow:0 0 0 5px #183629,0 0 60px #8dff5360,inset 0 0 35px #06120c80;transform:rotate(var(--rotation));transition:transform 5.4s cubic-bezier(.12,.72,.05,1)}.spin-wheel.spinning{filter:saturate(1.2)}.spin-wheel::after{content:"MOLO";position:absolute;inset:35%;display:grid;place-items:center;border-radius:50%;background:#071b15;border:6px solid #d7ff55;color:#fff;font-weight:900;letter-spacing:.12em;box-shadow:0 8px 25px #0008}.spin-label{position:absolute;left:50%;top:50%;font:900 13px Manrope;color:#06130e;text-shadow:0 1px #fff8;transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-135px) rotate(calc(var(--i)*-45deg))}.spin-button{position:absolute;z-index:4;bottom:0;border:0;border-radius:999px;padding:15px 34px;background:linear-gradient(90deg,#c8ff32,#55efa8);color:#071711;font-weight:900;letter-spacing:.08em;box-shadow:0 12px 30px #5fec9855;cursor:pointer}.spin-button:disabled{filter:grayscale(.9);opacity:.55;cursor:not-allowed}.spin-once{display:inline-flex;margin-top:18px;padding:8px 12px;border-radius:999px;background:#c8ff3215;color:#d8ff71;font-size:11px}.spin-admin{margin-top:22px}@media(max-width:800px){.spin-hero{grid-template-columns:1fr;padding:25px;text-align:center}.spin-copy p{margin-inline:auto}.spin-stage{min-height:390px}.spin-wheel{width:min(310px,78vw)}.spin-label{transform:translate(-50%,-50%) rotate(calc(var(--i)*45deg)) translateY(-118px) rotate(calc(var(--i)*-45deg))}}
/* Keep the locked/spin control visually separated from the wheel. */
.spin-button{bottom:-24px}