.fortune{position:relative;background:#0a141c;color:#fff;border-radius:var(--r-xl);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1fr auto;grid-template-areas:"title wheel" "body wheel";column-gap:clamp(24px,4vw,56px);align-items:center;overflow:hidden;isolation:isolate}.fortune__eyebrow{display:none}.fortune__title{grid-area:title;align-self:end;font-family:var(--font-display);font-weight:900;font-size:clamp(34px,5.4vw,82px);line-height:1;color:#fff;margin:0 0 22px;text-transform:uppercase;letter-spacing:-.01em;max-width:11ch}.fortune__body{grid-area:body;align-self:start}.fortune__title span{color:#2f9bff}.fortune__prize{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:6px}.fortune__prize-disc{font-family:var(--font-display);font-weight:900;font-size:clamp(40px,6vw,68px);line-height:.9;color:#fff}.fortune__prize-label{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;max-width:180px;line-height:1.2}.fortune__prize-code{display:inline-flex;align-items:center;gap:8px;background:#9db3c4;border:0;border-radius:999px;padding:11px 18px;color:#0a141c;font-family:var(--font-display);font-weight:800;letter-spacing:.08em;font-size:15px;cursor:pointer}.fortune__prize-code:after{content:"\29c9";opacity:.55;font-weight:400}.fortune__prize-code.is-copied:after{content:"\2713";color:var(--success);opacity:1}.fortune__prize--lose{font-size:18px;color:#fffc;font-weight:600}.fortune__wheel-wrap{grid-area:wheel;position:relative;width:clamp(300px,42vw,500px);aspect-ratio:1;flex:none;container-type:inline-size}.fortune__wheel-wrap:before{content:"";position:absolute;z-index:0;left:50%;top:52%;width:158.5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;mix-blend-mode:overlay;filter:blur(9cqw);pointer-events:none}.fortune__wheel-img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform;filter:drop-shadow(0 12px 30px rgba(0,0,0,.5))}.fortune__pointer{position:absolute;z-index:4;top:-8%;left:37.5%;width:13.5%;height:auto;transform-origin:27% 21%;filter:drop-shadow(-3px 8px 7px rgba(0,0,0,.4));pointer-events:none;will-change:transform}.fortune__spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:33%;aspect-ratio:1;border:none;border-radius:50%;cursor:pointer;z-index:3;padding:0;display:grid;place-items:center;background:linear-gradient(180deg,#afbdcf,#4a5e7c);box-shadow:0 10px 22px #00000073,0 2px 4px #00000059;transition:transform .12s ease}.fortune__spin:before{content:"";position:absolute;width:73%;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#ffbf67,#ffad51);box-shadow:inset 0 3px 6px #ffffff8c,inset 0 -7px 13px #96540a73}.fortune__spin span{position:relative;z-index:1;font-family:var(--font-display);font-weight:900;font-size:clamp(13px,5cqw,26px);letter-spacing:.01em;line-height:1;color:#0a141c;max-width:92%;overflow:hidden}.fortune__spin:hover{transform:translate(-50%,-50%) scale(1.04)}.fortune__spin:active{transform:translate(-50%,-50%) scale(.95)}.fortune__spin.is-loading{pointer-events:none;filter:saturate(.85) brightness(.92)}@media(max-width:860px){.fortune{display:flex;flex-direction:column;text-align:left}.fortune__title{order:1;align-self:auto;max-width:none;margin-bottom:20px}.fortune__wheel-wrap{order:2;align-self:center;width:clamp(240px,74vw,360px);margin:4px auto 8px}.fortune__body{order:3;align-self:auto;margin-top:22px}.fortune__prize{justify-content:flex-start}}