.reel{aspect-ratio:9/16;background:linear-gradient(180deg, var(--deep-2) 0%, var(--deep-1) 45%, var(--midnight) 100%);width:100%;color:var(--pearl);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pearl) 16%, transparent), 0 30px 60px -30px color-mix(in srgb, var(--blue) 35%, transparent);isolation:isolate;border-radius:22px;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:relative;overflow:hidden}.reel-light{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% -10%, color-mix(in srgb, var(--beam) 55%, transparent), color-mix(in srgb, var(--blue) 22%, transparent) 40%, transparent 75%), radial-gradient(ellipse 80% 40% at 50% 108%, color-mix(in srgb, var(--orange) 42%, transparent), transparent 70%);position:absolute;inset:0}.reel-top{justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.reel-play{color:var(--pearl);display:inline-flex}.reel-bottom{gap:6px;display:grid}.reel-result{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(22px,2.2vw,34px);line-height:1.02}.reel-meta{color:color-mix(in srgb, var(--pearl) 66%, transparent);font-size:13px}.reel-slot{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--pearl) 42%, transparent);margin-top:4px;font-size:11px;font-weight:600}.reel-compact{border-radius:16px;padding:12px}.reel-compact .reel-result{font-size:17px}.reel-compact .reel-meta,.reel-compact .reel-top{font-size:11px}.reel-compact .reel-slot{display:none}.reel-cover{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reel-has-cover .reel-light{background:linear-gradient(180deg, color-mix(in srgb, var(--midnight) 36%, transparent), transparent 28%, transparent 48%, color-mix(in srgb, var(--midnight) 86%, transparent))}