/* THE FIRST-OPEN TOUR — the canvas "AGS Onboarding Flow" (Tyler 2026-09-14) artboards' stylesheets, verbatim. Each slide's
   rules are scoped to that slide (.s1–.s4) under a doubled #screen-onboarding, so inside the tour the canvas outranks the
   game's own rules and nothing leaks between slides or out of the tour; keyframes carry a tr<slide>- prefix. Rebuilt from
   the artboards by the port script (scratchpad port/port.py) — edit the canvas, not this file. */
/* ── slide 1 ── */
#screen-onboarding#screen-onboarding .onb-step.s1{color:#eef2ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}
#screen-onboarding#screen-onboarding .onb-step.s1 button{font:inherit;color:inherit}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr{height:100%;display:flex;flex-direction:column;background:var(--bg);padding:14px 18px 116px;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s1 .dtop{display:flex;align-items:center;gap:12px}
#screen-onboarding#screen-onboarding .onb-step.s1 .backbtn{flex:0 0 auto;width:34px;height:34px;border-radius:11px;border:0;cursor:pointer;display:grid;place-items:center;color:var(--muted);background:var(--card);box-shadow:0 0 0 1px rgba(160,176,224,.16),inset 0 1px 0 rgba(255,255,255,.06)}
#screen-onboarding#screen-onboarding .onb-step.s1 .backbtn svg{width:17px;height:17px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dstack{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
#screen-onboarding#screen-onboarding .onb-step.s1 .dtitle{margin:0;font-size:1.24rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}
#screen-onboarding#screen-onboarding .onb-step.s1 .proj-wrap{position:relative;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .pproj{flex:0 0 auto;font-size:.80rem;color:var(--muted);font-weight:600;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .pproj b{color:var(--text);font-weight:800;font-size:1.28rem;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s1 .mpill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:.68rem;font-weight:800;letter-spacing:.06em}
#screen-onboarding#screen-onboarding .onb-step.s1 .mpill.d{color:var(--accent);background:rgba(255,209,102,.14)}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s1 .slot-track{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .slot-track{margin-top:18px;margin-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:7px 3px;text-align:center;min-height:64px;display:flex;flex-direction:column;justify-content:center}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack.open{border-color:var(--accent);border-style:solid;opacity:.85}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .strack{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.30),0 1px 2px rgba(var(--shade),.20);min-height:87px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .strack:not(.filled){background:var(--plate);border:1px dashed rgba(160,176,224,.22)}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-slot{font-size:.62rem;font-weight:800;color:var(--muted);letter-spacing:.5px}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack.open .st-empty{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .strack .st-empty{font-size:1rem;color:rgba(160,176,224,.3);margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s1 .ctxrow{display:flex;align-items:center;gap:12px;margin-top:15px}
#screen-onboarding#screen-onboarding .onb-step.s1 .ctx{flex:1;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .ctxlab{display:block;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .ctx strong{font-size:1.02rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s1 .rrchip{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font:inherit;font-size:.74rem;font-weight:700;color:var(--text);background:var(--plate);border-radius:999px;padding:7px 13px 7px 11px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 8px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s1 .rrchip svg{width:15px;height:15px;flex:0 0 15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s1 .rrchip em{font-style:normal;color:var(--muted);margin-left:-2px}
#screen-onboarding#screen-onboarding .onb-step.s1 .ptabs{display:flex;gap:6px;margin-top:13px}
#screen-onboarding#screen-onboarding .onb-step.s1 .ptab{border:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);background:var(--plate);border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(var(--shade),.26)}
#screen-onboarding#screen-onboarding .onb-step.s1 .ptab em{font-style:normal;font-size:.68rem;font-weight:700;color:rgba(160,176,224,.7);margin-left:4px}
#screen-onboarding#screen-onboarding .onb-step.s1 .ptab.on{color:#14110a;background:linear-gradient(180deg,#ffdc84,#ffc94f);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 0 #d3a12b,0 4px 9px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s1 .ptab.on em{color:rgba(20,17,10,.6)}
#screen-onboarding#screen-onboarding .onb-step.s1 .pool{display:flex;flex-direction:column;gap:8px;padding-bottom:96px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .pool{margin-top:12px;gap:7px;padding-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .pcard{padding:6px 12px;align-items:center}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard-main{flex:1 1 auto;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard-name{font-weight:700;font-size:.95rem}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .pcard-name{font-size:.92rem}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard-sub{font-size:.74rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .pcard-sub{font-size:.71rem}
#screen-onboarding#screen-onboarding .onb-step.s1 .pos-in{font-style:normal;font-weight:800;color:#b9c4e8;letter-spacing:.04em}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard-avg{flex:0 0 auto;text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard-avg b{font-size:1.05rem;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard-avg small{display:block;font-size:.62rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;border:2px solid transparent;font-size:.62rem;font-weight:800;color:#fff;letter-spacing:.02em}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .pcard .avatar{width:34px;height:34px;flex:0 0 34px}
#screen-onboarding#screen-onboarding .onb-step.s1 .pcard.shine{--shine:0;--gold:255,194,51;border-color:rgba(var(--gold),calc(.24 + .55 * var(--shine)));box-shadow:0 0 0 1px rgba(var(--gold),calc(.24 + .55 * var(--shine))),0 0 calc(1px + 3px * var(--shine)) rgba(var(--gold),calc(.14 + .40 * var(--shine)));animation:tr1-shinePulse 1.3s ease-in-out infinite}
@keyframes tr1-shinePulse{0%,100%{box-shadow:0 0 0 1px rgba(var(--gold),calc(.20 + .46 * var(--shine))),0 0 calc(1px + 2px * var(--shine)) rgba(var(--gold),calc(.10 + .28 * var(--shine)))}
 50%{box-shadow:0 0 0 1px rgba(var(--gold),calc(.36 + .64 * var(--shine))),0 0 calc(1px + 4px * var(--shine)) rgba(var(--gold),calc(.20 + .50 * var(--shine)))}}
#screen-onboarding#screen-onboarding .onb-step.s1 .dfoot{margin-top:auto;padding-top:12px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .dfoot{position:absolute;left:0;right:0;bottom:0;z-index:6;margin-top:0;padding:10px 18px 10px;background:linear-gradient(0deg,var(--bg) 74%,rgba(11,19,43,0))}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .dfoot>*{max-width:540px;margin-left:auto;margin-right:auto}
#screen-onboarding#screen-onboarding .onb-step.s1 .footcount{margin-top:auto;text-align:center;font-size:.82rem;font-weight:600;color:var(--muted);padding:8px 0 2px}
#screen-onboarding#screen-onboarding .onb-step.s1 .footcount b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s1 .rstbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;border:0;cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;color:var(--text);border-radius:12px;padding:11px 12px 12px;background:linear-gradient(180deg,#2c3d73 0%,#22315e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 3px 0 #141d3c,0 4px 9px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s1 .rstbtn svg{width:15px;height:15px;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .rstbtn em{font-style:normal;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .rstbtn .rst-rest{display:flex;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s1 .rstbtn .rst-arm{display:none;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s1 .slot-machine{display:flex;gap:14px;justify-content:center;margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel{flex:1;max-width:180px;background:linear-gradient(180deg,var(--bg-2),#0e1530);border:3px solid var(--line);border-radius:14px;padding:10px 8px 12px}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-team{border-color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-season{border-color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-team .reel-label{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-season .reel-label{color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-window{position:relative;height:64px;overflow:hidden;border-radius:9px;background:rgba(0,0,0,.3);box-shadow:inset 0 9px 9px -8px rgba(0,0,0,.75),inset 0 -9px 9px -8px rgba(0,0,0,.75)}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-strip{display:flex;flex-direction:column}
#screen-onboarding#screen-onboarding .onb-step.s1 .reel-item{height:64px;line-height:64px;text-align:center;font-size:1.85rem;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s1 .dpair{display:flex;gap:8px;align-items:stretch;margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dpair>.rstbtn{flex:1;width:auto;margin-top:0;padding:9px 12px 10px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dpair .rst-rest{flex-direction:column;gap:2px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dpair .pair-main{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s1 .dpair .pair-main svg{width:15px;height:15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s1 .dpair .pair-sub{font-size:.64rem;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .dpair .rstbtn[disabled]{opacity:.55;cursor:default}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .play{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:13px 0 0;border:0;cursor:pointer;font:inherit;color:#14110a;font-weight:800;font-size:1.06rem;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
#screen-onboarding#screen-onboarding .onb-step.s1 .dfine{color:var(--muted);font-size:.78rem;text-align:center;margin:13px 8px 0;line-height:1.5}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .slot-machine{margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour{position:relative;display:flex;flex-direction:column;height:100%;padding-top:6px}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour-text{flex:0 0 auto;height:128px;padding:26px 6px 0;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour-text h3{font-size:1.3rem;font-weight:900;margin:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour-text p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:8px 0 0}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour-vis{flex:1 1 auto;min-height:0;position:relative;padding-top:48px}
#screen-onboarding#screen-onboarding .onb-step.s1 .onb-dots{display:flex;gap:8px;justify-content:center;padding:14px 0 10px}
#screen-onboarding#screen-onboarding .onb-step.s1 .onb-dot{width:8px;height:8px;border-radius:999px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s1 .onb-dot.active{background:var(--accent);width:22px}
#screen-onboarding#screen-onboarding .onb-step.s1 .btn{font:inherit;font-weight:700;border:none;border-radius:12px;padding:12px 16px;color:var(--text);background:var(--card-2);cursor:pointer}
#screen-onboarding#screen-onboarding .onb-step.s1 .btn-primary{background:linear-gradient(180deg,#ffdd80,var(--accent));color:#20232e}
#screen-onboarding#screen-onboarding .onb-step.s1 .btn-big{width:100%;padding:16px;font-size:1.05rem}
#screen-onboarding#screen-onboarding .onb-step.s1 .onb-next{max-width:360px;margin:0 auto 4px;display:block}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack.filled{border-style:solid;border-color:var(--you);background:linear-gradient(180deg,var(--card-2),var(--card))}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-name{font-size:.7rem;font-weight:700;margin-top:3px;line-height:1.05}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-era{font-size:.58rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip{display:flex;align-items:center;gap:9px;border-radius:14px;margin-bottom:12px;padding:13px 15px;background:var(--card-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 22px rgba(var(--shade),.38),0 2px 4px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip .g2-week{font-size:1.08rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip .gm-pill{flex:0 0 auto;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip .gm-hearts{margin-left:auto;display:inline-flex;align-items:center;gap:4px;letter-spacing:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip .gm-hearts svg{width:14px;height:14px;color:#ff6b6b}
#screen-onboarding#screen-onboarding .onb-step.s1 .gstrip .gm-hearts .dead svg{color:rgba(160,176,224,.28)}
#screen-onboarding#screen-onboarding .onb-step.s1 .scoreline{display:flex;align-items:stretch;justify-content:space-between;gap:10px;margin-bottom:14px}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-team{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-team .st-label{font-size:.75rem;color:var(--muted);font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-team .st-pts{font-size:2rem;font-weight:900;line-height:1.1;position:relative;height:2.2rem}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-team .st-pts span{position:absolute;left:0;right:0;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-team .st-pts span.lead{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-team.you{border-color:var(--you)}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-team.opp{border-color:var(--opp)}
#screen-onboarding#screen-onboarding .onb-step.s1 .score-vs{align-self:center;font-weight:800;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s1 .matchup{display:flex;flex-direction:column;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s1 .mrow{background:var(--plate);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.3),0 1px 2px rgba(var(--shade),.2)}
#screen-onboarding#screen-onboarding .onb-step.s1 .mrow-slot{text-align:center;font-size:.66rem;font-weight:800;letter-spacing:1px;color:var(--muted);padding:5px;background:rgba(6,10,26,.35);border-bottom:1px solid var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s1 .mrow-body{display:grid;grid-template-columns:1fr auto 1fr}
#screen-onboarding#screen-onboarding .onb-step.s1 .side{padding:10px;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .side.right{text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s1 .side .s-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screen-onboarding#screen-onboarding .onb-step.s1 .s-era{color:var(--muted);font-weight:700;font-size:.72rem}
#screen-onboarding#screen-onboarding .onb-step.s1 .side .s-game{font-size:.68rem;color:var(--muted);margin-top:2px;line-height:1.4;height:2.8em;position:relative;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s1 .side .s-game span{position:absolute;left:0;right:0;top:0;opacity:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s1 .side .s-pts{font-size:1.25rem;font-weight:900;margin-top:4px;color:var(--muted);position:relative;height:1.5rem}
#screen-onboarding#screen-onboarding .onb-step.s1 .side .s-pts span{position:absolute;left:0;right:0;opacity:0;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s1 .side .s-pts span.winner{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s1 .mid-divider{width:1px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s1 .avatar.av-sm{width:34px;height:34px;flex-basis:34px;margin-bottom:4px}
#screen-onboarding#screen-onboarding .onb-step.s1 .side.right .avatar{margin-left:auto}
@keyframes tr1-sbTrophyGlow{0%,100%{filter:drop-shadow(0 6px 16px rgba(255,194,51,.40))}50%{filter:drop-shadow(0 8px 34px rgba(255,209,102,.85))}}
@keyframes tr1-sbShine{from{background-position:130% 0}to{background-position:-130% 0}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rt{animation:tr1-rT 14500ms infinite}
@keyframes tr1-rT{0%{transform:translateY(-576px)}3.45%{transform:translateY(-576px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}11.72%{transform:translateY(-1216px)}21.38%{transform:translateY(-1216px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}29.66%{transform:translateY(-1856px)}39.31%{transform:translateY(-1856px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}47.59%{transform:translateY(-2496px)}57.24%{transform:translateY(-2496px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}65.52%{transform:translateY(-3136px)}75.17%{transform:translateY(-3136px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}83.45%{transform:translateY(-3776px)}100%{transform:translateY(-3776px)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rt .reel-item:nth-child(20){animation:tr1-rTp0 14500ms infinite}
@keyframes tr1-rTp0{0%,11.72%{transform:scale(1)}12.34%{transform:scale(1.16)}13.31%{transform:scale(.95)}14.62%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rt .reel-item:nth-child(30){animation:tr1-rTp1 14500ms infinite}
@keyframes tr1-rTp1{0%,29.66%{transform:scale(1)}30.28%{transform:scale(1.16)}31.24%{transform:scale(.95)}32.55%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rt .reel-item:nth-child(40){animation:tr1-rTp2 14500ms infinite}
@keyframes tr1-rTp2{0%,47.59%{transform:scale(1)}48.21%{transform:scale(1.16)}49.17%{transform:scale(.95)}50.48%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rt .reel-item:nth-child(50){animation:tr1-rTp3 14500ms infinite}
@keyframes tr1-rTp3{0%,65.52%{transform:scale(1)}66.14%{transform:scale(1.16)}67.10%{transform:scale(.95)}68.41%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rt .reel-item:nth-child(60){animation:tr1-rTp4 14500ms infinite}
@keyframes tr1-rTp4{0%,83.45%{transform:scale(1)}84.07%{transform:scale(1.16)}85.03%{transform:scale(.95)}86.34%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rs{animation:tr1-rS 14500ms infinite}
@keyframes tr1-rS{0%{transform:translateY(-576px)}3.45%{transform:translateY(-576px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}13.10%{transform:translateY(-1216px)}21.38%{transform:translateY(-1216px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}31.03%{transform:translateY(-1856px)}39.31%{transform:translateY(-1856px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}48.97%{transform:translateY(-2496px)}57.24%{transform:translateY(-2496px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}66.90%{transform:translateY(-3136px)}75.17%{transform:translateY(-3136px);animation-timing-function:cubic-bezier(.12,.74,.16,1)}84.83%{transform:translateY(-3776px)}100%{transform:translateY(-3776px)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rs .reel-item:nth-child(20){animation:tr1-rSp0 14500ms infinite}
@keyframes tr1-rSp0{0%,13.10%{transform:scale(1)}13.72%{transform:scale(1.16)}14.69%{transform:scale(.95)}16.00%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rs .reel-item:nth-child(30){animation:tr1-rSp1 14500ms infinite}
@keyframes tr1-rSp1{0%,31.03%{transform:scale(1)}31.66%{transform:scale(1.16)}32.62%{transform:scale(.95)}33.93%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rs .reel-item:nth-child(40){animation:tr1-rSp2 14500ms infinite}
@keyframes tr1-rSp2{0%,48.97%{transform:scale(1)}49.59%{transform:scale(1.16)}50.55%{transform:scale(.95)}51.86%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rs .reel-item:nth-child(50){animation:tr1-rSp3 14500ms infinite}
@keyframes tr1-rSp3{0%,66.90%{transform:scale(1)}67.52%{transform:scale(1.16)}68.48%{transform:scale(.95)}69.79%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .rs .reel-item:nth-child(60){animation:tr1-rSp4 14500ms infinite}
@keyframes tr1-rSp4{0%,84.83%{transform:scale(1)}85.45%{transform:scale(1.16)}86.41%{transform:scale(.95)}87.72%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-name,#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-era,#screen-onboarding#screen-onboarding .onb-step.s1 .strack .avatar.tf{opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-empty{opacity:1}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack{position:relative}
#screen-onboarding#screen-onboarding .onb-step.s1 .t0{animation:tr1-tk0 14500ms ease infinite}
@keyframes tr1-tk0{0%,15.17%{border-color:var(--accent);border-style:solid;background:var(--plate);opacity:.85;transform:scale(1)}16.00%{transform:scale(1.06)}17.24%,96.55%{border-color:var(--you);border-style:solid;background:linear-gradient(180deg,var(--card-2),var(--card));opacity:1;transform:scale(1)}100%{border-color:var(--accent);background:var(--plate);opacity:.85}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t0 .st-empty{animation:tr1-te0 14500ms ease infinite}
@keyframes tr1-te0{0%,15.17%{opacity:1}16.28%,96.55%{opacity:0}100%{opacity:1}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t0 .st-name,#screen-onboarding#screen-onboarding .onb-step.s1 .t0 .st-era,#screen-onboarding#screen-onboarding .onb-step.s1 .t0 .avatar.tf{animation:tr1-tn0 14500ms ease infinite}
@keyframes tr1-tn0{0%,15.72%{opacity:0;transform:translateY(4px)}17.38%,96.55%{opacity:1;transform:none}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t1{animation:tr1-tk1 14500ms ease infinite}
@keyframes tr1-tk1{0%,33.10%{border-color:var(--accent);border-style:solid;background:var(--plate);opacity:.85;transform:scale(1)}33.93%{transform:scale(1.06)}35.17%,96.55%{border-color:var(--you);border-style:solid;background:linear-gradient(180deg,var(--card-2),var(--card));opacity:1;transform:scale(1)}100%{border-color:var(--accent);background:var(--plate);opacity:.85}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t1 .st-empty{animation:tr1-te1 14500ms ease infinite}
@keyframes tr1-te1{0%,33.10%{opacity:1}34.21%,96.55%{opacity:0}100%{opacity:1}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t1 .st-name,#screen-onboarding#screen-onboarding .onb-step.s1 .t1 .st-era,#screen-onboarding#screen-onboarding .onb-step.s1 .t1 .avatar.tf{animation:tr1-tn1 14500ms ease infinite}
@keyframes tr1-tn1{0%,33.66%{opacity:0;transform:translateY(4px)}35.31%,96.55%{opacity:1;transform:none}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t2{animation:tr1-tk2 14500ms ease infinite}
@keyframes tr1-tk2{0%,51.03%{border-color:var(--accent);border-style:solid;background:var(--plate);opacity:.85;transform:scale(1)}51.86%{transform:scale(1.06)}53.10%,96.55%{border-color:var(--you);border-style:solid;background:linear-gradient(180deg,var(--card-2),var(--card));opacity:1;transform:scale(1)}100%{border-color:var(--accent);background:var(--plate);opacity:.85}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t2 .st-empty{animation:tr1-te2 14500ms ease infinite}
@keyframes tr1-te2{0%,51.03%{opacity:1}52.14%,96.55%{opacity:0}100%{opacity:1}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t2 .st-name,#screen-onboarding#screen-onboarding .onb-step.s1 .t2 .st-era,#screen-onboarding#screen-onboarding .onb-step.s1 .t2 .avatar.tf{animation:tr1-tn2 14500ms ease infinite}
@keyframes tr1-tn2{0%,51.59%{opacity:0;transform:translateY(4px)}53.24%,96.55%{opacity:1;transform:none}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t3{animation:tr1-tk3 14500ms ease infinite}
@keyframes tr1-tk3{0%,68.97%{border-color:var(--accent);border-style:solid;background:var(--plate);opacity:.85;transform:scale(1)}69.79%{transform:scale(1.06)}71.03%,96.55%{border-color:var(--you);border-style:solid;background:linear-gradient(180deg,var(--card-2),var(--card));opacity:1;transform:scale(1)}100%{border-color:var(--accent);background:var(--plate);opacity:.85}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t3 .st-empty{animation:tr1-te3 14500ms ease infinite}
@keyframes tr1-te3{0%,68.97%{opacity:1}70.07%,96.55%{opacity:0}100%{opacity:1}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t3 .st-name,#screen-onboarding#screen-onboarding .onb-step.s1 .t3 .st-era,#screen-onboarding#screen-onboarding .onb-step.s1 .t3 .avatar.tf{animation:tr1-tn3 14500ms ease infinite}
@keyframes tr1-tn3{0%,69.52%{opacity:0;transform:translateY(4px)}71.17%,96.55%{opacity:1;transform:none}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t4{animation:tr1-tk4 14500ms ease infinite}
@keyframes tr1-tk4{0%,86.90%{border-color:var(--accent);border-style:solid;background:var(--plate);opacity:.85;transform:scale(1)}87.72%{transform:scale(1.06)}88.97%,96.55%{border-color:var(--you);border-style:solid;background:linear-gradient(180deg,var(--card-2),var(--card));opacity:1;transform:scale(1)}100%{border-color:var(--accent);background:var(--plate);opacity:.85}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t4 .st-empty{animation:tr1-te4 14500ms ease infinite}
@keyframes tr1-te4{0%,86.90%{opacity:1}88.00%,96.55%{opacity:0}100%{opacity:1}}
#screen-onboarding#screen-onboarding .onb-step.s1 .t4 .st-name,#screen-onboarding#screen-onboarding .onb-step.s1 .t4 .st-era,#screen-onboarding#screen-onboarding .onb-step.s1 .t4 .avatar.tf{animation:tr1-tn4 14500ms ease infinite}
@keyframes tr1-tn4{0%,87.45%{opacity:0;transform:translateY(4px)}89.10%,96.55%{opacity:1;transform:none}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-empty{position:absolute;left:0;right:0;top:32px;margin:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .cstack{position:relative;width:100%;margin:14px 0 0}
#screen-onboarding#screen-onboarding .onb-step.s1 .cstack .spacer{visibility:hidden}
#screen-onboarding#screen-onboarding .onb-step.s1 .cw{position:absolute;inset:0;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour-pcard{width:100%;text-align:left}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .slot-track{margin-top:26px}
#screen-onboarding#screen-onboarding .onb-step.s1 .dr .slot-machine{margin:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .cw0{animation:tr1-cw0 14500ms ease infinite}
@keyframes tr1-cw0{0%,14.48%{opacity:0;transform:translateY(-12px)}16.00%,21.38%{opacity:1;transform:none}22.90%,100%{opacity:0;transform:translateY(0)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .cw1{animation:tr1-cw1 14500ms ease infinite}
@keyframes tr1-cw1{0%,32.41%{opacity:0;transform:translateY(-12px)}33.93%,39.31%{opacity:1;transform:none}40.83%,100%{opacity:0;transform:translateY(0)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .cw2{animation:tr1-cw2 14500ms ease infinite}
@keyframes tr1-cw2{0%,50.34%{opacity:0;transform:translateY(-12px)}51.86%,57.24%{opacity:1;transform:none}58.76%,100%{opacity:0;transform:translateY(0)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .cw3{animation:tr1-cw3 14500ms ease infinite}
@keyframes tr1-cw3{0%,68.28%{opacity:0;transform:translateY(-12px)}69.79%,75.17%{opacity:1;transform:none}76.69%,100%{opacity:0;transform:translateY(0)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .cw4{animation:tr1-cw4 14500ms ease infinite}
@keyframes tr1-cw4{0%,86.21%{opacity:0;transform:translateY(-12px)}87.72%,93.10%{opacity:1;transform:none}94.62%,100%{opacity:0;transform:translateY(0)}}
#screen-onboarding#screen-onboarding .onb-step.s1 .avatar.av-xs{width: 26px; height: 26px; flex-basis: 26px; align-self: center; margin: 2px auto 0;}
#screen-onboarding#screen-onboarding .onb-step.s1 .av-img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;  transition: opacity 0.25s ease;}
#screen-onboarding#screen-onboarding .onb-step.s1 .av-img.loaded{opacity: 1;}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .avatar.tf{margin:4px auto 0}
#screen-onboarding#screen-onboarding .onb-step.s1 .strack .st-empty{top:34px}
#screen-onboarding#screen-onboarding .onb-step.s1 .onb-next.btn-primary{color:#14110a;font-weight:700;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
#screen-onboarding#screen-onboarding .onb-step.s1 .uz-logo{text-align:center;margin:26px 0 0;font-size:.82rem;line-height:.95;letter-spacing:.5px;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s1 .logo span{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour{padding-top:0}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour-text{height:118px;padding-top:18px}
#screen-onboarding#screen-onboarding .onb-step.s1 .tour-text h3{font-size:1.5rem;letter-spacing:-.01em}
/* ── slide 2 ── */
#screen-onboarding#screen-onboarding .onb-step.s2{color:#eef2ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}
#screen-onboarding#screen-onboarding .onb-step.s2 button{font:inherit;color:inherit}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr{height:100%;display:flex;flex-direction:column;background:var(--bg);padding:14px 18px 116px;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s2 .dtop{display:flex;align-items:center;gap:12px}
#screen-onboarding#screen-onboarding .onb-step.s2 .backbtn{flex:0 0 auto;width:34px;height:34px;border-radius:11px;border:0;cursor:pointer;display:grid;place-items:center;color:var(--muted);background:var(--card);box-shadow:0 0 0 1px rgba(160,176,224,.16),inset 0 1px 0 rgba(255,255,255,.06)}
#screen-onboarding#screen-onboarding .onb-step.s2 .backbtn svg{width:17px;height:17px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dstack{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
#screen-onboarding#screen-onboarding .onb-step.s2 .dtitle{margin:0;font-size:1.24rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}
#screen-onboarding#screen-onboarding .onb-step.s2 .proj-wrap{position:relative;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .pproj{flex:0 0 auto;font-size:.80rem;color:var(--muted);font-weight:600;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .pproj b{color:var(--text);font-weight:800;font-size:1.28rem;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s2 .mpill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:.68rem;font-weight:800;letter-spacing:.06em}
#screen-onboarding#screen-onboarding .onb-step.s2 .mpill.d{color:var(--accent);background:rgba(255,209,102,.14)}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s2 .slot-track{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .slot-track{margin-top:18px;margin-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .strack{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:7px 3px;text-align:center;min-height:64px;display:flex;flex-direction:column;justify-content:center}
#screen-onboarding#screen-onboarding .onb-step.s2 .strack.open{border-color:var(--accent);border-style:solid;opacity:.85}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .strack{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.30),0 1px 2px rgba(var(--shade),.20);min-height:87px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .strack:not(.filled){background:var(--plate);border:1px dashed rgba(160,176,224,.22)}
#screen-onboarding#screen-onboarding .onb-step.s2 .strack .st-slot{font-size:.62rem;font-weight:800;color:var(--muted);letter-spacing:.5px}
#screen-onboarding#screen-onboarding .onb-step.s2 .strack.open .st-empty{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .strack .st-empty{font-size:1rem;color:rgba(160,176,224,.3);margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s2 .ctxrow{display:flex;align-items:center;gap:12px;margin-top:15px}
#screen-onboarding#screen-onboarding .onb-step.s2 .ctx{flex:1;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .ctxlab{display:block;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .ctx strong{font-size:1.02rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s2 .rrchip{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font:inherit;font-size:.74rem;font-weight:700;color:var(--text);background:var(--plate);border-radius:999px;padding:7px 13px 7px 11px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 8px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s2 .rrchip svg{width:15px;height:15px;flex:0 0 15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s2 .rrchip em{font-style:normal;color:var(--muted);margin-left:-2px}
#screen-onboarding#screen-onboarding .onb-step.s2 .ptabs{display:flex;gap:6px;margin-top:13px}
#screen-onboarding#screen-onboarding .onb-step.s2 .ptab{border:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);background:var(--plate);border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(var(--shade),.26)}
#screen-onboarding#screen-onboarding .onb-step.s2 .ptab em{font-style:normal;font-size:.68rem;font-weight:700;color:rgba(160,176,224,.7);margin-left:4px}
#screen-onboarding#screen-onboarding .onb-step.s2 .ptab.on{color:#14110a;background:linear-gradient(180deg,#ffdc84,#ffc94f);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 0 #d3a12b,0 4px 9px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s2 .ptab.on em{color:rgba(20,17,10,.6)}
#screen-onboarding#screen-onboarding .onb-step.s2 .pool{display:flex;flex-direction:column;gap:8px;padding-bottom:96px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .pool{margin-top:12px;gap:7px;padding-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .pcard{padding:6px 12px;align-items:center}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard-main{flex:1 1 auto;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard-name{font-weight:700;font-size:.95rem}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .pcard-name{font-size:.92rem}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard-sub{font-size:.74rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .pcard-sub{font-size:.71rem}
#screen-onboarding#screen-onboarding .onb-step.s2 .pos-in{font-style:normal;font-weight:800;color:#b9c4e8;letter-spacing:.04em}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard-avg{flex:0 0 auto;text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard-avg b{font-size:1.05rem;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard-avg small{display:block;font-size:.62rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;border:2px solid transparent;font-size:.62rem;font-weight:800;color:#fff;letter-spacing:.02em}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .pcard .avatar{width:34px;height:34px;flex:0 0 34px}
#screen-onboarding#screen-onboarding .onb-step.s2 .pcard.shine{--shine:0;--gold:255,194,51;border-color:rgba(var(--gold),calc(.24 + .55 * var(--shine)));box-shadow:0 0 0 1px rgba(var(--gold),calc(.24 + .55 * var(--shine))),0 0 calc(1px + 3px * var(--shine)) rgba(var(--gold),calc(.14 + .40 * var(--shine)));animation:tr2-shinePulse 1.3s ease-in-out infinite}
#screen-onboarding#screen-onboarding .onb-step.s2 .dfoot{margin-top:auto;padding-top:12px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .dfoot{position:absolute;left:0;right:0;bottom:0;z-index:6;margin-top:0;padding:10px 18px 10px;background:linear-gradient(0deg,var(--bg) 74%,rgba(11,19,43,0))}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .dfoot>*{max-width:540px;margin-left:auto;margin-right:auto}
#screen-onboarding#screen-onboarding .onb-step.s2 .footcount{margin-top:auto;text-align:center;font-size:.82rem;font-weight:600;color:var(--muted);padding:8px 0 2px}
#screen-onboarding#screen-onboarding .onb-step.s2 .footcount b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s2 .rstbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;border:0;cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;color:var(--text);border-radius:12px;padding:11px 12px 12px;background:linear-gradient(180deg,#2c3d73 0%,#22315e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 3px 0 #141d3c,0 4px 9px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s2 .rstbtn svg{width:15px;height:15px;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .rstbtn em{font-style:normal;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .rstbtn .rst-rest{display:flex;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s2 .rstbtn .rst-arm{display:none;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s2 .slot-machine{display:flex;gap:14px;justify-content:center;margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel{flex:1;max-width:180px;background:linear-gradient(180deg,var(--bg-2),#0e1530);border:3px solid var(--line);border-radius:14px;padding:10px 8px 12px}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-team{border-color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-season{border-color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-team .reel-label{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-season .reel-label{color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-window{position:relative;height:64px;overflow:hidden;border-radius:9px;background:rgba(0,0,0,.3);box-shadow:inset 0 9px 9px -8px rgba(0,0,0,.75),inset 0 -9px 9px -8px rgba(0,0,0,.75)}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-strip{display:flex;flex-direction:column}
#screen-onboarding#screen-onboarding .onb-step.s2 .reel-item{height:64px;line-height:64px;text-align:center;font-size:1.85rem;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s2 .dpair{display:flex;gap:8px;align-items:stretch;margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dpair>.rstbtn{flex:1;width:auto;margin-top:0;padding:9px 12px 10px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dpair .rst-rest{flex-direction:column;gap:2px}
#screen-onboarding#screen-onboarding .onb-step.s2 .dpair .pair-main{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s2 .dpair .pair-main svg{width:15px;height:15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s2 .dpair .pair-sub{font-size:.64rem;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .dpair .rstbtn[disabled]{opacity:.55;cursor:default}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .play{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:13px 0 0;border:0;cursor:pointer;font:inherit;color:#14110a;font-weight:800;font-size:1.06rem;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
#screen-onboarding#screen-onboarding .onb-step.s2 .dfine{color:var(--muted);font-size:.78rem;text-align:center;margin:13px 8px 0;line-height:1.5}
#screen-onboarding#screen-onboarding .onb-step.s2 .dr .slot-machine{margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour{position:relative;display:flex;flex-direction:column;height:100%;padding-top:6px}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour-text{flex:0 0 auto;height:128px;padding:26px 6px 0;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour-text h3{font-size:1.3rem;font-weight:900;margin:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour-text p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:8px 0 0}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour-vis{flex:1 1 auto;min-height:0;position:relative;padding-top:48px}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-dots{display:flex;gap:8px;justify-content:center;padding:14px 0 10px}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-dot{width:8px;height:8px;border-radius:999px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-dot.active{background:var(--accent);width:22px}
#screen-onboarding#screen-onboarding .onb-step.s2 .btn{font:inherit;font-weight:700;border:none;border-radius:12px;padding:12px 16px;color:var(--text);background:var(--card-2);cursor:pointer}
#screen-onboarding#screen-onboarding .onb-step.s2 .btn-primary{background:linear-gradient(180deg,#ffdd80,var(--accent));color:#20232e}
#screen-onboarding#screen-onboarding .onb-step.s2 .btn-big{width:100%;padding:16px;font-size:1.05rem}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-next{max-width:360px;margin:0 auto 4px;display:block}
#screen-onboarding#screen-onboarding .onb-step.s2 .strack.filled{border-style:solid;border-color:var(--you);background:linear-gradient(180deg,var(--card-2),var(--card))}
#screen-onboarding#screen-onboarding .onb-step.s2 .strack .st-name{font-size:.7rem;font-weight:700;margin-top:3px;line-height:1.05}
#screen-onboarding#screen-onboarding .onb-step.s2 .strack .st-era{font-size:.58rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip{display:flex;align-items:center;gap:9px;border-radius:14px;margin-bottom:12px;padding:13px 15px;background:var(--card-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 22px rgba(var(--shade),.38),0 2px 4px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip .g2-week{font-size:1.08rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip .gm-pill{flex:0 0 auto;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip .gm-hearts{margin-left:auto;display:inline-flex;align-items:center;gap:4px;letter-spacing:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip .gm-hearts svg{width:14px;height:14px;color:#ff6b6b}
#screen-onboarding#screen-onboarding .onb-step.s2 .gstrip .gm-hearts .dead svg{color:rgba(160,176,224,.28)}
#screen-onboarding#screen-onboarding .onb-step.s2 .scoreline{display:flex;align-items:stretch;justify-content:space-between;gap:10px;margin-bottom:14px}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-team{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-team .st-label{font-size:.75rem;color:var(--muted);font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-team .st-pts{font-size:2rem;font-weight:900;line-height:1.1;position:relative;height:2.2rem}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-team .st-pts span{position:absolute;left:0;right:0;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-team .st-pts span.lead{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-team.you{border-color:var(--you)}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-team.opp{border-color:var(--opp)}
#screen-onboarding#screen-onboarding .onb-step.s2 .score-vs{align-self:center;font-weight:800;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .matchup{display:flex;flex-direction:column;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s2 .mrow{background:var(--plate);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.3),0 1px 2px rgba(var(--shade),.2)}
#screen-onboarding#screen-onboarding .onb-step.s2 .mrow-slot{text-align:center;font-size:.66rem;font-weight:800;letter-spacing:1px;color:var(--muted);padding:5px;background:rgba(6,10,26,.35);border-bottom:1px solid var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s2 .mrow-body{display:grid;grid-template-columns:1fr auto 1fr}
#screen-onboarding#screen-onboarding .onb-step.s2 .side{padding:10px;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .side.right{text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s2 .side .s-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screen-onboarding#screen-onboarding .onb-step.s2 .s-era{color:var(--muted);font-weight:700;font-size:.72rem}
#screen-onboarding#screen-onboarding .onb-step.s2 .side .s-game{font-size:.68rem;color:var(--muted);margin-top:2px;line-height:1.4;height:2.8em;position:relative;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s2 .side .s-game span{position:absolute;left:0;right:0;top:0;opacity:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s2 .side .s-pts{font-size:1.25rem;font-weight:900;margin-top:4px;color:var(--muted);position:relative;height:1.5rem}
#screen-onboarding#screen-onboarding .onb-step.s2 .side .s-pts span{position:absolute;left:0;right:0;opacity:0;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s2 .side .s-pts span.winner{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s2 .mid-divider{width:1px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s2 .avatar.av-sm{width:34px;height:34px;flex-basis:34px;margin-bottom:4px}
#screen-onboarding#screen-onboarding .onb-step.s2 .side.right .avatar{margin-left:auto}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .mrow-slot{padding: 2px; font-size: 0.55rem;}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .side{padding: 6px 8px; gap: 7px;}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .avatar.av-sm{width: 26px; height: 26px; flex-basis: 26px;}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .s-name{font-size: 0.75rem;}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .s-game{font-size: 0.58rem; line-height: 1.3; height: 1.3em; margin-top: 1px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .s-pts{font-size: 0.95rem; margin-top: 1px;}
#screen-onboarding#screen-onboarding .onb-step.s2 .matchup.onb-feed{display:grid}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .mrow{grid-area:1/1;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-feed .s-pts span.roll{color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s2 .r0{animation:tr2-rin0 25750ms ease infinite}
@keyframes tr2-rin0{0%,1.942%{opacity:0;transform:translateY(-12px)}3.340%,19.379%{opacity:1;transform:none}20.544%,100%{opacity:0;transform:translateY(12px)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y0{animation:tr2-fk0y0 25750ms linear infinite}
@keyframes tr2-fk0y0{0%,3.340%{opacity:0}3.456%,4.598%{opacity:1}4.610%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y1{animation:tr2-fk0y1 25750ms linear infinite}
@keyframes tr2-fk0y1{0%,4.598%{opacity:0}4.715%,5.856%{opacity:1}5.868%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y2{animation:tr2-fk0y2 25750ms linear infinite}
@keyframes tr2-fk0y2{0%,5.856%{opacity:0}5.973%,7.115%{opacity:1}7.126%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y3{animation:tr2-fk0y3 25750ms linear infinite}
@keyframes tr2-fk0y3{0%,7.115%{opacity:0}7.231%,8.373%{opacity:1}8.384%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y4{animation:tr2-fk0y4 25750ms linear infinite}
@keyframes tr2-fk0y4{0%,8.373%{opacity:0}8.489%,9.631%{opacity:1}9.643%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y5{animation:tr2-fk0y5 25750ms linear infinite}
@keyframes tr2-fk0y5{0%,9.631%{opacity:0}9.748%,10.889%{opacity:1}10.901%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y6{animation:tr2-fk0y6 25750ms linear infinite}
@keyframes tr2-fk0y6{0%,10.889%{opacity:0}11.006%,12.148%{opacity:1}12.159%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y7{animation:tr2-fk0y7 25750ms linear infinite}
@keyframes tr2-fk0y7{0%,12.148%{opacity:0}12.264%,13.406%{opacity:1}13.417%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y8{animation:tr2-fk0y8 25750ms linear infinite}
@keyframes tr2-fk0y8{0%,13.406%{opacity:0}13.522%,14.664%{opacity:1}14.676%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0y9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y9{animation:tr2-fk0y9 25750ms linear infinite}
@keyframes tr2-fk0y9{0%,14.664%{opacity:0}14.781%,19.379%{opacity:1}19.390%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt0y9{animation:tr2-fk0y9 25750ms linear infinite,tr2-pop0y 25750ms ease infinite}
@keyframes tr2-pop0y{0%,15.922%{transform:scale(1.16)}17.087%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o0{animation:tr2-fk0o0 25750ms linear infinite}
@keyframes tr2-fk0o0{0%,3.340%{opacity:0}3.456%,4.598%{opacity:1}4.610%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o1{animation:tr2-fk0o1 25750ms linear infinite}
@keyframes tr2-fk0o1{0%,4.598%{opacity:0}4.715%,5.856%{opacity:1}5.868%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o2{animation:tr2-fk0o2 25750ms linear infinite}
@keyframes tr2-fk0o2{0%,5.856%{opacity:0}5.973%,7.115%{opacity:1}7.126%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o3{animation:tr2-fk0o3 25750ms linear infinite}
@keyframes tr2-fk0o3{0%,7.115%{opacity:0}7.231%,8.373%{opacity:1}8.384%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o4{animation:tr2-fk0o4 25750ms linear infinite}
@keyframes tr2-fk0o4{0%,8.373%{opacity:0}8.489%,9.631%{opacity:1}9.643%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o5{animation:tr2-fk0o5 25750ms linear infinite}
@keyframes tr2-fk0o5{0%,9.631%{opacity:0}9.748%,10.889%{opacity:1}10.901%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o6{animation:tr2-fk0o6 25750ms linear infinite}
@keyframes tr2-fk0o6{0%,10.889%{opacity:0}11.006%,12.148%{opacity:1}12.159%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o7{animation:tr2-fk0o7 25750ms linear infinite}
@keyframes tr2-fk0o7{0%,12.148%{opacity:0}12.264%,13.406%{opacity:1}13.417%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o8{animation:tr2-fk0o8 25750ms linear infinite}
@keyframes tr2-fk0o8{0%,13.406%{opacity:0}13.522%,14.664%{opacity:1}14.676%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl0o9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o9{animation:tr2-fk0o9 25750ms linear infinite}
@keyframes tr2-fk0o9{0%,14.664%{opacity:0}14.781%,19.379%{opacity:1}19.390%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt0o9{animation:tr2-fk0o9 25750ms linear infinite,tr2-pop0o 25750ms ease infinite}
@keyframes tr2-pop0o{0%,15.922%{transform:scale(1.16)}17.087%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .r1{animation:tr2-rin1 25750ms ease infinite}
@keyframes tr2-rin1{0%,20.544%{opacity:0;transform:translateY(-12px)}21.942%,37.981%{opacity:1;transform:none}39.146%,100%{opacity:0;transform:translateY(12px)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y0{animation:tr2-fk1y0 25750ms linear infinite}
@keyframes tr2-fk1y0{0%,21.942%{opacity:0}22.058%,23.200%{opacity:1}23.212%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y1{animation:tr2-fk1y1 25750ms linear infinite}
@keyframes tr2-fk1y1{0%,23.200%{opacity:0}23.317%,24.458%{opacity:1}24.470%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y2{animation:tr2-fk1y2 25750ms linear infinite}
@keyframes tr2-fk1y2{0%,24.458%{opacity:0}24.575%,25.717%{opacity:1}25.728%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y3{animation:tr2-fk1y3 25750ms linear infinite}
@keyframes tr2-fk1y3{0%,25.717%{opacity:0}25.833%,26.975%{opacity:1}26.986%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y4{animation:tr2-fk1y4 25750ms linear infinite}
@keyframes tr2-fk1y4{0%,26.975%{opacity:0}27.091%,28.233%{opacity:1}28.245%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y5{animation:tr2-fk1y5 25750ms linear infinite}
@keyframes tr2-fk1y5{0%,28.233%{opacity:0}28.350%,29.491%{opacity:1}29.503%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y6{animation:tr2-fk1y6 25750ms linear infinite}
@keyframes tr2-fk1y6{0%,29.491%{opacity:0}29.608%,30.750%{opacity:1}30.761%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y7{animation:tr2-fk1y7 25750ms linear infinite}
@keyframes tr2-fk1y7{0%,30.750%{opacity:0}30.866%,32.008%{opacity:1}32.019%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y8{animation:tr2-fk1y8 25750ms linear infinite}
@keyframes tr2-fk1y8{0%,32.008%{opacity:0}32.124%,33.266%{opacity:1}33.278%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1y9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y9{animation:tr2-fk1y9 25750ms linear infinite}
@keyframes tr2-fk1y9{0%,33.266%{opacity:0}33.383%,37.981%{opacity:1}37.992%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt1y9{animation:tr2-fk1y9 25750ms linear infinite,tr2-pop1y 25750ms ease infinite}
@keyframes tr2-pop1y{0%,34.524%{transform:scale(1.16)}35.689%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o0{animation:tr2-fk1o0 25750ms linear infinite}
@keyframes tr2-fk1o0{0%,21.942%{opacity:0}22.058%,23.200%{opacity:1}23.212%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o1{animation:tr2-fk1o1 25750ms linear infinite}
@keyframes tr2-fk1o1{0%,23.200%{opacity:0}23.317%,24.458%{opacity:1}24.470%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o2{animation:tr2-fk1o2 25750ms linear infinite}
@keyframes tr2-fk1o2{0%,24.458%{opacity:0}24.575%,25.717%{opacity:1}25.728%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o3{animation:tr2-fk1o3 25750ms linear infinite}
@keyframes tr2-fk1o3{0%,25.717%{opacity:0}25.833%,26.975%{opacity:1}26.986%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o4{animation:tr2-fk1o4 25750ms linear infinite}
@keyframes tr2-fk1o4{0%,26.975%{opacity:0}27.091%,28.233%{opacity:1}28.245%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o5{animation:tr2-fk1o5 25750ms linear infinite}
@keyframes tr2-fk1o5{0%,28.233%{opacity:0}28.350%,29.491%{opacity:1}29.503%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o6{animation:tr2-fk1o6 25750ms linear infinite}
@keyframes tr2-fk1o6{0%,29.491%{opacity:0}29.608%,30.750%{opacity:1}30.761%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o7{animation:tr2-fk1o7 25750ms linear infinite}
@keyframes tr2-fk1o7{0%,30.750%{opacity:0}30.866%,32.008%{opacity:1}32.019%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o8{animation:tr2-fk1o8 25750ms linear infinite}
@keyframes tr2-fk1o8{0%,32.008%{opacity:0}32.124%,33.266%{opacity:1}33.278%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl1o9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o9{animation:tr2-fk1o9 25750ms linear infinite}
@keyframes tr2-fk1o9{0%,33.266%{opacity:0}33.383%,37.981%{opacity:1}37.992%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt1o9{animation:tr2-fk1o9 25750ms linear infinite,tr2-pop1o 25750ms ease infinite}
@keyframes tr2-pop1o{0%,34.524%{transform:scale(1.16)}35.689%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .r2{animation:tr2-rin2 25750ms ease infinite}
@keyframes tr2-rin2{0%,39.146%{opacity:0;transform:translateY(-12px)}40.544%,56.583%{opacity:1;transform:none}57.748%,100%{opacity:0;transform:translateY(12px)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y0{animation:tr2-fk2y0 25750ms linear infinite}
@keyframes tr2-fk2y0{0%,40.544%{opacity:0}40.660%,41.802%{opacity:1}41.814%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y1{animation:tr2-fk2y1 25750ms linear infinite}
@keyframes tr2-fk2y1{0%,41.802%{opacity:0}41.918%,43.060%{opacity:1}43.072%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y2{animation:tr2-fk2y2 25750ms linear infinite}
@keyframes tr2-fk2y2{0%,43.060%{opacity:0}43.177%,44.318%{opacity:1}44.330%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y3{animation:tr2-fk2y3 25750ms linear infinite}
@keyframes tr2-fk2y3{0%,44.318%{opacity:0}44.435%,45.577%{opacity:1}45.588%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y4{animation:tr2-fk2y4 25750ms linear infinite}
@keyframes tr2-fk2y4{0%,45.577%{opacity:0}45.693%,46.835%{opacity:1}46.847%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y5{animation:tr2-fk2y5 25750ms linear infinite}
@keyframes tr2-fk2y5{0%,46.835%{opacity:0}46.951%,48.093%{opacity:1}48.105%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y6{animation:tr2-fk2y6 25750ms linear infinite}
@keyframes tr2-fk2y6{0%,48.093%{opacity:0}48.210%,49.351%{opacity:1}49.363%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y7{animation:tr2-fk2y7 25750ms linear infinite}
@keyframes tr2-fk2y7{0%,49.351%{opacity:0}49.468%,50.610%{opacity:1}50.621%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y8{animation:tr2-fk2y8 25750ms linear infinite}
@keyframes tr2-fk2y8{0%,50.610%{opacity:0}50.726%,51.868%{opacity:1}51.880%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2y9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y9{animation:tr2-fk2y9 25750ms linear infinite}
@keyframes tr2-fk2y9{0%,51.868%{opacity:0}51.984%,56.583%{opacity:1}56.594%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt2y9{animation:tr2-fk2y9 25750ms linear infinite,tr2-pop2y 25750ms ease infinite}
@keyframes tr2-pop2y{0%,53.126%{transform:scale(1.16)}54.291%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o0{animation:tr2-fk2o0 25750ms linear infinite}
@keyframes tr2-fk2o0{0%,40.544%{opacity:0}40.660%,41.802%{opacity:1}41.814%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o1{animation:tr2-fk2o1 25750ms linear infinite}
@keyframes tr2-fk2o1{0%,41.802%{opacity:0}41.918%,43.060%{opacity:1}43.072%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o2{animation:tr2-fk2o2 25750ms linear infinite}
@keyframes tr2-fk2o2{0%,43.060%{opacity:0}43.177%,44.318%{opacity:1}44.330%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o3{animation:tr2-fk2o3 25750ms linear infinite}
@keyframes tr2-fk2o3{0%,44.318%{opacity:0}44.435%,45.577%{opacity:1}45.588%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o4{animation:tr2-fk2o4 25750ms linear infinite}
@keyframes tr2-fk2o4{0%,45.577%{opacity:0}45.693%,46.835%{opacity:1}46.847%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o5{animation:tr2-fk2o5 25750ms linear infinite}
@keyframes tr2-fk2o5{0%,46.835%{opacity:0}46.951%,48.093%{opacity:1}48.105%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o6{animation:tr2-fk2o6 25750ms linear infinite}
@keyframes tr2-fk2o6{0%,48.093%{opacity:0}48.210%,49.351%{opacity:1}49.363%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o7{animation:tr2-fk2o7 25750ms linear infinite}
@keyframes tr2-fk2o7{0%,49.351%{opacity:0}49.468%,50.610%{opacity:1}50.621%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o8{animation:tr2-fk2o8 25750ms linear infinite}
@keyframes tr2-fk2o8{0%,50.610%{opacity:0}50.726%,51.868%{opacity:1}51.880%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl2o9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o9{animation:tr2-fk2o9 25750ms linear infinite}
@keyframes tr2-fk2o9{0%,51.868%{opacity:0}51.984%,56.583%{opacity:1}56.594%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt2o9{animation:tr2-fk2o9 25750ms linear infinite,tr2-pop2o 25750ms ease infinite}
@keyframes tr2-pop2o{0%,53.126%{transform:scale(1.16)}54.291%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .r3{animation:tr2-rin3 25750ms ease infinite}
@keyframes tr2-rin3{0%,57.748%{opacity:0;transform:translateY(-12px)}59.146%,75.184%{opacity:1;transform:none}76.350%,100%{opacity:0;transform:translateY(12px)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y0{animation:tr2-fk3y0 25750ms linear infinite}
@keyframes tr2-fk3y0{0%,59.146%{opacity:0}59.262%,60.404%{opacity:1}60.416%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y1{animation:tr2-fk3y1 25750ms linear infinite}
@keyframes tr2-fk3y1{0%,60.404%{opacity:0}60.520%,61.662%{opacity:1}61.674%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y2{animation:tr2-fk3y2 25750ms linear infinite}
@keyframes tr2-fk3y2{0%,61.662%{opacity:0}61.779%,62.920%{opacity:1}62.932%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y3{animation:tr2-fk3y3 25750ms linear infinite}
@keyframes tr2-fk3y3{0%,62.920%{opacity:0}63.037%,64.179%{opacity:1}64.190%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y4{animation:tr2-fk3y4 25750ms linear infinite}
@keyframes tr2-fk3y4{0%,64.179%{opacity:0}64.295%,65.437%{opacity:1}65.449%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y5{animation:tr2-fk3y5 25750ms linear infinite}
@keyframes tr2-fk3y5{0%,65.437%{opacity:0}65.553%,66.695%{opacity:1}66.707%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y6{animation:tr2-fk3y6 25750ms linear infinite}
@keyframes tr2-fk3y6{0%,66.695%{opacity:0}66.812%,67.953%{opacity:1}67.965%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y7{animation:tr2-fk3y7 25750ms linear infinite}
@keyframes tr2-fk3y7{0%,67.953%{opacity:0}68.070%,69.212%{opacity:1}69.223%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y8{animation:tr2-fk3y8 25750ms linear infinite}
@keyframes tr2-fk3y8{0%,69.212%{opacity:0}69.328%,70.470%{opacity:1}70.482%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3y9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y9{animation:tr2-fk3y9 25750ms linear infinite}
@keyframes tr2-fk3y9{0%,70.470%{opacity:0}70.586%,75.184%{opacity:1}75.196%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt3y9{animation:tr2-fk3y9 25750ms linear infinite,tr2-pop3y 25750ms ease infinite}
@keyframes tr2-pop3y{0%,71.728%{transform:scale(1.16)}72.893%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o0{animation:tr2-fk3o0 25750ms linear infinite}
@keyframes tr2-fk3o0{0%,59.146%{opacity:0}59.262%,60.404%{opacity:1}60.416%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o1{animation:tr2-fk3o1 25750ms linear infinite}
@keyframes tr2-fk3o1{0%,60.404%{opacity:0}60.520%,61.662%{opacity:1}61.674%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o2{animation:tr2-fk3o2 25750ms linear infinite}
@keyframes tr2-fk3o2{0%,61.662%{opacity:0}61.779%,62.920%{opacity:1}62.932%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o3{animation:tr2-fk3o3 25750ms linear infinite}
@keyframes tr2-fk3o3{0%,62.920%{opacity:0}63.037%,64.179%{opacity:1}64.190%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o4{animation:tr2-fk3o4 25750ms linear infinite}
@keyframes tr2-fk3o4{0%,64.179%{opacity:0}64.295%,65.437%{opacity:1}65.449%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o5{animation:tr2-fk3o5 25750ms linear infinite}
@keyframes tr2-fk3o5{0%,65.437%{opacity:0}65.553%,66.695%{opacity:1}66.707%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o6{animation:tr2-fk3o6 25750ms linear infinite}
@keyframes tr2-fk3o6{0%,66.695%{opacity:0}66.812%,67.953%{opacity:1}67.965%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o7{animation:tr2-fk3o7 25750ms linear infinite}
@keyframes tr2-fk3o7{0%,67.953%{opacity:0}68.070%,69.212%{opacity:1}69.223%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o8{animation:tr2-fk3o8 25750ms linear infinite}
@keyframes tr2-fk3o8{0%,69.212%{opacity:0}69.328%,70.470%{opacity:1}70.482%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl3o9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o9{animation:tr2-fk3o9 25750ms linear infinite}
@keyframes tr2-fk3o9{0%,70.470%{opacity:0}70.586%,75.184%{opacity:1}75.196%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt3o9{animation:tr2-fk3o9 25750ms linear infinite,tr2-pop3o 25750ms ease infinite}
@keyframes tr2-pop3o{0%,71.728%{transform:scale(1.16)}72.893%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .r4{animation:tr2-rin4 25750ms ease infinite}
@keyframes tr2-rin4{0%,76.350%{opacity:0;transform:translateY(-12px)}77.748%,93.786%{opacity:1;transform:none}94.951%,100%{opacity:0;transform:translateY(12px)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y0{animation:tr2-fk4y0 25750ms linear infinite}
@keyframes tr2-fk4y0{0%,77.748%{opacity:0}77.864%,79.006%{opacity:1}79.017%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y1{animation:tr2-fk4y1 25750ms linear infinite}
@keyframes tr2-fk4y1{0%,79.006%{opacity:0}79.122%,80.264%{opacity:1}80.276%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y2{animation:tr2-fk4y2 25750ms linear infinite}
@keyframes tr2-fk4y2{0%,80.264%{opacity:0}80.381%,81.522%{opacity:1}81.534%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y3{animation:tr2-fk4y3 25750ms linear infinite}
@keyframes tr2-fk4y3{0%,81.522%{opacity:0}81.639%,82.781%{opacity:1}82.792%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y4{animation:tr2-fk4y4 25750ms linear infinite}
@keyframes tr2-fk4y4{0%,82.781%{opacity:0}82.897%,84.039%{opacity:1}84.050%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y5{animation:tr2-fk4y5 25750ms linear infinite}
@keyframes tr2-fk4y5{0%,84.039%{opacity:0}84.155%,85.297%{opacity:1}85.309%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y6{animation:tr2-fk4y6 25750ms linear infinite}
@keyframes tr2-fk4y6{0%,85.297%{opacity:0}85.414%,86.555%{opacity:1}86.567%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y7{animation:tr2-fk4y7 25750ms linear infinite}
@keyframes tr2-fk4y7{0%,86.555%{opacity:0}86.672%,87.814%{opacity:1}87.825%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y8{animation:tr2-fk4y8 25750ms linear infinite}
@keyframes tr2-fk4y8{0%,87.814%{opacity:0}87.930%,89.072%{opacity:1}89.083%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4y9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y9{animation:tr2-fk4y9 25750ms linear infinite}
@keyframes tr2-fk4y9{0%,89.072%{opacity:0}89.188%,93.786%{opacity:1}93.798%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt4y9{animation:tr2-fk4y9 25750ms linear infinite,tr2-pop4y 25750ms ease infinite}
@keyframes tr2-pop4y{0%,90.330%{transform:scale(1.16)}91.495%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o0,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o0{animation:tr2-fk4o0 25750ms linear infinite}
@keyframes tr2-fk4o0{0%,77.748%{opacity:0}77.864%,79.006%{opacity:1}79.017%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o1,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o1{animation:tr2-fk4o1 25750ms linear infinite}
@keyframes tr2-fk4o1{0%,79.006%{opacity:0}79.122%,80.264%{opacity:1}80.276%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o2,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o2{animation:tr2-fk4o2 25750ms linear infinite}
@keyframes tr2-fk4o2{0%,80.264%{opacity:0}80.381%,81.522%{opacity:1}81.534%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o3,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o3{animation:tr2-fk4o3 25750ms linear infinite}
@keyframes tr2-fk4o3{0%,81.522%{opacity:0}81.639%,82.781%{opacity:1}82.792%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o4,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o4{animation:tr2-fk4o4 25750ms linear infinite}
@keyframes tr2-fk4o4{0%,82.781%{opacity:0}82.897%,84.039%{opacity:1}84.050%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o5,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o5{animation:tr2-fk4o5 25750ms linear infinite}
@keyframes tr2-fk4o5{0%,84.039%{opacity:0}84.155%,85.297%{opacity:1}85.309%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o6,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o6{animation:tr2-fk4o6 25750ms linear infinite}
@keyframes tr2-fk4o6{0%,85.297%{opacity:0}85.414%,86.555%{opacity:1}86.567%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o7,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o7{animation:tr2-fk4o7 25750ms linear infinite}
@keyframes tr2-fk4o7{0%,86.555%{opacity:0}86.672%,87.814%{opacity:1}87.825%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o8,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o8{animation:tr2-fk4o8 25750ms linear infinite}
@keyframes tr2-fk4o8{0%,87.814%{opacity:0}87.930%,89.072%{opacity:1}89.083%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .fl4o9,#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o9{animation:tr2-fk4o9 25750ms linear infinite}
@keyframes tr2-fk4o9{0%,89.072%{opacity:0}89.188%,93.786%{opacity:1}93.798%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .pt4o9{animation:tr2-fk4o9 25750ms linear infinite,tr2-pop4o 25750ms ease infinite}
@keyframes tr2-pop4o{0%,90.330%{transform:scale(1.16)}91.495%,100%{transform:scale(1)}}
#screen-onboarding#screen-onboarding .onb-step.s2 .sy0{animation:tr2-syk0 25750ms ease infinite}
@keyframes tr2-syk0{0%,16.078%{opacity:1;transform:scale(1)}16.089%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .so0{animation:tr2-sok0 25750ms ease infinite}
@keyframes tr2-sok0{0%,16.078%{opacity:1;transform:scale(1)}16.089%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .sy1{animation:tr2-syk1 25750ms ease infinite}
@keyframes tr2-syk1{0%,16.078%{opacity:0;transform:scale(1.16)}16.854%,34.680%{opacity:1;transform:scale(1)}34.691%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .so1{animation:tr2-sok1 25750ms ease infinite}
@keyframes tr2-sok1{0%,16.078%{opacity:0;transform:scale(1.16)}16.854%,34.680%{opacity:1;transform:scale(1)}34.691%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .sy2{animation:tr2-syk2 25750ms ease infinite}
@keyframes tr2-syk2{0%,34.680%{opacity:0;transform:scale(1.16)}35.456%,53.282%{opacity:1;transform:scale(1)}53.293%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .so2{animation:tr2-sok2 25750ms ease infinite}
@keyframes tr2-sok2{0%,34.680%{opacity:0;transform:scale(1.16)}35.456%,53.282%{opacity:1;transform:scale(1)}53.293%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .sy3{animation:tr2-syk3 25750ms ease infinite}
@keyframes tr2-syk3{0%,53.282%{opacity:0;transform:scale(1.16)}54.058%,71.883%{opacity:1;transform:scale(1)}71.895%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .so3{animation:tr2-sok3 25750ms ease infinite}
@keyframes tr2-sok3{0%,53.282%{opacity:0;transform:scale(1.16)}54.058%,71.883%{opacity:1;transform:scale(1)}71.895%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .sy4{animation:tr2-syk4 25750ms ease infinite}
@keyframes tr2-syk4{0%,71.883%{opacity:0;transform:scale(1.16)}72.660%,90.485%{opacity:1;transform:scale(1)}90.497%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .so4{animation:tr2-sok4 25750ms ease infinite}
@keyframes tr2-sok4{0%,71.883%{opacity:0;transform:scale(1.16)}72.660%,90.485%{opacity:1;transform:scale(1)}90.497%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .sy5{animation:tr2-syk5 25750ms ease infinite}
@keyframes tr2-syk5{0%,90.485%{opacity:0;transform:scale(1.16)}91.262%,98.835%{opacity:1;transform:scale(1)}98.847%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .so5{animation:tr2-sok5 25750ms ease infinite}
@keyframes tr2-sok5{0%,90.485%{opacity:0;transform:scale(1.16)}91.262%,98.835%{opacity:1;transform:scale(1)}98.847%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s2 .onb-next.btn-primary{color:#14110a;font-weight:700;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
#screen-onboarding#screen-onboarding .onb-step.s2 .uz-logo{text-align:center;margin:26px 0 0;font-size:.82rem;line-height:.95;letter-spacing:.5px;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s2 .logo span{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour{padding-top:0}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour-text{height:118px;padding-top:18px}
#screen-onboarding#screen-onboarding .onb-step.s2 .tour-text h3{font-size:1.5rem;letter-spacing:-.01em}
/* ── slide 3 ── */
#screen-onboarding#screen-onboarding .onb-step.s3{color:#eef2ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}
#screen-onboarding#screen-onboarding .onb-step.s3 button{font:inherit;color:inherit}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr{height:100%;display:flex;flex-direction:column;background:var(--bg);padding:14px 18px 116px;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s3 .dtop{display:flex;align-items:center;gap:12px}
#screen-onboarding#screen-onboarding .onb-step.s3 .backbtn{flex:0 0 auto;width:34px;height:34px;border-radius:11px;border:0;cursor:pointer;display:grid;place-items:center;color:var(--muted);background:var(--card);box-shadow:0 0 0 1px rgba(160,176,224,.16),inset 0 1px 0 rgba(255,255,255,.06)}
#screen-onboarding#screen-onboarding .onb-step.s3 .backbtn svg{width:17px;height:17px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dstack{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
#screen-onboarding#screen-onboarding .onb-step.s3 .dtitle{margin:0;font-size:1.24rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}
#screen-onboarding#screen-onboarding .onb-step.s3 .proj-wrap{position:relative;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .pproj{flex:0 0 auto;font-size:.80rem;color:var(--muted);font-weight:600;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .pproj b{color:var(--text);font-weight:800;font-size:1.28rem;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s3 .mpill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:.68rem;font-weight:800;letter-spacing:.06em}
#screen-onboarding#screen-onboarding .onb-step.s3 .mpill.d{color:var(--accent);background:rgba(255,209,102,.14)}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s3 .slot-track{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .slot-track{margin-top:18px;margin-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .strack{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:7px 3px;text-align:center;min-height:64px;display:flex;flex-direction:column;justify-content:center}
#screen-onboarding#screen-onboarding .onb-step.s3 .strack.open{border-color:var(--accent);border-style:solid;opacity:.85}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .strack{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.30),0 1px 2px rgba(var(--shade),.20);min-height:87px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .strack:not(.filled){background:var(--plate);border:1px dashed rgba(160,176,224,.22)}
#screen-onboarding#screen-onboarding .onb-step.s3 .strack .st-slot{font-size:.62rem;font-weight:800;color:var(--muted);letter-spacing:.5px}
#screen-onboarding#screen-onboarding .onb-step.s3 .strack.open .st-empty{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .strack .st-empty{font-size:1rem;color:rgba(160,176,224,.3);margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s3 .ctxrow{display:flex;align-items:center;gap:12px;margin-top:15px}
#screen-onboarding#screen-onboarding .onb-step.s3 .ctx{flex:1;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .ctxlab{display:block;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .ctx strong{font-size:1.02rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s3 .rrchip{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font:inherit;font-size:.74rem;font-weight:700;color:var(--text);background:var(--plate);border-radius:999px;padding:7px 13px 7px 11px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 8px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s3 .rrchip svg{width:15px;height:15px;flex:0 0 15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .rrchip em{font-style:normal;color:var(--muted);margin-left:-2px}
#screen-onboarding#screen-onboarding .onb-step.s3 .ptabs{display:flex;gap:6px;margin-top:13px}
#screen-onboarding#screen-onboarding .onb-step.s3 .ptab{border:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);background:var(--plate);border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(var(--shade),.26)}
#screen-onboarding#screen-onboarding .onb-step.s3 .ptab em{font-style:normal;font-size:.68rem;font-weight:700;color:rgba(160,176,224,.7);margin-left:4px}
#screen-onboarding#screen-onboarding .onb-step.s3 .ptab.on{color:#14110a;background:linear-gradient(180deg,#ffdc84,#ffc94f);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 0 #d3a12b,0 4px 9px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s3 .ptab.on em{color:rgba(20,17,10,.6)}
#screen-onboarding#screen-onboarding .onb-step.s3 .pool{display:flex;flex-direction:column;gap:8px;padding-bottom:96px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .pool{margin-top:12px;gap:7px;padding-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .pcard{padding:6px 12px;align-items:center}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard-main{flex:1 1 auto;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard-name{font-weight:700;font-size:.95rem}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .pcard-name{font-size:.92rem}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard-sub{font-size:.74rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .pcard-sub{font-size:.71rem}
#screen-onboarding#screen-onboarding .onb-step.s3 .pos-in{font-style:normal;font-weight:800;color:#b9c4e8;letter-spacing:.04em}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard-avg{flex:0 0 auto;text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard-avg b{font-size:1.05rem;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard-avg small{display:block;font-size:.62rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;border:2px solid transparent;font-size:.62rem;font-weight:800;color:#fff;letter-spacing:.02em}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .pcard .avatar{width:34px;height:34px;flex:0 0 34px}
#screen-onboarding#screen-onboarding .onb-step.s3 .pcard.shine{--shine:0;--gold:255,194,51;border-color:rgba(var(--gold),calc(.24 + .55 * var(--shine)));box-shadow:0 0 0 1px rgba(var(--gold),calc(.24 + .55 * var(--shine))),0 0 calc(1px + 3px * var(--shine)) rgba(var(--gold),calc(.14 + .40 * var(--shine)));animation:tr3-shinePulse 1.3s ease-in-out infinite}
#screen-onboarding#screen-onboarding .onb-step.s3 .dfoot{margin-top:auto;padding-top:12px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .dfoot{position:absolute;left:0;right:0;bottom:0;z-index:6;margin-top:0;padding:10px 18px 10px;background:linear-gradient(0deg,var(--bg) 74%,rgba(11,19,43,0))}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .dfoot>*{max-width:540px;margin-left:auto;margin-right:auto}
#screen-onboarding#screen-onboarding .onb-step.s3 .footcount{margin-top:auto;text-align:center;font-size:.82rem;font-weight:600;color:var(--muted);padding:8px 0 2px}
#screen-onboarding#screen-onboarding .onb-step.s3 .footcount b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s3 .rstbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;border:0;cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;color:var(--text);border-radius:12px;padding:11px 12px 12px;background:linear-gradient(180deg,#2c3d73 0%,#22315e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 3px 0 #141d3c,0 4px 9px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s3 .rstbtn svg{width:15px;height:15px;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .rstbtn em{font-style:normal;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .rstbtn .rst-rest{display:flex;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s3 .rstbtn .rst-arm{display:none;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s3 .slot-machine{display:flex;gap:14px;justify-content:center;margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel{flex:1;max-width:180px;background:linear-gradient(180deg,var(--bg-2),#0e1530);border:3px solid var(--line);border-radius:14px;padding:10px 8px 12px}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-team{border-color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-season{border-color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-team .reel-label{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-season .reel-label{color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-window{position:relative;height:64px;overflow:hidden;border-radius:9px;background:rgba(0,0,0,.3);box-shadow:inset 0 9px 9px -8px rgba(0,0,0,.75),inset 0 -9px 9px -8px rgba(0,0,0,.75)}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-strip{display:flex;flex-direction:column}
#screen-onboarding#screen-onboarding .onb-step.s3 .reel-item{height:64px;line-height:64px;text-align:center;font-size:1.85rem;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s3 .dpair{display:flex;gap:8px;align-items:stretch;margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dpair>.rstbtn{flex:1;width:auto;margin-top:0;padding:9px 12px 10px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dpair .rst-rest{flex-direction:column;gap:2px}
#screen-onboarding#screen-onboarding .onb-step.s3 .dpair .pair-main{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s3 .dpair .pair-main svg{width:15px;height:15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .dpair .pair-sub{font-size:.64rem;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .dpair .rstbtn[disabled]{opacity:.55;cursor:default}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .play{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:13px 0 0;border:0;cursor:pointer;font:inherit;color:#14110a;font-weight:800;font-size:1.06rem;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
#screen-onboarding#screen-onboarding .onb-step.s3 .dfine{color:var(--muted);font-size:.78rem;text-align:center;margin:13px 8px 0;line-height:1.5}
#screen-onboarding#screen-onboarding .onb-step.s3 .dr .slot-machine{margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour{position:relative;display:flex;flex-direction:column;height:100%;padding-top:6px}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour-text{flex:0 0 auto;height:128px;padding:26px 6px 0;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour-text h3{font-size:1.3rem;font-weight:900;margin:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour-text p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:8px 0 0}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour-vis{flex:1 1 auto;min-height:0;position:relative;padding-top:48px}
#screen-onboarding#screen-onboarding .onb-step.s3 .onb-dots{display:flex;gap:8px;justify-content:center;padding:14px 0 10px}
#screen-onboarding#screen-onboarding .onb-step.s3 .onb-dot{width:8px;height:8px;border-radius:999px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s3 .onb-dot.active{background:var(--accent);width:22px}
#screen-onboarding#screen-onboarding .onb-step.s3 .btn{font:inherit;font-weight:700;border:none;border-radius:12px;padding:12px 16px;color:var(--text);background:var(--card-2);cursor:pointer}
#screen-onboarding#screen-onboarding .onb-step.s3 .btn-primary{background:linear-gradient(180deg,#ffdd80,var(--accent));color:#20232e}
#screen-onboarding#screen-onboarding .onb-step.s3 .btn-big{width:100%;padding:16px;font-size:1.05rem}
#screen-onboarding#screen-onboarding .onb-step.s3 .onb-next{max-width:360px;margin:0 auto 4px;display:block}
#screen-onboarding#screen-onboarding .onb-step.s3 .strack.filled{border-style:solid;border-color:var(--you);background:linear-gradient(180deg,var(--card-2),var(--card))}
#screen-onboarding#screen-onboarding .onb-step.s3 .strack .st-name{font-size:.7rem;font-weight:700;margin-top:3px;line-height:1.05}
#screen-onboarding#screen-onboarding .onb-step.s3 .strack .st-era{font-size:.58rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip{display:flex;align-items:center;gap:9px;border-radius:14px;margin-bottom:12px;padding:13px 15px;background:var(--card-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 22px rgba(var(--shade),.38),0 2px 4px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip .g2-week{font-size:1.08rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip .gm-pill{flex:0 0 auto;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip .gm-hearts{margin-left:auto;display:inline-flex;align-items:center;gap:4px;letter-spacing:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip .gm-hearts svg{width:14px;height:14px;color:#ff6b6b}
#screen-onboarding#screen-onboarding .onb-step.s3 .gstrip .gm-hearts .dead svg{color:rgba(160,176,224,.28)}
#screen-onboarding#screen-onboarding .onb-step.s3 .scoreline{display:flex;align-items:stretch;justify-content:space-between;gap:10px;margin-bottom:14px}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-team{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-team .st-label{font-size:.75rem;color:var(--muted);font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-team .st-pts{font-size:2rem;font-weight:900;line-height:1.1;position:relative;height:2.2rem}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-team .st-pts span{position:absolute;left:0;right:0;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-team .st-pts span.lead{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-team.you{border-color:var(--you)}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-team.opp{border-color:var(--opp)}
#screen-onboarding#screen-onboarding .onb-step.s3 .score-vs{align-self:center;font-weight:800;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .matchup{display:flex;flex-direction:column;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s3 .mrow{background:var(--plate);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.3),0 1px 2px rgba(var(--shade),.2)}
#screen-onboarding#screen-onboarding .onb-step.s3 .mrow-slot{text-align:center;font-size:.66rem;font-weight:800;letter-spacing:1px;color:var(--muted);padding:5px;background:rgba(6,10,26,.35);border-bottom:1px solid var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s3 .mrow-body{display:grid;grid-template-columns:1fr auto 1fr}
#screen-onboarding#screen-onboarding .onb-step.s3 .side{padding:10px;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .side.right{text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s3 .side .s-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screen-onboarding#screen-onboarding .onb-step.s3 .s-era{color:var(--muted);font-weight:700;font-size:.72rem}
#screen-onboarding#screen-onboarding .onb-step.s3 .side .s-game{font-size:.68rem;color:var(--muted);margin-top:2px;line-height:1.4;height:2.8em;position:relative;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s3 .side .s-game span{position:absolute;left:0;right:0;top:0;opacity:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s3 .side .s-pts{font-size:1.25rem;font-weight:900;margin-top:4px;color:var(--muted);position:relative;height:1.5rem}
#screen-onboarding#screen-onboarding .onb-step.s3 .side .s-pts span{position:absolute;left:0;right:0;opacity:0;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s3 .side .s-pts span.winner{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s3 .mid-divider{width:1px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s3 .avatar.av-sm{width:34px;height:34px;flex-basis:34px;margin-bottom:4px}
#screen-onboarding#screen-onboarding .onb-step.s3 .side.right .avatar{margin-left:auto}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-hero{border-radius: 18px; padding: 15px 15px 16px; background: var(--card-2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 10px 22px rgba(var(--shade), 0.38), 0 2px 4px rgba(var(--shade), 0.24);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-herotop{display: flex; align-items: center; gap: 10px;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-herotop > div{min-width: 0; flex: 1;}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal{flex: 0 0 auto; width: 45px; height: 45px; border-radius: 11px; overflow: hidden; display: flex; flex-direction: column; background: rgba(255, 209, 102, 0.13);}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal em{font-style: normal; background: var(--accent); color: #14110a; text-align: center; font-size: 0.58rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 0 2px;}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal b{flex: 1; display: grid; place-items: center; font-size: 1.18rem; font-weight: 800; color: var(--accent); line-height: 1;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-when{font-size: 0.62rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-title{margin: 2px 0 0; font-size: 1.32rem; font-weight: 700; letter-spacing: -0.015em;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-streak{flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; font-size: 1.16rem; font-weight: 800; color: var(--text); font-variant-numeric: tabular-nums;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-streak svg{width: 17px; height: 17px; color: var(--flame);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-streak.zero{color: var(--muted);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-streak.zero svg{color: rgba(255, 82, 64, 0.45);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-line{margin: 12px 0 0; padding-top: 10px; border-top: 1px solid rgba(160, 176, 224, 0.12); font-size: 0.82rem; font-weight: 500; color: #cdd7f5;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn .play,#screen-onboarding#screen-onboarding .onb-step.s3 .dr .play{display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; margin: 13px 0 0; border: 0; cursor: pointer; font: inherit; color: #14110a; font-weight: 800; font-size: 1.06rem; background: linear-gradient(180deg, #ffdc84 0%, #ffc94f 100%); border-radius: 13px; padding: 16px 12px 17px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 3px 0 #d3a12b, 0 7px 14px rgba(var(--shade), 0.30);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn .play svg,#screen-onboarding#screen-onboarding .onb-step.s3 .dr .play svg{width: 15px; height: 15px; flex: 0 0 auto;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn .play:active,#screen-onboarding#screen-onboarding .onb-step.s3 .dr .play:active{transform: translateY(1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 #d3a12b, 0 4px 9px rgba(var(--shade), 0.26);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-hero .btn-raised{margin-top: 13px;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-hero.played{background: var(--plate); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 10px rgba(var(--shade), 0.30), 0 1px 2px rgba(var(--shade), 0.20);}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal.done{background: rgba(160, 176, 224, 0.12);}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal.done em{background: var(--muted); color: #12172b;}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal.done b{color: var(--muted);}
#screen-onboarding#screen-onboarding .onb-step.s3 .dg{display: flex; align-items: center; gap: 3px; margin-top: 13px;}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-hero.live{box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 10px 22px rgba(var(--shade), 0.38), 0 2px 4px rgba(var(--shade), 0.24), 0 0 0 1px rgba(255, 209, 102, 0.3);}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal.live em{background: var(--accent);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-when.live{color: var(--accent);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-streak.risk{color: var(--muted);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn-streak.risk svg{color: var(--flame); animation: mnPulse 1.7s ease-in-out infinite;}
#screen-onboarding#screen-onboarding .onb-step.s3 .dgline{display: flex; align-items: center; gap: 10px; margin-top: 13px;}
#screen-onboarding#screen-onboarding .onb-step.s3 .dgline .rec{font-size: 0.95rem; font-weight: 600; color: var(--muted); white-space: nowrap;}
#screen-onboarding#screen-onboarding .onb-step.s3 .dgline .rec b{color: var(--text); font-weight: 800; font-variant-numeric: tabular-nums;}
#screen-onboarding#screen-onboarding .onb-step.s3 .dgline .dg{margin-top: 0;}
#screen-onboarding#screen-onboarding .onb-step.s3 .dg.tight{gap: 2px;}
#screen-onboarding#screen-onboarding .onb-step.s3 .dg.tight .g{width: 9px; height: 9px; border-radius: 3px;}
#screen-onboarding#screen-onboarding .onb-step.s3 .dg.tight .g.sb{box-shadow: inset 0 0 0 1.5px rgba(255, 209, 102, 0.9);}
#screen-onboarding#screen-onboarding .onb-step.s3 .mn .play:active,#screen-onboarding#screen-onboarding .onb-step.s3 .dr .play:active{transform: translateY(4px) scale(0.99); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 0 0 #d3a12b, 0 1px 3px rgba(var(--shade), 0.18);}
#screen-onboarding#screen-onboarding .onb-step.s3 .sechead{display:flex;align-items:baseline;gap:8px;margin:11px 0 6px}
#screen-onboarding#screen-onboarding .onb-step.s3 .sechead span{font-size:.8rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .sechead em{margin-left:auto;font-style:normal;font-size:.72rem;font-weight:600;color:rgba(160,176,224,.65)}
#screen-onboarding#screen-onboarding .onb-step.s3 .g6{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
#screen-onboarding#screen-onboarding .onb-step.s3 .gc{border-radius:8px;background:var(--plate);padding:5px 2px;text-align:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(var(--shade),.26)}
#screen-onboarding#screen-onboarding .onb-step.s3 .gc i{display:block;font-style:normal;font-size:.5rem;font-weight:800;letter-spacing:.05em;color:rgba(160,176,224,.6)}
#screen-onboarding#screen-onboarding .onb-step.s3 .gc b{display:block;font-size:.63rem;font-weight:700;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s3 .gc u{display:block;text-decoration:none;font-size:.53rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:1px}
#screen-onboarding#screen-onboarding .onb-step.s3 .gc.sb{background:rgba(255,209,102,.12);box-shadow:inset 0 0 0 1px rgba(255,209,102,.4)}
#screen-onboarding#screen-onboarding .onb-step.s3 .gc.sb i,#screen-onboarding#screen-onboarding .onb-step.s3 .gc.sb u{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .wk2{display:grid;grid-template-columns:1fr 1fr;gap:4px}
#screen-onboarding#screen-onboarding .onb-step.s3 .wk2 .w{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:9px;background:var(--plate);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.3),0 1px 2px rgba(var(--shade),.2)}
#screen-onboarding#screen-onboarding .onb-step.s3 .wk2 .w i{font-style:normal;flex:0 0 18px;font-size:.62rem;font-weight:800;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .wk2 .w b{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s3 .wk2 .w span{flex:0 0 auto;font-size:.7rem;font-weight:700;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s3 .wk2 .w.sb{background:rgba(255,209,102,.12);box-shadow:inset 0 0 0 1px rgba(255,209,102,.4)}
#screen-onboarding#screen-onboarding .onb-step.s3 .wk2 .w.sb i,#screen-onboarding#screen-onboarding .onb-step.s3 .wk2 .w.sb span{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal em,#screen-onboarding#screen-onboarding .onb-step.s3 .cal b,#screen-onboarding#screen-onboarding .onb-step.s3 .mn-when{display:grid}
#screen-onboarding#screen-onboarding .onb-step.s3 .cal em span,#screen-onboarding#screen-onboarding .onb-step.s3 .cal b span,#screen-onboarding#screen-onboarding .onb-step.s3 .mn-when span{grid-area:1/1;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .lay{display:grid}
#screen-onboarding#screen-onboarding .onb-step.s3 .lay>span{grid-area:1/1;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .d0{animation:tr3-d0 11000ms ease infinite}
@keyframes tr3-d0{0%,0.000%{opacity:0;transform:translateY(-6px)}2.364%,48.909%{opacity:1;transform:none}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .d1{animation:tr3-d1 11000ms ease infinite}
@keyframes tr3-d1{0%,50.000%{opacity:0;transform:translateY(-6px)}52.364%,98.909%{opacity:1;transform:none}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c00{animation:tr3-c00 11000ms ease infinite}
@keyframes tr3-c00{0%,6.364%{opacity:0;transform:scale(.6)}8.364%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c01{animation:tr3-c01 11000ms ease infinite}
@keyframes tr3-c01{0%,56.364%{opacity:0;transform:scale(.6)}58.364%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c10{animation:tr3-c10 11000ms ease infinite}
@keyframes tr3-c10{0%,7.227%{opacity:0;transform:scale(.6)}9.227%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c11{animation:tr3-c11 11000ms ease infinite}
@keyframes tr3-c11{0%,57.227%{opacity:0;transform:scale(.6)}59.227%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c20{animation:tr3-c20 11000ms ease infinite}
@keyframes tr3-c20{0%,8.091%{opacity:0;transform:scale(.6)}10.091%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c21{animation:tr3-c21 11000ms ease infinite}
@keyframes tr3-c21{0%,58.091%{opacity:0;transform:scale(.6)}60.091%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c30{animation:tr3-c30 11000ms ease infinite}
@keyframes tr3-c30{0%,8.955%{opacity:0;transform:scale(.6)}10.955%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c31{animation:tr3-c31 11000ms ease infinite}
@keyframes tr3-c31{0%,58.955%{opacity:0;transform:scale(.6)}60.955%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c40{animation:tr3-c40 11000ms ease infinite}
@keyframes tr3-c40{0%,9.818%{opacity:0;transform:scale(.6)}11.818%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c41{animation:tr3-c41 11000ms ease infinite}
@keyframes tr3-c41{0%,59.818%{opacity:0;transform:scale(.6)}61.818%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c50{animation:tr3-c50 11000ms ease infinite}
@keyframes tr3-c50{0%,10.682%{opacity:0;transform:scale(.6)}12.682%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c51{animation:tr3-c51 11000ms ease infinite}
@keyframes tr3-c51{0%,60.682%{opacity:0;transform:scale(.6)}62.682%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c60{animation:tr3-c60 11000ms ease infinite}
@keyframes tr3-c60{0%,11.545%{opacity:0;transform:scale(.6)}13.545%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c61{animation:tr3-c61 11000ms ease infinite}
@keyframes tr3-c61{0%,61.545%{opacity:0;transform:scale(.6)}63.545%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c70{animation:tr3-c70 11000ms ease infinite}
@keyframes tr3-c70{0%,12.409%{opacity:0;transform:scale(.6)}14.409%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c71{animation:tr3-c71 11000ms ease infinite}
@keyframes tr3-c71{0%,62.409%{opacity:0;transform:scale(.6)}64.409%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c80{animation:tr3-c80 11000ms ease infinite}
@keyframes tr3-c80{0%,13.273%{opacity:0;transform:scale(.6)}15.273%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c81{animation:tr3-c81 11000ms ease infinite}
@keyframes tr3-c81{0%,63.273%{opacity:0;transform:scale(.6)}65.273%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c90{animation:tr3-c90 11000ms ease infinite}
@keyframes tr3-c90{0%,14.136%{opacity:0;transform:scale(.6)}16.136%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c91{animation:tr3-c91 11000ms ease infinite}
@keyframes tr3-c91{0%,64.136%{opacity:0;transform:scale(.6)}66.136%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c100{animation:tr3-c100 11000ms ease infinite}
@keyframes tr3-c100{0%,15.000%{opacity:0;transform:scale(.6)}17.000%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c101{animation:tr3-c101 11000ms ease infinite}
@keyframes tr3-c101{0%,65.000%{opacity:0;transform:scale(.6)}67.000%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c110{animation:tr3-c110 11000ms ease infinite}
@keyframes tr3-c110{0%,15.864%{opacity:0;transform:scale(.6)}17.864%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c111{animation:tr3-c111 11000ms ease infinite}
@keyframes tr3-c111{0%,65.864%{opacity:0;transform:scale(.6)}67.864%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c120{animation:tr3-c120 11000ms ease infinite}
@keyframes tr3-c120{0%,16.727%{opacity:0;transform:scale(.6)}18.727%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c121{animation:tr3-c121 11000ms ease infinite}
@keyframes tr3-c121{0%,66.727%{opacity:0;transform:scale(.6)}68.727%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c130{animation:tr3-c130 11000ms ease infinite}
@keyframes tr3-c130{0%,17.591%{opacity:0;transform:scale(.6)}19.591%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c131{animation:tr3-c131 11000ms ease infinite}
@keyframes tr3-c131{0%,67.591%{opacity:0;transform:scale(.6)}69.591%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c140{animation:tr3-c140 11000ms ease infinite}
@keyframes tr3-c140{0%,18.455%{opacity:0;transform:scale(.6)}20.455%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c141{animation:tr3-c141 11000ms ease infinite}
@keyframes tr3-c141{0%,68.455%{opacity:0;transform:scale(.6)}70.455%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c150{animation:tr3-c150 11000ms ease infinite}
@keyframes tr3-c150{0%,19.318%{opacity:0;transform:scale(.6)}21.318%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c151{animation:tr3-c151 11000ms ease infinite}
@keyframes tr3-c151{0%,69.318%{opacity:0;transform:scale(.6)}71.318%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c160{animation:tr3-c160 11000ms ease infinite}
@keyframes tr3-c160{0%,20.182%{opacity:0;transform:scale(.6)}22.182%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c161{animation:tr3-c161 11000ms ease infinite}
@keyframes tr3-c161{0%,70.182%{opacity:0;transform:scale(.6)}72.182%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c170{animation:tr3-c170 11000ms ease infinite}
@keyframes tr3-c170{0%,21.045%{opacity:0;transform:scale(.6)}23.045%,48.909%{opacity:1;transform:scale(1)}48.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .c171{animation:tr3-c171 11000ms ease infinite}
@keyframes tr3-c171{0%,71.045%{opacity:0;transform:scale(.6)}73.045%,98.909%{opacity:1;transform:scale(1)}98.936%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s3 .chpill{margin-top:6px;border-radius:10px;padding:7px 11px;background:rgba(255,209,102,.12);box-shadow:inset 0 0 0 1px rgba(255,209,102,.4)}
#screen-onboarding#screen-onboarding .onb-step.s3 .chpill>span{display:flex;align-items:center;gap:8px;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s3 .chpill i{font-style:normal;font-size:.95rem;line-height:1}
#screen-onboarding#screen-onboarding .onb-step.s3 .chpill b{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .chpill em{font-style:normal;font-size:.7rem;font-weight:600;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s3 .chpill u{margin-left:auto;text-decoration:none;font-size:.62rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s3 .onb-next.btn-primary{color:#14110a;font-weight:700;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
#screen-onboarding#screen-onboarding .onb-step.s3 .uz-logo{text-align:center;margin:26px 0 0;font-size:.82rem;line-height:.95;letter-spacing:.5px;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s3 .logo span{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour{padding-top:0}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour-text{height:118px;padding-top:18px}
#screen-onboarding#screen-onboarding .onb-step.s3 .tour-text h3{font-size:1.5rem;letter-spacing:-.01em}
/* ── slide 4 ── */
#screen-onboarding#screen-onboarding .onb-step.s4{color:#eef2ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}
#screen-onboarding#screen-onboarding .onb-step.s4 button{font:inherit;color:inherit}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr{height:100%;display:flex;flex-direction:column;background:var(--bg);padding:14px 18px 116px;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s4 .dtop{display:flex;align-items:center;gap:12px}
#screen-onboarding#screen-onboarding .onb-step.s4 .backbtn{flex:0 0 auto;width:34px;height:34px;border-radius:11px;border:0;cursor:pointer;display:grid;place-items:center;color:var(--muted);background:var(--card);box-shadow:0 0 0 1px rgba(160,176,224,.16),inset 0 1px 0 rgba(255,255,255,.06)}
#screen-onboarding#screen-onboarding .onb-step.s4 .backbtn svg{width:17px;height:17px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dstack{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
#screen-onboarding#screen-onboarding .onb-step.s4 .dtitle{margin:0;font-size:1.24rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}
#screen-onboarding#screen-onboarding .onb-step.s4 .proj-wrap{position:relative;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .pproj{flex:0 0 auto;font-size:.80rem;color:var(--muted);font-weight:600;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .pproj b{color:var(--text);font-weight:800;font-size:1.28rem;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s4 .mpill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:.68rem;font-weight:800;letter-spacing:.06em}
#screen-onboarding#screen-onboarding .onb-step.s4 .mpill.d{color:var(--accent);background:rgba(255,209,102,.14)}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s4 .slot-track{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .slot-track{margin-top:18px;margin-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .strack{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:7px 3px;text-align:center;min-height:64px;display:flex;flex-direction:column;justify-content:center}
#screen-onboarding#screen-onboarding .onb-step.s4 .strack.open{border-color:var(--accent);border-style:solid;opacity:.85}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .strack{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.30),0 1px 2px rgba(var(--shade),.20);min-height:87px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .strack:not(.filled){background:var(--plate);border:1px dashed rgba(160,176,224,.22)}
#screen-onboarding#screen-onboarding .onb-step.s4 .strack .st-slot{font-size:.62rem;font-weight:800;color:var(--muted);letter-spacing:.5px}
#screen-onboarding#screen-onboarding .onb-step.s4 .strack.open .st-empty{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .strack .st-empty{font-size:1rem;color:rgba(160,176,224,.3);margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s4 .ctxrow{display:flex;align-items:center;gap:12px;margin-top:15px}
#screen-onboarding#screen-onboarding .onb-step.s4 .ctx{flex:1;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .ctxlab{display:block;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .ctx strong{font-size:1.02rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s4 .rrchip{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font:inherit;font-size:.74rem;font-weight:700;color:var(--text);background:var(--plate);border-radius:999px;padding:7px 13px 7px 11px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 8px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s4 .rrchip svg{width:15px;height:15px;flex:0 0 15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s4 .rrchip em{font-style:normal;color:var(--muted);margin-left:-2px}
#screen-onboarding#screen-onboarding .onb-step.s4 .ptabs{display:flex;gap:6px;margin-top:13px}
#screen-onboarding#screen-onboarding .onb-step.s4 .ptab{border:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);background:var(--plate);border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(var(--shade),.26)}
#screen-onboarding#screen-onboarding .onb-step.s4 .ptab em{font-style:normal;font-size:.68rem;font-weight:700;color:rgba(160,176,224,.7);margin-left:4px}
#screen-onboarding#screen-onboarding .onb-step.s4 .ptab.on{color:#14110a;background:linear-gradient(180deg,#ffdc84,#ffc94f);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 0 #d3a12b,0 4px 9px rgba(var(--shade),.28)}
#screen-onboarding#screen-onboarding .onb-step.s4 .ptab.on em{color:rgba(20,17,10,.6)}
#screen-onboarding#screen-onboarding .onb-step.s4 .pool{display:flex;flex-direction:column;gap:8px;padding-bottom:96px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .pool{margin-top:12px;gap:7px;padding-bottom:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .pcard{padding:6px 12px;align-items:center}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard-main{flex:1 1 auto;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard-name{font-weight:700;font-size:.95rem}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .pcard-name{font-size:.92rem}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard-sub{font-size:.74rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .pcard-sub{font-size:.71rem}
#screen-onboarding#screen-onboarding .onb-step.s4 .pos-in{font-style:normal;font-weight:800;color:#b9c4e8;letter-spacing:.04em}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard-avg{flex:0 0 auto;text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard-avg b{font-size:1.05rem;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard-avg small{display:block;font-size:.62rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .avatar{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;border:2px solid transparent;font-size:.62rem;font-weight:800;color:#fff;letter-spacing:.02em}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .pcard .avatar{width:34px;height:34px;flex:0 0 34px}
#screen-onboarding#screen-onboarding .onb-step.s4 .pcard.shine{--shine:0;--gold:255,194,51;border-color:rgba(var(--gold),calc(.24 + .55 * var(--shine)));box-shadow:0 0 0 1px rgba(var(--gold),calc(.24 + .55 * var(--shine))),0 0 calc(1px + 3px * var(--shine)) rgba(var(--gold),calc(.14 + .40 * var(--shine)));animation:tr4-shinePulse 1.3s ease-in-out infinite}
#screen-onboarding#screen-onboarding .onb-step.s4 .dfoot{margin-top:auto;padding-top:12px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .dfoot{position:absolute;left:0;right:0;bottom:0;z-index:6;margin-top:0;padding:10px 18px 10px;background:linear-gradient(0deg,var(--bg) 74%,rgba(11,19,43,0))}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .dfoot>*{max-width:540px;margin-left:auto;margin-right:auto}
#screen-onboarding#screen-onboarding .onb-step.s4 .footcount{margin-top:auto;text-align:center;font-size:.82rem;font-weight:600;color:var(--muted);padding:8px 0 2px}
#screen-onboarding#screen-onboarding .onb-step.s4 .footcount b{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
#screen-onboarding#screen-onboarding .onb-step.s4 .rstbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:4px;border:0;cursor:pointer;font:inherit;font-size:.86rem;font-weight:700;color:var(--text);border-radius:12px;padding:11px 12px 12px;background:linear-gradient(180deg,#2c3d73 0%,#22315e 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 3px 0 #141d3c,0 4px 9px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s4 .rstbtn svg{width:15px;height:15px;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .rstbtn em{font-style:normal;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .rstbtn .rst-rest{display:flex;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s4 .rstbtn .rst-arm{display:none;align-items:center;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s4 .slot-machine{display:flex;gap:14px;justify-content:center;margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel{flex:1;max-width:180px;background:linear-gradient(180deg,var(--bg-2),#0e1530);border:3px solid var(--line);border-radius:14px;padding:10px 8px 12px}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-team{border-color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-season{border-color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-label{display:block;font-size:.7rem;font-weight:800;letter-spacing:1px;margin-bottom:8px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-team .reel-label{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-season .reel-label{color:#c77dff}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-window{position:relative;height:64px;overflow:hidden;border-radius:9px;background:rgba(0,0,0,.3);box-shadow:inset 0 9px 9px -8px rgba(0,0,0,.75),inset 0 -9px 9px -8px rgba(0,0,0,.75)}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-strip{display:flex;flex-direction:column}
#screen-onboarding#screen-onboarding .onb-step.s4 .reel-item{height:64px;line-height:64px;text-align:center;font-size:1.85rem;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s4 .dpair{display:flex;gap:8px;align-items:stretch;margin-top:4px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dpair>.rstbtn{flex:1;width:auto;margin-top:0;padding:9px 12px 10px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dpair .rst-rest{flex-direction:column;gap:2px}
#screen-onboarding#screen-onboarding .onb-step.s4 .dpair .pair-main{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s4 .dpair .pair-main svg{width:15px;height:15px;color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s4 .dpair .pair-sub{font-size:.64rem;font-weight:600;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .dpair .rstbtn[disabled]{opacity:.55;cursor:default}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .play{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:13px 0 0;border:0;cursor:pointer;font:inherit;color:#14110a;font-weight:800;font-size:1.06rem;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
#screen-onboarding#screen-onboarding .onb-step.s4 .dfine{color:var(--muted);font-size:.78rem;text-align:center;margin:13px 8px 0;line-height:1.5}
#screen-onboarding#screen-onboarding .onb-step.s4 .dr .slot-machine{margin:12px 0 22px}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour{position:relative;display:flex;flex-direction:column;height:100%;padding-top:6px}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour-text{flex:0 0 auto;height:128px;padding:26px 6px 0;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour-text h3{font-size:1.3rem;font-weight:900;margin:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour-text p{color:var(--muted);font-size:.95rem;line-height:1.5;margin:8px 0 0}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour-vis{flex:1 1 auto;min-height:0;position:relative;padding-top:48px}
#screen-onboarding#screen-onboarding .onb-step.s4 .strack.filled{border-style:solid;border-color:var(--you);background:linear-gradient(180deg,var(--card-2),var(--card))}
#screen-onboarding#screen-onboarding .onb-step.s4 .strack .st-name{font-size:.7rem;font-weight:700;margin-top:3px;line-height:1.05}
#screen-onboarding#screen-onboarding .onb-step.s4 .strack .st-era{font-size:.58rem;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip{display:flex;align-items:center;gap:9px;border-radius:14px;margin-bottom:12px;padding:13px 15px;background:var(--card-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 22px rgba(var(--shade),.38),0 2px 4px rgba(var(--shade),.24)}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip .g2-week{font-size:1.08rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip .gm-pill{flex:0 0 auto;display:inline-flex}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip .mpill{font-size:.58rem;padding:3px 9px;gap:5px;letter-spacing:.045em}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip .mpill svg{width:10px;height:10px}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip .gm-hearts{margin-left:auto;display:inline-flex;align-items:center;gap:4px;letter-spacing:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip .gm-hearts svg{width:14px;height:14px;color:#ff6b6b}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip .gm-hearts .dead svg{color:rgba(160,176,224,.28)}
#screen-onboarding#screen-onboarding .onb-step.s4 .scoreline{display:flex;align-items:stretch;justify-content:space-between;gap:10px;margin-bottom:14px}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-team{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-team .st-label{font-size:.75rem;color:var(--muted);font-weight:700}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-team .st-pts{font-size:2rem;font-weight:900;line-height:1.1;position:relative;height:2.2rem}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-team .st-pts span{position:absolute;left:0;right:0;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-team .st-pts span.lead{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-team.you{border-color:var(--you)}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-team.opp{border-color:var(--opp)}
#screen-onboarding#screen-onboarding .onb-step.s4 .score-vs{align-self:center;font-weight:800;color:var(--muted)}
#screen-onboarding#screen-onboarding .onb-step.s4 .matchup{display:flex;flex-direction:column;gap:8px}
#screen-onboarding#screen-onboarding .onb-step.s4 .mrow{background:var(--plate);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px rgba(var(--shade),.3),0 1px 2px rgba(var(--shade),.2)}
#screen-onboarding#screen-onboarding .onb-step.s4 .mrow-slot{text-align:center;font-size:.66rem;font-weight:800;letter-spacing:1px;color:var(--muted);padding:5px;background:rgba(6,10,26,.35);border-bottom:1px solid var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s4 .mrow-body{display:grid;grid-template-columns:1fr auto 1fr}
#screen-onboarding#screen-onboarding .onb-step.s4 .side{padding:10px;min-width:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .side.right{text-align:right}
#screen-onboarding#screen-onboarding .onb-step.s4 .side .s-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screen-onboarding#screen-onboarding .onb-step.s4 .s-era{color:var(--muted);font-weight:700;font-size:.72rem}
#screen-onboarding#screen-onboarding .onb-step.s4 .side .s-game{font-size:.68rem;color:var(--muted);margin-top:2px;line-height:1.4;height:2.8em;position:relative;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s4 .side .s-game span{position:absolute;left:0;right:0;top:0;opacity:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#screen-onboarding#screen-onboarding .onb-step.s4 .side .s-pts{font-size:1.25rem;font-weight:900;margin-top:4px;color:var(--muted);position:relative;height:1.5rem}
#screen-onboarding#screen-onboarding .onb-step.s4 .side .s-pts span{position:absolute;left:0;right:0;opacity:0;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s4 .side .s-pts span.winner{color:var(--win)}
#screen-onboarding#screen-onboarding .onb-step.s4 .mid-divider{width:1px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-step.s4 .avatar.av-sm{width:34px;height:34px;flex-basis:34px;margin-bottom:4px}
#screen-onboarding#screen-onboarding .onb-step.s4 .side.right .avatar{margin-left:auto}
#screen-onboarding#screen-onboarding .onb-step.s4 .g2-week{display:grid;position:relative}
#screen-onboarding#screen-onboarding .onb-step.s4 .g2-week>span{grid-area:1/1;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .g2-week .wl3{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
#screen-onboarding#screen-onboarding .onb-step.s4 .st-label{display:grid}
#screen-onboarding#screen-onboarding .onb-step.s4 .st-label span{grid-area:1/1;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .wl0{animation:tr4-wl0 15000ms ease infinite}
@keyframes tr4-wl0{0%,2.667%{opacity:0;transform:translateY(-6px)}4.133%,20.000%{opacity:1;transform:none}20.020%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .wl1{animation:tr4-wl1 15000ms ease infinite}
@keyframes tr4-wl1{0%,20.000%{opacity:0;transform:translateY(-6px)}21.467%,37.333%{opacity:1;transform:none}37.353%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .wl2{animation:tr4-wl2 15000ms ease infinite}
@keyframes tr4-wl2{0%,37.333%{opacity:0;transform:translateY(-6px)}38.800%,54.667%{opacity:1;transform:none}54.687%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .wl3{animation:tr4-wl3 15000ms ease infinite}
@keyframes tr4-wl3{0%,54.667%{opacity:0;transform:translateY(-6px)}56.133%,96.667%{opacity:1;transform:none}96.687%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .gstrip>.gm-pill{animation:tr4-pillout 15000ms ease infinite}
@keyframes tr4-pillout{0%,54.667%{opacity:1}54.673%,96.667%{opacity:0}96.687%,100%{opacity:1}}
#screen-onboarding#screen-onboarding .onb-step.s4 .y30{animation:tr4-y3k0 15000ms ease infinite}
@keyframes tr4-y3k0{0%,7.333%{opacity:0;transform:scale(1.16)}8.667%,20.000%{opacity:1;transform:scale(1)}20.020%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .o30{animation:tr4-o3k0 15000ms ease infinite}
@keyframes tr4-o3k0{0%,7.333%{opacity:0;transform:scale(1.16)}8.667%,20.000%{opacity:1;transform:scale(1)}20.020%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .y31{animation:tr4-y3k1 15000ms ease infinite}
@keyframes tr4-y3k1{0%,24.667%{opacity:0;transform:scale(1.16)}26.000%,37.333%{opacity:1;transform:scale(1)}37.353%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .o31{animation:tr4-o3k1 15000ms ease infinite}
@keyframes tr4-o3k1{0%,24.667%{opacity:0;transform:scale(1.16)}26.000%,37.333%{opacity:1;transform:scale(1)}37.353%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .y32{animation:tr4-y3k2 15000ms ease infinite}
@keyframes tr4-y3k2{0%,42.000%{opacity:0;transform:scale(1.16)}43.333%,54.667%{opacity:1;transform:scale(1)}54.687%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .o32{animation:tr4-o3k2 15000ms ease infinite}
@keyframes tr4-o3k2{0%,42.000%{opacity:0;transform:scale(1.16)}43.333%,54.667%{opacity:1;transform:scale(1)}54.687%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .y33{animation:tr4-y3k3 15000ms ease infinite}
@keyframes tr4-y3k3{0%,59.333%{opacity:0;transform:scale(1.16)}60.667%,72.000%{opacity:1;transform:scale(1)}72.020%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .o33{animation:tr4-o3k3 15000ms ease infinite}
@keyframes tr4-o3k3{0%,59.333%{opacity:0;transform:scale(1.16)}60.667%,72.000%{opacity:1;transform:scale(1)}72.020%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .y34{animation:tr4-y3k4 15000ms ease infinite}
@keyframes tr4-y3k4{0%,76.667%{opacity:0;transform:scale(1.16)}78.000%,96.667%{opacity:1;transform:scale(1)}96.687%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .o34{animation:tr4-o3k4 15000ms ease infinite}
@keyframes tr4-o3k4{0%,76.667%{opacity:0;transform:scale(1.16)}78.000%,96.667%{opacity:1;transform:scale(1)}96.687%,100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .gm-hearts .h2{display:inline-flex;animation:tr4-hb2 15000ms ease infinite}
@keyframes tr4-hb2{0%,62.000%{transform:scale(1) rotate(0)}62.733%{transform:scale(1.55) rotate(-13deg)}63.467%{transform:scale(1.5) rotate(13deg)}64.267%{transform:scale(1.55) rotate(-9deg)}66.267%,100%{transform:scale(1) rotate(0)}}
#screen-onboarding#screen-onboarding .onb-step.s4 .gm-hearts .h2 svg{animation:tr4-hc2 15000ms ease infinite}
@keyframes tr4-hc2{0%,64.000%{color:#ff6b6b}66.267%,96.667%{color:rgba(160,176,224,.28)}100%{color:#ff6b6b}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i{position:absolute;top:-10px;width:7px;height:11px;border-radius:2px;opacity:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(1){left:45%;background:#3ddc84;animation:tr4-cf0 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf0{0%,79.347%{opacity:0;transform:translate(0,0) rotate(0)}80.147%{opacity:1}93.787%{opacity:0;transform:translate(-31px,240px) rotate(229deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(2){left:72%;background:#ffd166;animation:tr4-cf1 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf1{0%,79.247%{opacity:0;transform:translate(0,0) rotate(0)}80.047%{opacity:1}93.220%{opacity:0;transform:translate(24px,240px) rotate(239deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(3){left:31%;background:#ffd166;animation:tr4-cf2 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf2{0%,78.293%{opacity:0;transform:translate(0,0) rotate(0)}79.093%{opacity:1}91.253%{opacity:0;transform:translate(-32px,240px) rotate(608deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(4){left:34%;background:#ffd166;animation:tr4-cf3 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf3{0%,79.880%{opacity:0;transform:translate(0,0) rotate(0)}80.680%{opacity:1}92.773%{opacity:0;transform:translate(32px,240px) rotate(240deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(5){left:19%;background:#3ddc84;animation:tr4-cf4 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf4{0%,80.147%{opacity:0;transform:translate(0,0) rotate(0)}80.947%{opacity:1}94.427%{opacity:0;transform:translate(33px,240px) rotate(243deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(6){left:78%;background:#ffc94f;animation:tr4-cf5 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf5{0%,78.167%{opacity:0;transform:translate(0,0) rotate(0)}78.967%{opacity:1}89.673%{opacity:0;transform:translate(31px,240px) rotate(227deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(7){left:21%;background:#eef2ff;animation:tr4-cf6 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf6{0%,79.427%{opacity:0;transform:translate(0,0) rotate(0)}80.227%{opacity:1}90.407%{opacity:0;transform:translate(33px,240px) rotate(300deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(8){left:43%;background:#4cc9f0;animation:tr4-cf7 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf7{0%,80.327%{opacity:0;transform:translate(0,0) rotate(0)}81.127%{opacity:1}91.560%{opacity:0;transform:translate(34px,240px) rotate(285deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(9){left:77%;background:#3ddc84;animation:tr4-cf8 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf8{0%,79.267%{opacity:0;transform:translate(0,0) rotate(0)}80.067%{opacity:1}89.927%{opacity:0;transform:translate(32px,240px) rotate(244deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(10){left:11%;background:#4cc9f0;animation:tr4-cf9 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf9{0%,78.700%{opacity:0;transform:translate(0,0) rotate(0)}79.500%{opacity:1}92.087%{opacity:0;transform:translate(0px,240px) rotate(617deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(11){left:63%;background:#4cc9f0;animation:tr4-cf10 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf10{0%,79.547%{opacity:0;transform:translate(0,0) rotate(0)}80.347%{opacity:1}92.013%{opacity:0;transform:translate(-9px,240px) rotate(486deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(12){left:27%;background:#3ddc84;animation:tr4-cf11 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf11{0%,78.273%{opacity:0;transform:translate(0,0) rotate(0)}79.073%{opacity:1}92.193%{opacity:0;transform:translate(27px,240px) rotate(487deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(13){left:67%;background:#eef2ff;animation:tr4-cf12 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf12{0%,79.527%{opacity:0;transform:translate(0,0) rotate(0)}80.327%{opacity:1}91.487%{opacity:0;transform:translate(-25px,240px) rotate(254deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(14){left:69%;background:#ffc94f;animation:tr4-cf13 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf13{0%,78.560%{opacity:0;transform:translate(0,0) rotate(0)}79.360%{opacity:1}90.893%{opacity:0;transform:translate(22px,240px) rotate(335deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(15){left:57%;background:#ffd166;animation:tr4-cf14 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf14{0%,80.280%{opacity:0;transform:translate(0,0) rotate(0)}81.080%{opacity:1}90.807%{opacity:0;transform:translate(3px,240px) rotate(501deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(16){left:92%;background:#eef2ff;animation:tr4-cf15 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf15{0%,80.027%{opacity:0;transform:translate(0,0) rotate(0)}80.827%{opacity:1}93.413%{opacity:0;transform:translate(-32px,240px) rotate(647deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(17){left:15%;background:#eef2ff;animation:tr4-cf16 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf16{0%,79.613%{opacity:0;transform:translate(0,0) rotate(0)}80.413%{opacity:1}94.147%{opacity:0;transform:translate(-33px,240px) rotate(246deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .cf i:nth-child(18){left:93%;background:#eef2ff;animation:tr4-cf17 15000ms cubic-bezier(.2,.6,.4,1) infinite}
@keyframes tr4-cf17{0%,80.207%{opacity:0;transform:translate(0,0) rotate(0)}81.007%{opacity:1}94.147%{opacity:0;transform:translate(-4px,240px) rotate(636deg)}100%{opacity:0}}
#screen-onboarding#screen-onboarding .onb-step.s4 .uz-logo{text-align:center;margin:26px 0 0;font-size:.82rem;line-height:.95;letter-spacing:.5px;font-weight:900;color:var(--text)}
#screen-onboarding#screen-onboarding .onb-step.s4 .logo span{color:var(--accent)}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour{padding-top:0}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour-text{height:118px;padding-top:18px}
#screen-onboarding#screen-onboarding .onb-step.s4 .tour-text h3{font-size:1.5rem;letter-spacing:-.01em}
/* the dots and the one gold button live outside the slides (the track pages the slides under them): the canvas's rules for them, shared */
#screen-onboarding#screen-onboarding .onb-dots{display:flex;gap:8px;justify-content:center;padding:14px 0 10px}
#screen-onboarding#screen-onboarding .onb-dot{width:8px;height:8px;border-radius:999px;background:var(--line)}
#screen-onboarding#screen-onboarding .onb-dot.active{background:var(--accent);width:22px}
#screen-onboarding#screen-onboarding .btn{font:inherit;font-weight:700;border:none;border-radius:12px;padding:12px 16px;color:var(--text);background:var(--card-2);cursor:pointer}
#screen-onboarding#screen-onboarding .btn-primary{background:linear-gradient(180deg,#ffdd80,var(--accent));color:#20232e}
#screen-onboarding#screen-onboarding .btn-big{width:100%;padding:16px;font-size:1.05rem}
#screen-onboarding#screen-onboarding .onb-next{max-width:360px;margin:0 auto 4px;display:block}
#screen-onboarding#screen-onboarding .onb-next.btn-primary{color:#14110a;font-weight:700;background:linear-gradient(180deg,#ffdc84 0%,#ffc94f 100%);border-radius:13px;padding:16px 12px 17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 3px 0 #d3a12b,0 7px 14px rgba(var(--shade),.30)}
/* the paged track wraps each artboard; none of the track's own look may reach into a slide */
#screen-onboarding#screen-onboarding .onb-step.tour{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:start;padding:0 2px;gap:0;height:auto}
#screen-onboarding#screen-onboarding .onb-step.tour .tour-text p{max-width:none}
#screen-onboarding#screen-onboarding .onb-step.tour .onb-feed{min-height:0;justify-content:normal}
#screen-onboarding#screen-onboarding .onb-step.tour .tour-vis .dr{min-height:0}
#screen-onboarding#screen-onboarding .onb-step.tour .mn-line{max-width:none;line-height:normal}