.guide-figure{--guide-line:#285470;--guide-tile:#0b2a40;--guide-ink:#f5f9ff;--guide-muted:#9fbbd0;--guide-win:#58ef9a;--guide-blue:#41bff1;--guide-ease:cubic-bezier(0.2,0,0,1);color:var(--guide-ink);font-family:Manrope,Manrope Fallback,sans-serif}.guide-reels{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));aspect-ratio:5/3;padding:0;border:1px solid var(--guide-line);border-radius:12px;background:radial-gradient(120% 90% at 50% 0,#15486a66,transparent 70%),#061f33;box-shadow:inset 0 1px 0 #ffffff0d,0 10px 24px -12px #000a}.guide-reel{display:grid;grid-template-rows:repeat(3,minmax(0,1fr))}.guide-reel+.guide-reel{border-left:1px solid #ffffff0a}.guide-reel-cell{position:relative;display:grid;place-items:center;min-width:0}.guide-reel-cell:before{position:absolute;inset:5px;border:1px solid #ffffff0d;border-radius:8px;background:var(--guide-tile);content:"";transition:border-color .3s var(--guide-ease),background-color .3s var(--guide-ease),box-shadow .3s var(--guide-ease)}.guide-reel-symbol{position:relative;width:46%;height:46%;fill:none;stroke:#8fb7d0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.75;transition:stroke .3s var(--guide-ease),opacity .3s var(--guide-ease),transform .4s var(--guide-ease)}.guide-payline .guide-reel-symbol{stroke:#c9dbe8;stroke-width:2;opacity:.55}.guide-payline .guide-reel-cell.is-win .guide-reel-symbol{stroke:#6fd8ff;filter:drop-shadow(0 0 6px #1a93cf)}.guide-reel-cell.is-win .guide-reel-symbol{stroke:#d6f1ff;opacity:1}.guide-payline-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.guide-payline-line polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.guide-payline-stroke{stroke:var(--guide-win);stroke-width:5}.guide-payline-glow{stroke:#58ef9a59;stroke-width:16;filter:blur(4px)}.guide-payline[data-in-view] .guide-payline-line polyline{animation:guide-draw 1.1s .25s var(--guide-ease) forwards}.guide-payline[data-in-view] .guide-reel-cell.is-win:before{animation:guide-win-tile .45s var(--guide-ease) forwards;animation-delay:calc(.3s + var(--win-step) * .2s)}.guide-payline[data-in-view] .guide-reel-cell.is-win .guide-reel-symbol{animation:guide-win-pop .5s var(--guide-ease) both;animation-delay:calc(.3s + var(--win-step) * .2s)}@keyframes guide-draw{to{stroke-dashoffset:0}}@keyframes guide-win-tile{to{border-color:#58ef9a99;background-color:#0f3f3a;box-shadow:0 0 0 1px #58ef9a33,0 0 18px #58ef9a33}}@keyframes guide-win-pop{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1.06)}}.guide-spin-total{display:flex;align-items:stretch;justify-content:center;gap:8px;margin:14px 0 0}.guide-spin-total>span{align-self:center;color:var(--guide-muted);font-size:15px;font-weight:700}.guide-spin-total>div{display:grid;gap:2px;min-width:0;padding:7px 12px;border:1px solid var(--guide-line);border-radius:8px;background:#0b2a40;text-align:center}.guide-spin-total dt{color:var(--guide-muted);font-size:10px;font-weight:800;letter-spacing:.08em;line-height:14px;text-transform:uppercase;white-space:nowrap}.guide-spin-total dd{margin:0;color:var(--guide-ink);font-size:16px;font-weight:800;line-height:20px}.guide-spin-total>.is-total{border-color:#58ef9a80;background:#0f3a36}.guide-spin-total>.is-total dd{color:var(--guide-win)}.guide-volatility{gap:12px;min-height:0}.guide-vol-chart,.guide-volatility{display:flex;flex:1;flex-direction:column}.guide-vol-chart{gap:10px;min-height:240px;padding:14px 16px 12px;border:1px solid var(--guide-line);border-radius:10px;background:#0b2a40;box-shadow:inset 0 1px 0 #ffffff0a}.guide-vol-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px}.guide-vol-head strong{color:var(--guide-ink);font-size:15px;font-weight:800;line-height:20px}.guide-vol-legend{display:flex;flex-wrap:wrap;gap:4px 14px;color:#cfe0ee;font-size:12px;font-weight:700;line-height:16px}.guide-vol-legend>span:before{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;background:var(--guide-blue);vertical-align:-1px;content:""}.guide-vol-legend>.is-higher:before{background:var(--guide-win)}.guide-vol-plot{position:relative;flex:1;min-height:150px;margin:8px 6px 0 0;background:repeating-linear-gradient(180deg,#ffffff14 0 1px,transparent 1px 33.333%) top /100% calc(100% + 1px)}.guide-vol-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;clip-path:inset(-10px 100% -10px -10px)}.guide-vol-plot path{fill:none;stroke:var(--guide-blue);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.guide-vol-plot path.is-higher{stroke:var(--guide-win)}.guide-vol-total{position:absolute;top:-8px;right:14px;color:var(--guide-ink);font-size:13px;font-weight:800;line-height:16px;opacity:0}.guide-vol-total:after{position:absolute;top:2px;right:-20px;width:12px;height:12px;border:2px solid #061f33;border-radius:50%;background:var(--guide-ink);content:""}.guide-volatility[data-in-view] .guide-vol-plot svg{animation:guide-vol-draw 1.6s cubic-bezier(.45,0,.2,1) .15s forwards}.guide-volatility[data-in-view] .guide-vol-total{animation:guide-vol-fade .4s ease-out 1.8s forwards}@keyframes guide-vol-draw{to{clip-path:inset(-10px -10px -10px -10px)}}@keyframes guide-vol-fade{to{opacity:1}}.guide-vol-axis{display:flex;justify-content:space-between;color:var(--guide-muted);font-size:11px;font-weight:700}.guide-vol-table{width:100%;border:1px solid var(--guide-line);border-radius:10px;border-collapse:separate;border-spacing:0;background:#0b2a40;font-size:14px;line-height:20px}.guide-vol-table td,.guide-vol-table th{padding:8px 12px;text-align:left}.guide-vol-table thead th{padding-bottom:4px;color:#8fb0c6;font-size:10px;font-weight:800;letter-spacing:.08em;line-height:14px;text-transform:uppercase}.guide-vol-table tbody th,.guide-vol-table td{font-variant-numeric:tabular-nums;font-weight:800}.guide-vol-table tbody th{color:var(--guide-blue)}.guide-vol-table tr.is-higher th{color:var(--guide-win)}.guide-vol-table tbody tr+tr>*{border-top:1px solid #ffffff12}@media (prefers-reduced-motion:reduce){.guide-payline-line polyline{stroke-dashoffset:0}.guide-payline .guide-reel-cell.is-win:before{border-color:#58ef9a99;background-color:#0f3f3a}.guide-payline .guide-reel-cell.is-win .guide-reel-symbol{transform:none}.guide-vol-plot svg{clip-path:none}.guide-vol-total{opacity:1}.guide-figure *,.guide-figure :before{animation:none!important;transition:none!important}}@media (max-width:480px){.guide-spin-total{gap:6px}.guide-spin-total>div{padding:6px 8px}.guide-vol-table td,.guide-vol-table th{padding:7px 8px}}