.flow-title{font-size:38px}.wheel-wrap{position:relative;width:280px;height:300px;max-width:100%;margin:24px auto}.wheel{width:280px;height:280px;max-width:100%;border:8px solid #142152;border-radius:50%;background:conic-gradient(from -60deg,#F3FF20 0 120deg,#ff9b58 120deg 240deg,#335CFF 240deg 360deg);transition:transform 1.3s cubic-bezier(.15,.8,.22,1);position:relative;box-shadow:0 8px 0 #14215220}.wheel:after{content:'✦';position:absolute;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;background:white;border-radius:50%;display:grid;place-items:center;font-size:32px}.wheel span{position:absolute;left:50%;top:50%;width:100px;margin-left:-50px;text-align:center;font-size:13px;font-weight:900;transform:rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)));padding:6px;background:#ffffffdf;border-radius:10px;line-height:1.15}.wheel-pointer{position:absolute;top:-12px;left:calc(50% - 12px);font-size:30px;color:#142152;z-index:3}.scratch-area{position:relative;height:220px;margin:24px 0;background:#F3FF20;border-radius:24px;overflow:hidden;display:grid;place-items:center;text-align:center}.scratch-area canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;transition:opacity .4s}.scratch-area strong{font-size:27px;padding:25px}.ratings button{cursor:pointer}.brand-strip .pill{white-space:nowrap}@media(max-width:370px){.playground{grid-template-columns:1fr 130px}.intro{padding:20px 12px}.intro h1{font-size:28px}.bottle-wrap{width:125px;height:230px}.credit-line{display:block}.intro .btn{font-size:12px}}@media(prefers-reduced-motion:reduce){.wheel{transition:none}}