.hero-wheel{max-width:1280px;margin:0 auto;padding:20px 24px 24px}.hero-wheel__head{text-align:left;margin-bottom:14px}.hero-wheel__head h1{margin:0 0 14px}.hero-wheel__head p{margin:0}.hero-wheel__cabinet{max-width:800px;margin:16px auto 0;padding:16px;border-radius:14px;background:var(--color-surface-low);border:1px solid var(--color-surface-raised)}.hero-wheel__tagline{margin:0 0 12px;text-align:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-wheel__reels{--cell-h:170px;--cell-gap:6px;--strip-pad:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.hero-wheel__reel{position:relative;height:calc(3 * var(--cell-h) + 2 * var(--cell-gap) + 2 * var(--strip-pad));border-radius:10px;overflow:hidden;background:var(--color-surface-lowest);border:1px solid var(--color-surface-raised)}.hero-wheel__reel:after,.hero-wheel__reel:before{content:"";position:absolute;left:0;right:0;height:40px;z-index:3;pointer-events:none}.hero-wheel__reel:before{top:0;background:linear-gradient(180deg,var(--color-surface-lowest) 0,transparent 100%)}.hero-wheel__reel:after{bottom:0;background:linear-gradient(0deg,var(--color-surface-lowest) 0,transparent 100%)}.hero-wheel__strip{display:flex;flex-direction:column;gap:var(--cell-gap);padding:var(--strip-pad);transform:translateY(0);will-change:transform}.hero-wheel__cell{flex-shrink:0;height:var(--cell-h)}.hero-wheel__cell>*{width:100%;height:100%}.hero-wheel__cabinet[data-spin=settled] .hero-wheel__strip{animation:hero-wheel-hum 7s ease-in-out infinite}.hero-wheel__cabinet[data-spin=settled] .hero-wheel__strip[data-reel="1"]{animation-delay:2.3s}.hero-wheel__cabinet[data-spin=settled] .hero-wheel__strip[data-reel="2"]{animation-delay:4.6s}.hero-wheel__cabinet:hover .hero-wheel__strip{animation-play-state:paused}@keyframes hero-wheel-hum{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.hero-wheel__cabinet .hero-wheel__strip{animation:none!important;transform:translateY(0)!important}}.hero-wheel__winning-band{position:absolute;left:-6px;right:-6px;top:calc(var(--strip-pad) + var(--cell-h) + var(--cell-gap));height:var(--cell-h);z-index:6;pointer-events:none;border-radius:6px;border-top:2px solid var(--color-brand-primary);border-bottom:2px solid var(--color-brand-primary);animation:hero-wheel-band-pulse 2.4s ease-in-out infinite}@keyframes hero-wheel-band-pulse{0%,to{box-shadow:0 0 18px color-mix(in srgb,var(--color-brand-primary) 30%,transparent)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--color-brand-primary) 65%,transparent)}}.hero-wheel__actions{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:18px}.hero-wheel__btn-play,.hero-wheel__btn-spin{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:999px;min-height:44px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:transform .15s ease}.hero-wheel__btn-spin{background:transparent;color:var(--color-on-surface-variant);border:1px solid var(--color-surface-raised)}.hero-wheel__btn-spin:hover{background:var(--color-surface);color:var(--color-on-surface)}.hero-wheel__btn-spin:disabled{opacity:.5;cursor:wait}.hero-wheel__btn-play{background:var(--color-brand-primary);color:var(--color-surface-lowest);border:0;font-family:var(--font-display);letter-spacing:.1em;padding:12px 28px;font-size:12px}.hero-wheel__btn-play:hover{transform:translateY(-1px)}@media (max-width:640px){.hero-wheel{padding:16px 12px 24px}.hero-wheel__head p{font-size:13px}.hero-wheel__cabinet{max-width:none;padding:10px}.hero-wheel__tagline{font-size:8.5px;letter-spacing:.06em;margin-bottom:8px}.hero-wheel__reels{--cell-h:105px;--cell-gap:4px;--strip-pad:4px;gap:6px}.hero-wheel__cell .group>.p-2{padding:5px 5px 0}.hero-wheel__cell .group>.px-3{padding:4px 6px 6px}.hero-wheel__cell .group .text-label.font-bold{font-size:.55rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-wheel__winning-band{left:-4px;right:-4px}.hero-wheel__winning-band:before{font-size:7.5px;padding:3px 6px}.hero-wheel__actions{gap:8px;margin-top:12px}.hero-wheel__btn-play,.hero-wheel__btn-spin{flex:1;padding:10px 12px;font-size:10px}}.hero-wheel__layout{display:block}@media (min-width:1024px){.hero-wheel__layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:stretch}.hero-wheel__cabinet{max-width:none;margin:0}}.hero-wheel__info{display:none}@media (min-width:1024px){.hero-wheel__info{display:flex;flex-direction:column;padding:20px;background:var(--color-surface-low);border:1px solid var(--color-surface-raised);border-radius:14px;transition:opacity .4s ease}.hero-wheel__info--spinning{opacity:.4}}.hero-wheel__info-name{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0 0 2px}.hero-wheel__info-provider{font-size:12px;margin:0 0 14px}.hero-wheel__info-divider{height:1px;background:var(--color-surface-raised);margin:14px 0}.hero-wheel__info-verdict{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.25;margin:6px 0 0}.hero-wheel__info-verdict-sub{font-size:12.5px;line-height:1.45;margin:6px 0 0}.hero-wheel__info-confidence-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hero-wheel__info-confidence-pct{font-family:var(--font-mono);font-size:11px;font-weight:600}.hero-wheel__info-confidence-bar{height:4px;background:var(--color-surface-lowest);border-radius:2px;overflow:hidden}.hero-wheel__info-confidence-fill{height:100%;background:linear-gradient(90deg,var(--color-tier-warm),var(--color-brand-primary))}.hero-wheel__info-confidence-meta{font-size:10.5px;margin-top:5px}.hero-wheel__info-ranks{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;justify-content:space-around}.hero-wheel__info-ranks li{padding:6px 0;border-bottom:1px solid var(--color-surface-raised)}.hero-wheel__info-ranks li:last-child{border-bottom:0}.hero-wheel__info-rank-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.hero-wheel__info-rank-link{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--color-brand-primary);text-decoration:underline}.hero-wheel__info-rank-link--dim{color:var(--color-on-surface-variant);text-decoration:none}.hero-wheel__info-rank-desc{font-size:11.5px;line-height:1.4;margin:0}.hero-wheel__info-provider-link{color:var(--color-on-surface-variant);text-decoration:underline;text-decoration-color:var(--color-surface-raised);text-underline-offset:2px;transition:color .15s ease}.hero-wheel__info-provider-link:hover{color:var(--color-brand-primary);text-decoration-color:var(--color-brand-primary)}.hero-wheel__info-rank-item{padding:5px 0;border-bottom:1px solid var(--color-surface-raised);font-size:12px;line-height:1.5}.hero-wheel__info-rank-item:last-child{border-bottom:0}.hero-wheel__info-rank-desc-inline{font-size:11.5px}.hero-wheel__info-cta{display:block;text-align:center;margin-top:14px;padding:9px;border:1px solid var(--color-surface-raised);border-radius:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-primary);text-decoration:none}.hero-wheel__info-cta:hover{background:var(--color-surface)}