.reel .frame{width:100%;max-width:1140px;border-radius:14px;overflow:hidden;background:var(--c);border:1px solid rgba(255,255,255,.08);box-shadow:0 50px 130px -34px rgba(0,0,0,.75)}
.reel .chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.06)}
.reel .dots{display:flex;gap:5px}
.reel .dots i{width:9px;height:9px;border-radius:50%;display:block}
.reel .dots i:nth-child(1){background:#FF5F57}
.reel .dots i:nth-child(2){background:#FFBD2E}
.reel .dots i:nth-child(3){background:#28C840}
.reel .chrome-t{font-size:11px;color:rgba(255,255,255,.3);flex:1}
.reel .vp{position:relative;width:100%;aspect-ratio:16/9.7;overflow:hidden;background:#0a0a16}
.reel .sc{position:absolute;inset:0;opacity:0;display:block}
.reel .sc.s1{animation:rl_a1 35s ease-in-out infinite}
.reel .sc.s2{animation:rl_a2 35s ease-in-out infinite}
.reel .sc.s3{animation:rl_a3 35s ease-in-out infinite}
.reel .sc.s4{animation:rl_a4 35s ease-in-out infinite}
.reel .sc.s5{animation:rl_a5 35s ease-in-out infinite}

@keyframes rl_a1{0%{opacity:1}17%{opacity:1}20%{opacity:0}100%{opacity:0}}
@keyframes rl_a2{0%{opacity:0}18%{opacity:0}21%{opacity:1}37%{opacity:1}40%{opacity:0}100%{opacity:0}}
@keyframes rl_a3{0%{opacity:0}38%{opacity:0}41%{opacity:1}57%{opacity:1}60%{opacity:0}100%{opacity:0}}
@keyframes rl_a4{0%{opacity:0}58%{opacity:0}61%{opacity:1}77%{opacity:1}80%{opacity:0}100%{opacity:0}}
@keyframes rl_a5{0%{opacity:0}78%{opacity:0}81%{opacity:1}97%{opacity:1}100%{opacity:0}}.reel .sg,
.reel .sd{position:absolute;inset:0;display:grid;grid-template-columns:172px 1fr}
.reel .sd{opacity:0}
.reel .s1 .sg{animation:rl_g1 35s ease-in-out infinite}
.reel .s1 .sd{animation:rl_d1 35s ease-in-out infinite}
.reel .s2 .sg{animation:rl_g2 35s ease-in-out infinite}
.reel .s2 .sd{animation:rl_d2 35s ease-in-out infinite}
.reel .s3 .sg{animation:rl_g3 35s ease-in-out infinite}
.reel .s3 .sd{animation:rl_d3 35s ease-in-out infinite}
.reel .s4 .sg{animation:rl_g4 35s ease-in-out infinite}
.reel .s4 .sd{animation:rl_d4 35s ease-in-out infinite}
.reel .s5 .sg{animation:rl_g5 35s ease-in-out infinite}
.reel .s5 .sd{animation:rl_d5 35s ease-in-out infinite}

@keyframes rl_g1{0%{opacity:1}6%{opacity:1}8%{opacity:0}100%{opacity:0}} @keyframes rl_d1{0%{opacity:0}7%{opacity:0}9%{opacity:1}17%{opacity:1}20%{opacity:0}100%{opacity:0}}
@keyframes rl_g2{0%{opacity:1}26%{opacity:1}28%{opacity:0}100%{opacity:0}} @keyframes rl_d2{0%{opacity:0}27%{opacity:0}29%{opacity:1}37%{opacity:1}40%{opacity:0}100%{opacity:0}}
@keyframes rl_g3{0%{opacity:1}46%{opacity:1}48%{opacity:0}100%{opacity:0}} @keyframes rl_d3{0%{opacity:0}47%{opacity:0}49%{opacity:1}57%{opacity:1}60%{opacity:0}100%{opacity:0}}
@keyframes rl_g4{0%{opacity:1}66%{opacity:1}68%{opacity:0}100%{opacity:0}} @keyframes rl_d4{0%{opacity:0}67%{opacity:0}69%{opacity:1}77%{opacity:1}80%{opacity:0}100%{opacity:0}}
@keyframes rl_g5{0%{opacity:1}86%{opacity:1}88%{opacity:0}100%{opacity:0}} @keyframes rl_d5{0%{opacity:0}87%{opacity:0}89%{opacity:1}97%{opacity:1}100%{opacity:0}}.reel .cw{position:absolute;inset:0;z-index:50;pointer-events:none;overflow:hidden}
.reel .cp{position:absolute;width:15px;height:21px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));z-index:51;opacity:0}
.reel .cp svg{width:100%;height:100%}
.reel .cr{position:absolute;width:20px;height:20px;border-radius:50%;opacity:0;z-index:50;pointer-events:none}
.reel .cr::before,
.reel .cr::after{content:'';position:absolute;inset:0;border-radius:50%}
.reel .cr::before{background:var(--o);transform:scale(0);opacity:.4}
.reel .cr::after{border:1.5px solid var(--o);transform:scale(0);opacity:0}
.reel .ht{transition:box-shadow .3s,border-color .3s,background .3s}
.reel .cl{position:absolute;font-size:8px;font-weight:700;color:var(--o);background:rgba(15,15,26,.92);border:1px solid rgba(247,148,29,.3);padding:2px 7px;border-radius:4px;white-space:nowrap;opacity:0;z-index:52;pointer-events:none}
.reel .s1 .cp{animation:rl_c1 35s cubic-bezier(.4,0,.2,1) infinite}
.reel .s1 .cr::before{animation:rl_cr1a 35s ease infinite}
.reel .s1 .cr::after{animation:rl_cr1b 35s ease infinite}
.reel .s1 .cl{animation:rl_cl1 35s ease infinite}
.reel .s1 .ht{animation:rl_h1 35s ease infinite}

@keyframes rl_c1{0%{top:52%;left:55%;opacity:0}1.5%{top:52%;left:55%;opacity:1}3.5%{top:28%;left:36%;opacity:1}5.5%{top:28%;left:36%;opacity:1}6.5%{top:28%;left:36%;opacity:1}8%{top:28%;left:36%;opacity:0}100%{opacity:0}}
@keyframes rl_cl1{0%{top:23%;left:28%;opacity:0}3.5%{top:23%;left:28%;opacity:0}4%{top:23%;left:28%;opacity:1}5.5%{top:23%;left:28%;opacity:1}6%{top:23%;left:28%;opacity:0}100%{opacity:0}}
@keyframes rl_cr1a{0%{top:28%;left:36%;transform:scale(0);opacity:0}5.7%{transform:scale(0);opacity:0}6%{transform:scale(1);opacity:.5}7%{transform:scale(3);opacity:0}100%{opacity:0}}
@keyframes rl_cr1b{0%{top:28%;left:36%;transform:scale(0);opacity:0}5.7%{transform:scale(0);opacity:0}6%{transform:scale(1);opacity:1}7.5%{transform:scale(4);opacity:0}100%{opacity:0}}
@keyframes rl_h1{0%{box-shadow:none}4%{box-shadow:none}4.5%{box-shadow:0 0 0 2px rgba(247,148,29,.4),0 0 12px rgba(247,148,29,.15)}6%{box-shadow:0 0 0 2px rgba(247,148,29,.6),0 0 16px rgba(247,148,29,.2);transform:scale(.99)}6.5%{box-shadow:0 0 0 1px rgba(247,148,29,.3);transform:scale(1)}8%{box-shadow:none}100%{box-shadow:none}}.reel .s2 .cp{animation:rl_c2 35s cubic-bezier(.4,0,.2,1) infinite}
.reel .s2 .cr::before{animation:rl_cr2a 35s ease infinite}
.reel .s2 .cr::after{animation:rl_cr2b 35s ease infinite}
.reel .s2 .cl{animation:rl_cl2 35s ease infinite}
.reel .s2 .ht{animation:rl_h2 35s ease infinite}

@keyframes rl_c2{0%{opacity:0}21%{top:40%;left:50%;opacity:0}22%{top:40%;left:50%;opacity:1}24.5%{top:81%;left:35%;opacity:1}26.5%{top:81%;left:35%;opacity:1}28%{top:81%;left:35%;opacity:0}100%{opacity:0}}
@keyframes rl_cl2{0%{opacity:0}24.5%{top:75%;left:27%;opacity:0}25%{top:75%;left:27%;opacity:1}26.5%{top:75%;left:27%;opacity:1}27%{top:75%;left:27%;opacity:0}100%{opacity:0}}
@keyframes rl_cr2a{0%{top:81%;left:35%;opacity:0}26%{transform:scale(0);opacity:0}26.3%{transform:scale(1);opacity:.5}27.3%{transform:scale(3);opacity:0}100%{opacity:0}}
@keyframes rl_cr2b{0%{top:81%;left:35%;opacity:0}26%{transform:scale(0);opacity:0}26.3%{transform:scale(1);opacity:1}27.8%{transform:scale(4);opacity:0}100%{opacity:0}}
@keyframes rl_h2{0%{box-shadow:none}24.5%{box-shadow:none}25%{box-shadow:0 0 0 2px rgba(239,68,68,.5)}26.3%{box-shadow:0 0 0 2px rgba(239,68,68,.7);transform:scale(.99)}27%{box-shadow:none;transform:scale(1)}100%{box-shadow:none}}.reel .s3 .cp{animation:rl_c3 35s cubic-bezier(.4,0,.2,1) infinite}
.reel .s3 .cr::before{animation:rl_cr3a 35s ease infinite}
.reel .s3 .cr::after{animation:rl_cr3b 35s ease infinite}
.reel .s3 .cl{animation:rl_cl3 35s ease infinite}
.reel .s3 .ht{animation:rl_h3 35s ease infinite}

@keyframes rl_c3{0%{opacity:0}41%{top:48%;left:50%;opacity:0}42%{top:48%;left:50%;opacity:1}44.5%{top:26%;left:28%;opacity:1}46.5%{top:26%;left:28%;opacity:1}48%{top:26%;left:28%;opacity:0}100%{opacity:0}}
@keyframes rl_cl3{0%{opacity:0}44.5%{top:21%;left:20%;opacity:0}45%{top:21%;left:20%;opacity:1}46.5%{top:21%;left:20%;opacity:1}47%{top:21%;left:20%;opacity:0}100%{opacity:0}}
@keyframes rl_cr3a{0%{top:26%;left:28%;opacity:0}46%{transform:scale(0);opacity:0}46.3%{transform:scale(1);opacity:.5}47.3%{transform:scale(3);opacity:0}100%{opacity:0}}
@keyframes rl_cr3b{0%{top:26%;left:28%;opacity:0}46%{transform:scale(0);opacity:0}46.3%{transform:scale(1);opacity:1}47.8%{transform:scale(4);opacity:0}100%{opacity:0}}
@keyframes rl_h3{0%{background:transparent}44.5%{background:transparent}45%{background:rgba(247,148,29,.08);box-shadow:0 0 0 1px rgba(247,148,29,.3)}46.3%{background:rgba(247,148,29,.12);transform:scale(.99)}47%{background:transparent;box-shadow:none;transform:scale(1)}100%{background:transparent}}.reel .s4 .cp{animation:rl_c4 35s cubic-bezier(.4,0,.2,1) infinite}
.reel .s4 .cr::before{animation:rl_cr4a 35s ease infinite}
.reel .s4 .cr::after{animation:rl_cr4b 35s ease infinite}
.reel .s4 .cl{animation:rl_cl4 35s ease infinite}
.reel .s4 .ht{animation:rl_h4 35s ease infinite}

@keyframes rl_c4{0%{opacity:0}61%{top:50%;left:55%;opacity:0}62%{top:50%;left:55%;opacity:1}64.5%{top:26%;left:26%;opacity:1}66.5%{top:26%;left:26%;opacity:1}68%{top:26%;left:26%;opacity:0}100%{opacity:0}}
@keyframes rl_cl4{0%{opacity:0}64.5%{top:20%;left:18%;opacity:0}65%{top:20%;left:18%;opacity:1}66.5%{top:20%;left:18%;opacity:1}67%{top:20%;left:18%;opacity:0}100%{opacity:0}}
@keyframes rl_cr4a{0%{top:26%;left:26%;opacity:0}66%{transform:scale(0);opacity:0}66.3%{transform:scale(1);opacity:.5}67.3%{transform:scale(3);opacity:0}100%{opacity:0}}
@keyframes rl_cr4b{0%{top:26%;left:26%;opacity:0}66%{transform:scale(0);opacity:0}66.3%{transform:scale(1);opacity:1}67.8%{transform:scale(4);opacity:0}100%{opacity:0}}
@keyframes rl_h4{0%{background:transparent}64.5%{background:transparent}65%{background:rgba(247,148,29,.06)}66.3%{background:rgba(247,148,29,.12);transform:scale(.99)}67%{background:transparent;transform:scale(1)}100%{background:transparent}}.reel .s5 .cp{animation:rl_c5 35s cubic-bezier(.4,0,.2,1) infinite}
.reel .s5 .cr::before{animation:rl_cr5a 35s ease infinite}
.reel .s5 .cr::after{animation:rl_cr5b 35s ease infinite}
.reel .s5 .cl{animation:rl_cl5 35s ease infinite}
.reel .s5 .ht{animation:rl_h5 35s ease infinite}

@keyframes rl_c5{0%{opacity:0}81%{top:42%;left:50%;opacity:0}82%{top:42%;left:50%;opacity:1}84.5%{top:11%;left:25%;opacity:1}86.5%{top:11%;left:25%;opacity:1}88%{top:11%;left:25%;opacity:0}100%{opacity:0}}
@keyframes rl_cl5{0%{opacity:0}84.5%{top:17%;left:19%;opacity:0}85%{top:17%;left:19%;opacity:1}86.5%{top:17%;left:19%;opacity:1}87%{top:17%;left:19%;opacity:0}100%{opacity:0}}
@keyframes rl_cr5a{0%{top:11%;left:25%;opacity:0}86%{transform:scale(0);opacity:0}86.3%{transform:scale(1);opacity:.5}87.3%{transform:scale(3);opacity:0}100%{opacity:0}}
@keyframes rl_cr5b{0%{top:11%;left:25%;opacity:0}86%{transform:scale(0);opacity:0}86.3%{transform:scale(1);opacity:1}87.8%{transform:scale(4);opacity:0}100%{opacity:0}}
@keyframes rl_h5{0%{box-shadow:none}84.5%{box-shadow:none}85%{box-shadow:0 0 0 2px rgba(247,148,29,.4)}86.3%{box-shadow:0 0 0 2px rgba(247,148,29,.6);transform:scale(.98)}87%{box-shadow:none;transform:scale(1)}100%{box-shadow:none}}.reel .side{background:rgba(0,0,0,.3);border-right:1px solid rgba(255,255,255,.05);padding:12px 8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}
.reel .slogo{display:flex;align-items:center;gap:6px;padding:4px 6px 12px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05)}
.reel .slogo b{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,var(--o),#FBB040);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--cd)}
.reel .slogo span{font-family:var(--fh);font-size:12px;font-weight:700;color:#fff}
.reel .slogo span em{font-style:normal;color:var(--o)}
.reel .snl{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.2);padding:10px 6px 3px}
.reel .sni{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:4px;font-size:10px;color:rgba(255,255,255,.4)}
.reel .sni.on{background:rgba(247,148,29,.1);color:var(--o)}
.reel .sni i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;display:block}
.reel .sni.on i{opacity:1}
.reel .smeta{margin-top:8px;padding:8px 6px;border-top:1px solid rgba(255,255,255,.05);font-size:8px;color:rgba(255,255,255,.3);line-height:1.7}
.reel .smeta b{color:rgba(255,255,255,.55);font-weight:600;display:block;font-size:9px;margin-bottom:3px}
.reel .suser{margin-top:auto;display:flex;align-items:center;gap:6px;padding:8px 6px 2px;border-top:1px solid rgba(255,255,255,.05)}
.reel .suser b{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366F1,#8B5CF6);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}
.reel .suser span{font-size:10px;color:rgba(255,255,255,.5)}
.reel .suser small{font-size:8px;color:rgba(255,255,255,.25);display:block}
.reel .mn{display:flex;flex-direction:column;min-width:0}
.reel .topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}
.reel .bc{font-size:10px;color:rgba(255,255,255,.3)}
.reel .bc b{color:rgba(255,255,255,.65);font-weight:600}
.reel .tba{display:flex;gap:5px}
.reel .tbtn{font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.4)}
.reel .tbtn.pr{background:var(--o);color:var(--cd);border-color:var(--o)}
.reel .tbtn.brd{background:rgba(99,102,241,.15);color:#818CF8;border-color:rgba(99,102,241,.3)}
.reel .body{flex:1;padding:12px 14px;overflow:hidden;display:flex;flex-direction:column;gap:9px;min-height:0}
.reel .sbar{padding:6px 16px;border-top:1px solid rgba(255,255,255,.05);font-size:8px;color:rgba(255,255,255,.25);display:flex;align-items:center;gap:8px;flex-shrink:0}
.reel .sbar i{width:4px;height:4px;border-radius:50%;background:#22C55E;display:block;flex-shrink:0}
.reel .sbar .sp{margin-left:auto;color:rgba(255,255,255,.18)}
.reel .grow{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px}
.reel .cols{display:grid;gap:9px;flex:1;min-height:0}
.reel .cols.a{grid-template-columns:1.25fr 1fr}
.reel .cols.b{grid-template-columns:1fr 1fr}
.reel .cols.c{grid-template-columns:1.4fr 1fr}
.reel .pnl{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:11px 12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.reel .sl{font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:9px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}
.reel .sl .tag{font-size:8px;font-weight:700;color:var(--o);letter-spacing:0;text-transform:none}
.reel .mk{display:grid;gap:8px;flex-shrink:0}
.reel .mk.k3{grid-template-columns:repeat(3,1fr)}
.reel .mk.k4{grid-template-columns:repeat(4,1fr)}
.reel .mc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:9px 11px}
.reel .ml{font-size:8px;font-weight:600;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.reel .mv{font-family:var(--fh);font-size:18px;font-weight:800;color:#fff;line-height:1}
.reel .mv .u{font-size:10px;font-weight:500;color:rgba(255,255,255,.4)}
.reel .mv .up{font-size:9px;font-weight:600;color:#22C55E;margin-left:3px}
.reel .mv .dn{font-size:9px;font-weight:600;color:#EF4444;margin-left:3px}
.reel .cards{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px;flex:1;min-height:0}
.reel .dc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.reel .dch{display:flex;align-items:center;justify-content:space-between}
.reel .dct{font-size:11px;font-weight:700;color:#fff}
.reel .dcs{font-size:9px;color:rgba(255,255,255,.32)}
.reel .bdg{font-size:8px;font-weight:700;padding:2px 6px;border-radius:10px}
.reel .bg{background:rgba(34,197,94,.15);color:#22C55E}
.reel .bgy{background:rgba(245,158,11,.15);color:#F59E0B}
.reel .sr{display:flex;align-items:center;gap:5px;font-size:9px;color:rgba(255,255,255,.3)}
.reel .sr i{width:5px;height:5px;border-radius:50%;display:block;flex-shrink:0}
.reel .sr i.g{background:#22C55E}
.reel .sr i.y{background:#F59E0B}
.reel .br{display:flex;align-items:center;gap:8px;padding:3px 2px;border-radius:4px}
.reel .br .bl{font-size:9px;color:rgba(255,255,255,.45);width:74px;flex-shrink:0}
.reel .bt{flex:1;height:6px;background:rgba(255,255,255,.07);border-radius:3px;overflow:hidden}
.reel .bf{height:100%;border-radius:3px;background:var(--o)}
.reel .bf.blue{background:#6366F1}
.reel .bf.red{background:#EF4444}
.reel .bf.grn{background:#22C55E}
.reel .bv{font-size:9px;color:rgba(255,255,255,.45);width:30px;text-align:right;flex-shrink:0}
.reel .bars-fill{flex:1;display:flex;flex-direction:column;min-height:0}
.reel .bars-fill .br{flex:1;min-height:0}
.reel .ri{display:flex;align-items:center;gap:8px;padding:6px 5px;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px;border-radius:4px}
.reel .ri:last-child{border-bottom:none}
.reel .ri i{width:6px;height:6px;border-radius:50%;display:block;flex-shrink:0}
.reel .rn{flex:1;color:rgba(255,255,255,.6)}
.reel .rs{font-size:8px;color:rgba(255,255,255,.3)}
.reel .rb{font-size:8px;font-weight:700;padding:2px 7px;border-radius:10px}
.reel .rh{background:rgba(239,68,68,.15);color:#EF4444}
.reel .rm{background:rgba(245,158,11,.15);color:#F59E0B}
.reel .rl{background:rgba(34,197,94,.12);color:#22C55E}
.reel .rows-fill{flex:1;display:flex;flex-direction:column;min-height:0}
.reel .rows-fill .ri{flex:1;min-height:0}
.reel .log{flex:1;display:flex;flex-direction:column;min-height:0}
.reel .log .lr{flex:1;min-height:0}
.reel .lr{display:flex;align-items:center;gap:8px;font-size:9px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.reel .lr:last-child{border-bottom:none}
.reel .lr .lt{font-size:8px;color:rgba(255,255,255,.3);width:46px;flex-shrink:0}
.reel .lr .lx{flex:1;color:rgba(255,255,255,.5)}
.reel .lr .lk{font-size:8px;color:#22C55E;font-weight:700}
.reel .fr{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px}
.reel .fr:last-child{border-bottom:none}
.reel .fs{flex:1;color:rgba(255,255,255,.4)}
.reel .fa{color:rgba(255,255,255,.18);font-size:9px}
.reel .fd{flex:1;color:var(--o);font-weight:600}
.reel .fok{width:5px;height:5px;border-radius:50%;background:#22C55E;flex-shrink:0}
.reel .fmap{flex:1;display:flex;flex-direction:column;min-height:0}
.reel .fmap .fr{flex:1;min-height:0}
.reel .ac{padding:8px 10px;border-radius:6px;font-size:9px;display:flex;align-items:center;gap:6px;flex-shrink:0}
.reel .ac.crit{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#FCA5A5}
.reel .ac.info{background:rgba(247,148,29,.08);border:1px solid rgba(247,148,29,.15);color:#FCD34D}
.reel .ac.good{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.15);color:#86EFAC}
.reel .ac i{width:5px;height:5px;border-radius:50%;display:block;flex-shrink:0}
.reel .yt{width:100%;border-collapse:collapse}
.reel .yt th,
.reel .yt td{font-size:9px;padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}
.reel .yt th{color:rgba(255,255,255,.3);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:8px}
.reel .yt td{color:rgba(255,255,255,.5)}
.reel .yt td:first-child{color:#fff;font-weight:600}
.reel .yt .gd{color:#22C55E;font-weight:700}
.reel .yt .ok{color:#F59E0B;font-weight:700}
.reel .yt .bd{color:#EF4444;font-weight:700}
.reel .ytw{flex:1;min-height:0;display:flex;flex-direction:column}
.reel .dh{display:flex;align-items:center;gap:10px;flex-shrink:0}
.reel .di{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}
.reel .dt{font-size:14px;font-weight:700;color:#fff}
.reel .ds{font-size:9px;color:rgba(255,255,255,.35)}
.reel .dr{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px}
.reel .dr:last-child{border-bottom:none}
.reel .drl{width:78px;color:rgba(255,255,255,.4);flex-shrink:0}
.reel .drv{color:#fff;font-weight:600;flex:1}
.reel .drd{font-weight:700;width:62px;text-align:right;flex-shrink:0}
.reel .drd.pos{color:#22C55E}
.reel .drd.neg{color:#EF4444}
.reel .drd.wrn{color:#F59E0B}
.reel .dr-fill{flex:1;display:flex;flex-direction:column;min-height:0}
.reel .dr-fill .dr{flex:1;min-height:0}
.reel .box9{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;min-height:0}
.reel .box9 div{border-radius:4px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;color:rgba(255,255,255,.32);gap:2px}
.reel .box9 div b{font-family:var(--fh);font-size:13px;font-weight:800;color:rgba(255,255,255,.6)}
.reel .box9 div.hot{background:rgba(247,148,29,.16);border:1px solid rgba(247,148,29,.35);color:var(--o)}
.reel .box9 div.hot b{color:var(--o)}
.reel .box9 div.warm{background:rgba(34,197,94,.1);color:#86EFAC}
.reel .box9 div.warm b{color:#86EFAC}
.reel .spark{flex:1;display:flex;align-items:flex-end;gap:7px;min-height:0;padding-top:6px}
.reel .spk{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-end;height:100%}
.reel .spk .spb{width:100%;background:linear-gradient(180deg,var(--o),#FBB040);border-radius:3px 3px 0 0}
.reel .spk .spb.dim{background:rgba(255,255,255,.12)}
.reel .spk .sx{font-size:7px;color:rgba(255,255,255,.3)}
.reel .spk .sy{font-size:8px;color:rgba(255,255,255,.5);font-weight:600}
.reel .ggrid{display:flex;align-items:center;gap:12px}
.reel .gg{width:62px;height:62px;flex-shrink:0;transform:rotate(-90deg)}
.reel .gg .tk{fill:none;stroke:rgba(255,255,255,.08);stroke-width:7}
.reel .gg .vl{fill:none;stroke:var(--o);stroke-width:7;stroke-linecap:round}
.reel .gtxt .gv{font-family:var(--fh);font-size:20px;font-weight:800;line-height:1}
.reel .gtxt .gl2{font-size:8px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.05em;margin-top:3px}
.reel .tabs{display:flex;align-items:center;justify-content:center;gap:28px;padding:11px 16px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.06)}
.reel .tab{font-size:10px;font-weight:600;color:rgba(255,255,255,.25);position:relative;padding-bottom:3px}
.reel .tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px;background:var(--o);transform:scaleX(0)}
.reel .tab.t1{animation:rl_tt1 35s ease infinite}
.reel .tab.t1::after{animation:rl_tl1 35s ease infinite}
.reel .tab.t2{animation:rl_tt2 35s ease infinite}
.reel .tab.t2::after{animation:rl_tl2 35s ease infinite}
.reel .tab.t3{animation:rl_tt3 35s ease infinite}
.reel .tab.t3::after{animation:rl_tl3 35s ease infinite}
.reel .tab.t4{animation:rl_tt4 35s ease infinite}
.reel .tab.t4::after{animation:rl_tl4 35s ease infinite}
.reel .tab.t5{animation:rl_tt5 35s ease infinite}
.reel .tab.t5::after{animation:rl_tl5 35s ease infinite}

@keyframes rl_tt1{0%{color:#fff}18%{color:#fff}20%{color:rgba(255,255,255,.25)}100%{color:rgba(255,255,255,.25)}}@keyframes rl_tl1{0%{transform:scaleX(1)}18%{transform:scaleX(1)}20%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@keyframes rl_tt2{0%{color:rgba(255,255,255,.25)}19%{color:rgba(255,255,255,.25)}21%{color:#fff}38%{color:#fff}40%{color:rgba(255,255,255,.25)}100%{color:rgba(255,255,255,.25)}}@keyframes rl_tl2{0%{transform:scaleX(0)}19%{transform:scaleX(0)}21%{transform:scaleX(1)}38%{transform:scaleX(1)}40%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@keyframes rl_tt3{0%{color:rgba(255,255,255,.25)}39%{color:rgba(255,255,255,.25)}41%{color:#fff}58%{color:#fff}60%{color:rgba(255,255,255,.25)}100%{color:rgba(255,255,255,.25)}}@keyframes rl_tl3{0%{transform:scaleX(0)}39%{transform:scaleX(0)}41%{transform:scaleX(1)}58%{transform:scaleX(1)}60%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@keyframes rl_tt4{0%{color:rgba(255,255,255,.25)}59%{color:rgba(255,255,255,.25)}61%{color:#fff}78%{color:#fff}80%{color:rgba(255,255,255,.25)}100%{color:rgba(255,255,255,.25)}}@keyframes rl_tl4{0%{transform:scaleX(0)}59%{transform:scaleX(0)}61%{transform:scaleX(1)}78%{transform:scaleX(1)}80%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@keyframes rl_tt5{0%{color:rgba(255,255,255,.25)}79%{color:rgba(255,255,255,.25)}81%{color:#fff}98%{color:#fff}100%{color:rgba(255,255,255,.25)}}@keyframes rl_tl5{0%{transform:scaleX(0)}79%{transform:scaleX(0)}81%{transform:scaleX(1)}98%{transform:scaleX(1)}100%{transform:scaleX(0)}}

@media(prefers-reduced-motion:reduce){.reel .sc,
.reel .sg,
.reel .sd,
.reel .cp,
.reel .cr,
.reel .cr::before,
.reel .cr::after,
.reel .cl,
.reel .ht,
.reel .tab,
.reel .tab::after{animation:none!important}
.reel .sc.s5{opacity:1}
.reel .sc.s5 .sd{display:none}
.reel .cw{display:none}
.reel .tab.t5{color:#fff}
.reel .tab.t5::after{transform:scaleX(1)}

}

/* reel control layer: seek / pause / restart */
.reel .sc,.reel .sg,.reel .sd,.reel .cp,.reel .cl,.reel .ht,.reel .tab,.reel .tab::after,
.reel .cr::before,.reel .cr::after{animation-delay:var(--seek,0s)!important}
.reel.noanim *,.reel.noanim *::before,.reel.noanim *::after{animation:none!important}
.reel.paused *,.reel.paused *::before,.reel.paused *::after{animation-play-state:paused!important}
.reel .tab{background:none;border:none;cursor:pointer;font-family:inherit}
.reel .tab:hover{color:rgba(255,255,255,.6)}
.reel .tab:focus-visible{outline:2px solid #F7941D;outline-offset:3px;border-radius:3px}
.reel .rpp{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:9px;font-weight:700;padding:3px 9px;border-radius:100px;cursor:pointer;font-family:inherit}
.reel .rpp:hover{color:#fff;border-color:rgba(247,148,29,.5)}
.reel .rpp .ic-pause{display:block;width:7px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.reel.paused .rpp .ic-pause{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor;border-right:none}
@media(prefers-reduced-motion:reduce){.reel .rpp,.reel .tabs .tab{pointer-events:none}}
.reel-fit{width:100%;overflow:hidden}
.reel-fit .reel{width:1140px;transform-origin:top left}