@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-ext-500.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-semi-condensed-ext-500.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-semi-condensed-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-semi-condensed-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-semi-condensed-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-semi-condensed-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-semi-condensed-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sora-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sora-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/sora-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/sora-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/sora-ext-800.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/sora-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:"Twemoji Country Flags";unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F;src:url(../fonts/flags.woff2) format("woff2");font-display:swap}

:root{
  --f-ui:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-num:"Barlow Semi Condensed","Barlow",system-ui,sans-serif;
  --f-disp:"Sora","Barlow",system-ui,sans-serif;
  
  --bg:#10161b; --rail:#131a20; --card:#161e25; --card2:#1b242c; --odd:#24313b; --odd-h:#2c3b47;
  --line:#232f39; --line2:#33434f; --ink:#e3e9ee; --ink2:#a7b3bd; --ink3:#8794a0;
  --scrim:rgba(5,9,13,.66); --shadow:0 12px 32px rgba(0,0,0,.4);
  --up:#4cc9a0; --down:#f08a6c; --live:#ff6b5e; --warn:#f2b45a;
  
  --hdr1:#18263a; --hdr2:#111c2a; --hdr-ink:#e9eff5; --hdr-acc:#6cb8f0;
  --acc:#6cb8f0; --acc-d:#6cb8f0; --acc-l:#1f6fb2;
  --odds:#ebcb8b; --odds-d:#ebcb8b; --odds-l:#173b5e;
  --sel:#1f3f5c; --sel-d:#1f3f5c; --sel-l:#d9e9f8; --sel-line:#6cb8f0;
  --cta:#f2a65a; --cta-ink:#1a1206;
  --acc-soft:rgba(108,184,240,.14);
  color-scheme:dark;
}

@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#eef1f4; --rail:#f5f7f9; --card:#ffffff; --card2:#f5f7f9; --odd:#edf1f5; --odd-h:#e0e7ee;
    --line:#dce3ea; --line2:#c9d3dd; --ink:#15202b; --ink2:#485664; --ink3:#5b6977;
    --scrim:rgba(15,22,30,.45); --shadow:0 12px 30px rgba(20,32,45,.16);
    --up:#13795b; --down:#b8432a; --live:#c9372c; --warn:#9a5a00;
    --acc:var(--acc-l); --odds:var(--odds-l); --sel:var(--sel-l); --sel-line:var(--acc-l); --acc-soft:rgba(31,111,178,.1);
    color-scheme:light;
  }
}
:root[data-theme="light"]{
  --bg:#eef1f4; --rail:#f5f7f9; --card:#ffffff; --card2:#f5f7f9; --odd:#edf1f5; --odd-h:#e0e7ee;
  --line:#dce3ea; --line2:#c9d3dd; --ink:#15202b; --ink2:#485664; --ink3:#5b6977;
  --scrim:rgba(15,22,30,.45); --shadow:0 12px 30px rgba(20,32,45,.16);
  --up:#13795b; --down:#b8432a; --live:#c9372c; --warn:#9a5a00;
  --acc:var(--acc-l); --odds:var(--odds-l); --sel:var(--sel-l); --sel-line:var(--acc-l); --acc-soft:rgba(31,111,178,.1);
  color-scheme:light;
}
:root[data-theme="dark"]{ --acc:var(--acc-d); --odds:var(--odds-d); --sel:var(--sel-d); color-scheme:dark; }

*{box-sizing:border-box}
html,body{min-height:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--f-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:70;background:var(--hdr2)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-align:center}
input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}


.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:linear-gradient(180deg,var(--hdr1),var(--hdr2));color:var(--hdr-ink);box-shadow:0 1px 0 rgba(255,255,255,.05)}
.top-in{display:flex;align-items:center;gap:18px;height:64px;max-width:1720px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wm{font-family:var(--f-disp);font-weight:800;font-size:29px;letter-spacing:-.04em;line-height:1;display:inline-flex;align-items:flex-end;color:var(--hdr-ink)}
.wm .ii{position:relative;display:inline-block}
.wm .dot{position:absolute;left:50%;top:-.07em;width:.26em;height:.26em;margin-left:-.13em;border-radius:50%;background:var(--hdr-acc);box-shadow:0 0 0 .05em rgba(0,0,0,.15)}
.wm:hover .dot{animation:feint .7s cubic-bezier(.3,.7,.3,1)}
@keyframes feint{0%{transform:none}30%{transform:translateX(-.16em)}62%{transform:translateX(.22em)}100%{transform:none}}
.nav{display:flex;gap:2px;margin-left:18px}
.nav button{height:64px;padding:0 14px;font-weight:600;color:rgba(233,239,245,.72);position:relative;display:flex;align-items:center;gap:8px}
.nav button:hover{color:var(--hdr-ink)}
.nav button.on{color:var(--hdr-ink)}
.nav button.on::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--hdr-acc)}
.pill-live{font-size:11px;font-weight:700;border-radius:20px;padding:1px 7px;background:var(--live);color:#fff}
.top-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.tbtn{height:36px;padding:0 14px;border-radius:20px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(233,239,245,.28);color:var(--hdr-ink)}
.tbtn:hover{background:rgba(255,255,255,.07)}
.tbtn.cta{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}
.tbtn.cta:hover{filter:brightness(1.06)}
.tbtn.ico{width:36px;padding:0;justify-content:center;border-color:transparent}
.bal{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;padding:0 4px}
.bal small{font-size:11px;color:rgba(233,239,245,.62)}
.bal b{font-family:var(--f-num);font-size:16px}
.kbd{font-size:11px;border:1px solid rgba(233,239,245,.3);border-radius:4px;padding:0 5px;color:rgba(233,239,245,.7)}


.shell{display:grid;grid-template-columns:268px minmax(0,1fr);gap:20px;max-width:1480px;margin:0 auto;align-items:start;padding-block:16px 120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.shell.slim{grid-template-columns:64px minmax(0,1fr)}
.stick{position:sticky;top:calc(env(safe-area-inset-top,0px) + 80px);max-height:calc(100vh - 96px);overflow:auto;scrollbar-width:thin}
main{min-width:0}


.rail{background:var(--rail);border:1px solid var(--line);border-radius:12px;padding:12px 8px 16px}
.rsearch{display:flex;align-items:center;gap:8px;height:38px;border-radius:9px;background:var(--card2);border:1px solid var(--line);padding:0 10px;margin:0 4px 12px;color:var(--ink3)}
.rsearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font-size:14px}
.rh{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);padding:12px 10px 6px;display:flex;align-items:center;justify-content:space-between}
.rh button{font-size:12px;letter-spacing:0;text-transform:none;color:var(--acc);font-weight:600}
.ri{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink)}
.ri:hover{background:var(--card2)}
.ri.on{background:var(--acc-soft);color:var(--ink)}
.ri .n{margin-left:auto;font-size:12px;color:var(--ink3);font-family:var(--f-num)}
.ri .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc{flex:none;display:inline-grid;place-items:center;min-width:24px;height:18px;padding:0 4px;border-radius:4px;font:700 10px/1 var(--f-num);letter-spacing:.04em;background:var(--card2);color:var(--ink2);border:1px solid var(--line2)}
.chev{transition:transform .2s;color:var(--ink3)}
.open>.ri .chev{transform:rotate(90deg)}
.sub{padding-left:16px;display:none}
.open>.sub{display:block}
.sub .ri{font-size:13.5px;color:var(--ink2);min-height:32px}
.sub .ri:hover{color:var(--ink)}
.star{color:var(--ink3);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;flex:none}
.star:hover{color:var(--warn);background:var(--card2)}
.star.on{color:var(--warn)}
.star.on svg{fill:currentColor}
.slimrail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:var(--rail);border:1px solid var(--line);border-radius:12px}
.slimrail button{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:var(--ink2)}
.slimrail button:hover{background:var(--card2);color:var(--ink)}
.slimrail button.on{background:var(--acc-soft);color:var(--acc)}
.empty-note{font-size:13px;color:var(--ink3);padding:4px 10px 8px}


.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:14px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:84px;height:66px;padding:0 10px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink2)}
.chip svg.i{width:22px;height:22px}
.chip:hover{color:var(--ink);border-color:var(--line2)}
.chip.on{color:var(--ink);border-color:var(--acc);background:var(--acc-soft)}
.chip.on svg{color:var(--acc)}
.banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.bn{position:relative;overflow:hidden;border-radius:12px;min-height:132px;padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;color:#f3f6f9;isolation:isolate;text-align:left}
.bn h3{margin:0;font:800 21px/1.08 var(--f-disp);letter-spacing:-.02em;text-wrap:balance;max-width:16ch}
.bn p{margin:0;font-size:13px;opacity:.84;max-width:30ch}
.bn .art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,14,21,.82) 0%,rgba(9,14,21,.5) 55%,rgba(9,14,21,.05) 100%)}
.bn:hover .art{transform:scale(1.03)}
.bn .art{transition:transform .6s}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
.tab{flex:none;height:34px;padding:0 14px;border-radius:20px;font-weight:600;font-size:14px;color:var(--ink2);display:inline-flex;align-items:center;gap:6px}
.tab:hover{color:var(--ink);background:var(--card)}
.tab.on{background:var(--ink);color:var(--bg)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:4px 0 12px}
.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}
.seg button{height:30px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink2)}
.seg button.on{background:var(--odd);color:var(--ink)}
.h2{font:700 19px/1.2 var(--f-disp);letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:10px}
.muted{color:var(--ink3)}

.grp{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}
.grp-h{display:grid;grid-template-columns:minmax(0,1fr) var(--cw) 44px;gap:10px;align-items:center;padding:9px 10px 9px 14px;background:var(--card2);border-bottom:1px solid var(--line)}
.grp-h .lgn{display:flex;align-items:center;gap:8px;min-width:0;font-weight:700;font-size:14px}
.grp-h .lgn button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grp-h .lgn button:hover{color:var(--acc)}
.cols{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;text-align:center;font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
:root{--cw:270px}
.mrow{display:grid;grid-template-columns:minmax(0,1fr) var(--cw) 44px;gap:10px;align-items:center;padding:8px 10px 8px 14px;border-top:1px solid var(--line)}
.grp-h+.mrow{border-top:0}
.mi{min-width:0;display:flex;flex-direction:column;gap:3px}
.mt{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%;text-align:left}
.mt:hover .tn{color:var(--acc)}
.tm{display:flex;align-items:center;gap:8px;min-width:0;width:100%;font-weight:600;font-size:14.5px}
.tn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc{margin-left:auto;font-family:var(--f-num);font-weight:700;font-size:15px;min-width:22px;text-align:center;color:var(--ink)}
.cr{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 8.5px/1 var(--f-num);letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 0 1px var(--line2)}
.cr.lg{width:56px;height:56px;font-size:19px}
.mmeta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);flex-wrap:wrap}
.livetag{display:inline-flex;align-items:center;gap:5px;color:var(--live);font-weight:700}
.livetag::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:5px;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.badge.boost{background:color-mix(in srgb,var(--cta) 18%,transparent);color:var(--warn)}
.oblock{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}
.oblock.two-row{grid-template-rows:auto auto}
.more{height:44px;border-radius:8px;display:grid;place-items:center;font:600 12.5px var(--f-num);color:var(--ink2)}
.more:hover{background:var(--odd);color:var(--ink)}


.odd{position:relative;height:44px;min-width:0;border-radius:8px;background:var(--odd);display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;transition:background .15s,box-shadow .15s;overflow:hidden}
.odd:hover{background:var(--odd-h)}
.odd .o{font:600 16px/1 var(--f-num);font-variant-numeric:tabular-nums;color:var(--odds)}
.odd .lb{font-size:13px;color:var(--ink2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odd.lbd{justify-content:space-between;padding:0 12px}
.odd.stk{flex-direction:column;justify-content:center;gap:4px;height:52px;padding:0 8px}
.odd.stk .lb{font:600 12px/1 var(--f-num);color:var(--ink2);max-width:100%}
.hero .odd.stk{height:62px}
.hero .odd.stk .lb{font:500 13px/1.1 var(--f-ui)}
.odd .was{font:500 12.5px/1 var(--f-num);color:var(--ink3);text-decoration:line-through}
.odd .boostarr{color:var(--warn);font-size:11px;margin:0 -2px}
.odd.on{background:var(--sel);box-shadow:inset 0 0 0 1.5px var(--sel-line)}
.odd.on .o{color:var(--ink)}
.odd.on .lb{color:var(--ink)}
.odd.lock{cursor:not-allowed;color:var(--ink3);background:color-mix(in srgb,var(--odd) 60%,var(--card))}
.odd.nil{background:transparent;cursor:default}
.odd.up{animation:fup 2.6s ease-out}
.odd.dn{animation:fdn 2.6s ease-out}
.odd.up::after,.odd.dn::after{position:absolute;top:3px;right:5px;font-size:9px;line-height:1}
.odd.up::after{content:"▲";color:var(--up)}
.odd.dn::after{content:"▼";color:var(--down)}
@keyframes fup{0%{box-shadow:inset 0 0 0 1.5px var(--up);background:color-mix(in srgb,var(--up) 22%,var(--odd))}100%{}}
@keyframes fdn{0%{box-shadow:inset 0 0 0 1.5px var(--down);background:color-mix(in srgb,var(--down) 22%,var(--odd))}100%{}}
.odd.wave::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--acc) 35%,transparent) 50%,transparent 70%);animation:wave 1.1s ease-out forwards}
@keyframes wave{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.odd.pop{animation:popb .28s ease-out}
@keyframes popb{40%{transform:scale(.95)}100%{transform:none}}


.hero{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--card);margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);isolation:isolate}
.hero .hl{padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.hero .eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--warn);display:flex;align-items:center;gap:8px}
.hero .vs{display:flex;align-items:center;gap:16px}
.hero .vs .t{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;text-align:center;min-width:0;flex:1}
.hero .vs .x{font:800 15px var(--f-disp);color:var(--ink3)}
.hero .hr{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:10px;border-left:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 7%,transparent),transparent 60%)}
.hero .hr .oblock{--n:3}
.hero .odd{height:56px}
.hero small{color:var(--ink3);font-size:12.5px}


.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink3);margin-bottom:10px;flex-wrap:wrap}
.crumbs button:hover{color:var(--acc)}
.mhead{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:12px;position:relative;overflow:hidden}
.mhead .row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.mhead .side{display:flex;align-items:center;gap:12px;min-width:0;font:700 18px/1.2 var(--f-disp)}
.mhead .side.r{flex-direction:row-reverse;text-align:right}
.mhead .mid{text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}
.mhead .mid b{font:800 30px/1 var(--f-disp);letter-spacing:.02em}
.mhead .mid small{color:var(--ink3);font-size:12.5px}
.mtabs{position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:5;background:var(--bg);padding:8px 0;margin-bottom:6px}
.mk{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.mk-h{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;font-weight:700;font-size:15px}
.mk-h .chev{margin-left:auto}
.mk.open .mk-h .chev{transform:rotate(90deg)}
.mk-b{padding:0 12px 12px;display:none}
.mk.open .mk-b{display:block}
.grid{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}
.lt{display:grid;grid-template-columns:76px repeat(var(--n),minmax(0,1fr));gap:6px;align-items:center}
.lt .ln{font:600 14px var(--f-num);color:var(--ink2);text-align:center}
.lt .hd{font-size:12px;font-weight:600;color:var(--ink3);text-align:center;text-transform:uppercase;letter-spacing:.05em;padding:2px 0}
.showmore{margin-top:8px;width:100%;height:34px;border-radius:8px;color:var(--ink2);font-size:13px;font-weight:600}
.showmore:hover{background:var(--odd);color:var(--ink)}
.ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.ficha .f{display:flex;flex-direction:column;gap:6px;min-width:0}
.ficha .f small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.form{display:flex;gap:3px}
.form i{font-style:normal;width:19px;height:19px;border-radius:4px;display:grid;place-items:center;font:700 10.5px var(--f-num)}
.form i.v{background:color-mix(in srgb,var(--up) 22%,transparent);color:var(--up)}
.form i.e{background:var(--odd);color:var(--ink2)}
.form i.d{background:color-mix(in srgb,var(--down) 22%,transparent);color:var(--down)}


.livegrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
.lband{display:grid;grid-template-columns:minmax(0,1fr) var(--cw) 44px;gap:10px;align-items:center;padding:9px 10px 9px 14px;font-weight:700;font-size:14px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 16%,var(--card2)),var(--card2) 70%)}
.lrow.sel{background:color-mix(in srgb,var(--acc) 6%,transparent);box-shadow:inset 3px 0 0 var(--acc)}
.susp{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:8px;background:color-mix(in srgb,var(--odd) 60%,var(--card));color:var(--ink3);font-size:12.5px;font-weight:600;grid-column:1/-1}
.trk{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.trk-h{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 14px 10px}
.trk-h .tn{font-weight:700;font-size:14.5px}
.trk-h .tn.r{text-align:right}
.trk-h .score{display:flex;gap:12px;font:800 30px/1 var(--f-disp)}
.trk-h .score span{min-width:22px;text-align:center}
.clock{display:flex;justify-content:center;align-items:center;gap:8px;font:600 13px var(--f-num);color:var(--ink2);padding-bottom:8px}
.clock b{color:var(--live);font-weight:700}
.vis{position:relative;margin:0 12px;border-radius:10px;overflow:hidden;aspect-ratio:16/9;max-width:100%}
.vis svg{display:block;width:100%;height:100%}
.vis .cap{position:absolute;left:10px;bottom:8px;font-size:11.5px;font-weight:600;color:#eef3f6;background:rgba(0,0,0,.38);padding:3px 8px;border-radius:5px;backdrop-filter:blur(3px)}
.goal{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(0,0,0,.25),rgba(0,0,0,.72));color:#fff;text-align:center;animation:gin .4s ease-out}
.goal b{display:block;font:800 italic 52px/1 var(--f-disp);letter-spacing:-.02em}
.goal span{font-weight:600;font-size:15px;opacity:.9}
.goal .sweep{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);animation:wave 1.2s .1s ease-out both}
@keyframes gin{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
.conf{position:absolute;top:40%;left:50%;width:8px;height:12px;border-radius:2px;animation:conf 1.4s ease-out forwards}
@keyframes conf{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.tl{position:relative;height:30px;margin:10px 14px 0}
.tl .bar{position:absolute;left:0;right:0;top:14px;height:3px;border-radius:3px;background:var(--line2)}
.tl .prog{position:absolute;left:0;top:14px;height:3px;border-radius:3px;background:var(--acc)}
.tl .ht{position:absolute;left:50%;top:9px;width:1px;height:13px;background:var(--ink3)}
.tl .ev{position:absolute;transform:translateX(-50%);display:grid;place-items:center;width:16px;height:16px}
.tl .ev.h{top:-3px}.tl .ev.a{top:17px}
.ttabs{display:flex;gap:4px;padding:12px 12px 0;border-bottom:1px solid var(--line);margin-top:10px}
.ttabs button{padding:8px 10px;font-size:13.5px;font-weight:600;color:var(--ink2);border-bottom:2px solid transparent;margin-bottom:-1px}
.ttabs button.on{color:var(--ink);border-color:var(--acc)}
.tbody{padding:14px}
.rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.ring{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--ink2);text-align:center}
.ring .rr{display:flex;align-items:center;gap:8px;font:700 16px var(--f-num);color:var(--ink)}
.sbar{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;align-items:center;margin-bottom:10px;font:600 14px var(--f-num)}
.sbar .lb{grid-column:1/-1;text-align:center;font:500 12.5px var(--f-ui);color:var(--ink2);margin-bottom:-4px}
.sbar .b{display:flex;height:6px;border-radius:4px;overflow:hidden;background:var(--line);gap:2px}
.sbar .b i{display:block;height:100%}
.sbar .r{text-align:right}
.evl{display:flex;flex-direction:column;gap:2px}
.evl .e{display:grid;grid-template-columns:38px 22px minmax(0,1fr);gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line);font-size:13.5px}
.evl .e .m{font:600 13px var(--f-num);color:var(--ink3)}
.ptab{width:100%;border-collapse:collapse;font-size:13.5px}
.ptab th,.ptab td{padding:7px 6px;text-align:center;font-family:var(--f-num)}
.ptab th{font-size:12px;color:var(--ink3);font-weight:600}
.ptab td:first-child,.ptab th:first-child{text-align:left;font-family:var(--f-ui);font-weight:600}
.ptab tr+tr td{border-top:1px solid var(--line)}
.ptab .t{color:var(--odds);font-weight:700}
.dual{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.dual small{font:500 10.5px var(--f-num);color:var(--ink3)}


.slip{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.smodes{display:flex;gap:4px;padding:10px 12px 0}
.smodes button{flex:1;height:32px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink2);background:var(--card2);border:1px solid var(--line)}
.smodes button.on{background:var(--sel);color:var(--ink);border-color:var(--sel-line)}
.smodes button:disabled{opacity:.45;cursor:not-allowed}
.sitems{padding:8px 12px;display:flex;flex-direction:column;gap:8px}
.si{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:10px 10px 10px 12px;display:flex;flex-direction:column;gap:6px}
.si.soft{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.si .top1{display:flex;align-items:flex-start;gap:8px}
.si .nm{font-weight:700;font-size:14.5px;min-width:0;flex:1}
.si .od{font:700 16px var(--f-num);color:var(--odds)}
.si .od s{color:var(--ink3);font-weight:500;font-size:13px;margin-right:4px}
.si .x{color:var(--ink3);display:grid;place-items:center;width:24px;height:24px;border-radius:6px;margin:-2px -4px 0 0}
.si .x:hover{color:var(--down);background:var(--odd)}
.si .mkt{font-size:12.5px;color:var(--ink2)}
.si .ev{font-size:12.5px;color:var(--ink3)}
.si .warn{font-size:12.5px;color:var(--warn);display:flex;gap:6px;align-items:flex-start}
.si .warn svg{width:15px;height:15px;margin-top:1px}
.stk{display:flex;align-items:center;gap:8px}
.stk label{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:38px;border-radius:8px;background:var(--bg);border:1px solid var(--line2);padding:0 10px}
.stk label:focus-within{border-color:var(--acc)}
.stk label span{color:var(--ink3);font-size:13px}
.stk input{flex:1;min-width:0;width:100%;background:none;border:0;outline:0;font:600 15px var(--f-num);text-align:right}
.stk .ret{flex:none;min-width:84px;text-align:right;font-size:12px;color:var(--ink3);line-height:1.2}
.stk .ret b{display:block;font:700 14px var(--f-num);color:var(--ink)}
.qs{display:flex;gap:6px;padding:0 12px 10px}
.qs button{flex:1;height:30px;border-radius:7px;background:var(--card2);border:1px solid var(--line);font:600 13px var(--f-num);color:var(--ink2)}
.qs button:hover{color:var(--ink);border-color:var(--line2)}
.sfoot{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px}
.srow{display:flex;justify-content:space-between;font-size:13.5px;color:var(--ink2)}
.srow b{font:700 15px var(--f-num);color:var(--ink)}
.srow.big b{font-size:19px;color:var(--odds)}
.placebtn{height:50px;border-radius:10px;background:var(--cta);color:var(--cta-ink);font:800 16px var(--f-disp);letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:10px}
.placebtn:hover{filter:brightness(1.05)}
.placebtn:disabled{opacity:.5;cursor:not-allowed;filter:none}
.placebtn small{font:600 13px var(--f-num);opacity:.8}
.accept{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2)}
.accept select{background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:12.5px;flex:1;min-width:0}
.snote{margin:0 12px 10px;padding:9px 11px;border-radius:9px;font-size:12.5px;line-height:1.4;background:color-mix(in srgb,var(--warn) 12%,var(--card2));color:var(--ink);display:flex;gap:8px}
.snote svg{color:var(--warn);margin-top:1px}
.sempty{padding:28px 18px 24px;text-align:center;color:var(--ink3);font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:10px}
.sempty svg{width:40px;height:40px;color:var(--line2);stroke-width:1.3}
.sysk{display:flex;align-items:center;gap:8px;padding:8px 12px 0;font-size:13px;color:var(--ink2)}
.sysk select{background:var(--card2);border:1px solid var(--line);border-radius:6px;padding:4px 8px;flex:1}
.checking{padding:26px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line2);border-top-color:var(--acc);animation:sp 0.9s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.prog2{width:100%;height:4px;border-radius:4px;background:var(--line);overflow:hidden}
.prog2 i{display:block;height:100%;background:var(--acc);animation:pg var(--d,2.2s) linear forwards}
@keyframes pg{from{width:0}to{width:100%}}
.done{padding:20px 16px;display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center;position:relative;overflow:hidden}
.done .ok{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--up) 18%,transparent);color:var(--up);animation:popb .4s}
.done .ok svg{width:28px;height:28px;stroke-width:2.4}
.code{font:700 15px var(--f-num);letter-spacing:.06em;background:var(--card2);border:1px dashed var(--line2);padding:5px 10px;border-radius:7px}
.ghost{height:40px;border-radius:9px;border:1px solid var(--line2);font-weight:600;font-size:14px;padding:0 14px}
.ghost:hover{background:var(--card2)}
.rq{display:flex;flex-direction:column;gap:6px;padding:4px 12px 0}
.rq .r{display:flex;justify-content:space-between;font-size:13.5px;background:var(--card2);border-radius:8px;padding:8px 10px}
.rq .r b{font-family:var(--f-num)}


.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--rail);border-top:1px solid var(--line);padding:4px max(8px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));justify-content:space-around}
.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:600;color:var(--ink3);position:relative}
.tabbar button.on{color:var(--acc)}
.tabbar svg.i{width:22px;height:22px}
.tabbar .b{position:absolute;top:2px;left:calc(50% + 6px);min-width:16px;height:16px;border-radius:8px;background:var(--cta);color:var(--cta-ink);font:700 10px/16px var(--f-num);padding:0 4px}
@keyframes up{from{transform:translateY(40px);opacity:.5}to{transform:none;opacity:1}}


.modal{position:fixed;inset:0;z-index:90;background:var(--scrim);display:flex;align-items:flex-start;justify-content:center;padding:max(8vh,24px) 16px 24px;overflow:auto}
.dlg{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);animation:up .22s ease-out}
.dlg.wide{max-width:640px}
.dlg-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}
.dlg-h h2{margin:0;font:700 19px var(--f-disp)}
.dlg-b{padding:18px;display:flex;flex-direction:column;gap:12px}
.fld{display:flex;flex-direction:column;gap:5px}
.fld label{font-size:13px;font-weight:600;color:var(--ink2)}
.fld .in{display:flex;align-items:center;gap:8px;height:46px;border-radius:9px;background:var(--bg);border:1px solid var(--line2);padding:0 12px}
.fld .in:focus-within{border-color:var(--acc)}
.fld input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:15px}
.fld .hint{font-size:12px;color:var(--ink3)}
.fld .pre{color:var(--ink2);font-weight:600;padding-right:8px;border-right:1px solid var(--line2)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink2)}
.chk input{width:18px;height:18px;margin-top:1px;accent-color:var(--acc)}
.bigbtn{height:48px;border-radius:10px;background:var(--cta);color:var(--cta-ink);font:800 16px var(--f-disp)}
.bigbtn:disabled{opacity:.5;cursor:not-allowed}
.link{color:var(--acc);font-weight:600}
.amts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.amts button{height:42px;border-radius:9px;background:var(--card2);border:1px solid var(--line);font:700 15px var(--f-num)}
.amts button.on{border-color:var(--acc);background:var(--acc-soft)}
.qr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center}
.qr canvas{width:150px;height:150px;border-radius:8px;background:#fff;padding:8px}
.copy{display:flex;gap:8px}
.copy input{flex:1;min-width:0;height:40px;border-radius:8px;background:var(--bg);border:1px solid var(--line2);padding:0 10px;font:500 12px var(--f-num);color:var(--ink2)}
.methods{display:flex;gap:8px}
.methods button{flex:1;height:44px;border-radius:9px;border:1px solid var(--line);background:var(--card2);font-weight:600;font-size:14px}
.methods button.on{border-color:var(--acc);background:var(--acc-soft)}
.pal{position:relative}
.pal .res{max-height:60vh;overflow:auto;padding:6px}
.pal .rg{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);padding:10px 10px 4px}
.pal .rr{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;font-size:14px}
.pal .rr:hover,.pal .rr.on{background:var(--card2)}
.pal .rr small{margin-left:auto;color:var(--ink3);font-size:12px}
.pal .q{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.pal .q input{flex:1;background:none;border:0;outline:0;font-size:17px}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;box-shadow:var(--shadow);animation:up .2s}


.tk{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.tk-h{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.tk-h b{font-family:var(--f-num);letter-spacing:.05em}
.st{margin-left:auto;font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px}
.st.open{background:var(--acc-soft);color:var(--acc)}
.st.won{background:color-mix(in srgb,var(--up) 16%,transparent);color:var(--up)}
.st.lost{background:color-mix(in srgb,var(--down) 14%,transparent);color:var(--down)}
.tk-l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.tk-l .s{font-weight:700}
.tk-l .o{font:700 15px var(--f-num);color:var(--odds);grid-row:span 2;align-self:center}
.tk-l .m{color:var(--ink3);font-size:12.5px}
.tk-f{display:flex;justify-content:space-between;padding:10px 14px;font-size:13px;color:var(--ink2)}
.tk-f b{font-family:var(--f-num);color:var(--ink);font-size:14.5px}


.lsearch{display:flex;align-items:center;gap:10px;height:50px;border-radius:12px;background:var(--card);border:1px solid var(--line2);padding:0 16px;margin-bottom:14px}
.lsearch input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:16px}
.az{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}
.az button{width:30px;height:30px;border-radius:7px;font:700 13px var(--f-num);color:var(--ink2);background:var(--card);border:1px solid var(--line)}
.az button:disabled{opacity:.3;cursor:default}
.az button:not(:disabled):hover{color:var(--ink);border-color:var(--acc)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.cbox{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 8px 8px}
.cbox h4{margin:0;padding:2px 8px 6px;display:flex;align-items:center;gap:8px;font-size:14px}


.study{max-width:980px}
.study h1{font:800 34px/1.08 var(--f-disp);letter-spacing:-.03em;margin:4px 0 10px;text-wrap:balance}
.study h2{font:700 21px/1.2 var(--f-disp);margin:34px 0 10px;letter-spacing:-.01em;text-wrap:balance}
.study h3{font-size:15px;margin:18px 0 6px}
.study p,.study li{color:var(--ink2);max-width:72ch;font-size:15px}
.study p b,.study li b{color:var(--ink)}
.study .lead{font-size:17px;color:var(--ink);max-width:66ch}
.alert{border-radius:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--down) 50%,var(--line));background:color-mix(in srgb,var(--down) 9%,var(--card));margin:16px 0}
.alert h3{margin:0 0 6px;color:var(--ink)}
.alert p{margin:4px 0;font-size:14px}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sw{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.sw .c{height:56px;border-bottom:1px solid var(--line)}
.sw .t{padding:8px 10px;font-size:12.5px;display:flex;flex-direction:column;gap:2px}
.sw .t b{font-size:13px}
.sw .t code{font:500 12px var(--f-num);color:var(--ink3)}
.palopts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.po{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);display:flex;flex-direction:column;gap:8px;text-align:left}
.po.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}
.po .strip{display:flex;width:100%;height:34px;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line2)}
.po .strip i{flex:1}
.po b{font-size:15px}
.po small{color:var(--ink3);font-size:12.5px}
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.tbl th,.tbl td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);background:var(--card2)}
.tbl td{color:var(--ink2)}
.tbl td b{color:var(--ink)}
.tbl tr:last-child td{border-bottom:0}
.okc{color:var(--up);font-weight:700}
.badc{color:var(--down);font-weight:700}
.src{font-size:12.5px;color:var(--ink3)}
.src a{color:var(--acc)}
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.flow .s{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.flow .s b{display:block;margin-bottom:4px}
.flow .s span{font-size:13.5px;color:var(--ink2)}


.demo{position:fixed;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow);font-size:12.5px}
.demo .dh{display:flex;align-items:center;gap:8px;padding:8px 10px;font-weight:700;color:var(--ink2);width:100%}
.demo .dh i{width:8px;height:8px;border-radius:50%;background:var(--warn);font-style:normal}
.demo .db{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}
.demo .db .seg{background:var(--card2)}
.demo .db .seg button{height:26px;padding:0 9px;font-size:12px}
.foot{margin-top:28px;padding:22px 4px 8px;border-top:1px solid var(--line);color:var(--ink3);font-size:13px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.foot b{color:var(--ink2);display:block;margin-bottom:6px}
.foot span,.foot .link{display:block;padding:2px 0;text-align:left;font-weight:500}



.dock{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:55;width:390px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--line2);border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:dockin .38s cubic-bezier(.2,.9,.3,1.15)}
.dock-bar{display:flex;align-items:center;gap:10px;height:58px;padding:0 10px 0 14px;width:100%;text-align:left;flex:none;background:linear-gradient(180deg,color-mix(in srgb,var(--cta) 15%,var(--card)),var(--card))}
.dock-bar .c{min-width:28px;height:28px;border-radius:14px;background:var(--cta);color:var(--cta-ink);font:800 14px var(--f-num);display:grid;place-items:center;padding:0 8px}
.dock-bar .t{font:700 16px var(--f-disp);letter-spacing:-.01em}
.dock-bar .r{margin-left:auto;text-align:right;line-height:1.1;font-size:11.5px;color:var(--ink3)}
.dock-bar .r b{display:block;font:700 17px var(--f-num);color:var(--odds);font-variant-numeric:tabular-nums}
.dock-bar .tg{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--ink2);flex:none}
.dock-bar .tg svg{transition:transform .3s}
.dock.min .dock-bar .tg svg{transform:rotate(180deg)}
.dock-body{max-height:min(68vh,640px);overflow:auto;border-top:1px solid var(--line);transition:max-height .35s cubic-bezier(.2,.8,.2,1)}
.dock.min .dock-body{max-height:0;border-top-color:transparent}
.dock .slip{border:0;border-radius:0}
.dock.bump{animation:dbump .5s}
@keyframes dockin{from{transform:translateY(30px) scale(.96);opacity:0}to{transform:none;opacity:1}}
@keyframes dbump{25%{transform:translateY(-7px)}55%{transform:translateY(2px)}100%{transform:none}}
.fly{position:fixed;z-index:120;pointer-events:none;min-width:44px;height:28px;padding:0 10px;border-radius:14px;display:grid;place-items:center;background:var(--cta);color:var(--cta-ink);font:800 14px var(--f-num);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.smodes .clr{flex:none;width:36px;display:grid;place-items:center;background:transparent;border-color:transparent;color:var(--ink3)}
.smodes .clr:hover{color:var(--down)}
.si.super{border-color:color-mix(in srgb,var(--cta) 50%,var(--line))}


.car{position:relative;border-radius:18px;overflow:hidden;margin-bottom:18px;border:1px solid var(--line);isolation:isolate;background:#111a26;color:#f2f5f8;touch-action:pan-y}
.car .sl{display:none;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:center;padding:26px 28px 40px;position:relative;isolation:isolate;min-height:212px}
.car .sl.on{display:grid;animation:slin .7s cubic-bezier(.2,.8,.2,1)}
.car .sl::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,14,21,.88),rgba(9,14,21,.4) 70%,rgba(9,14,21,.2))}
.car .art{position:absolute;inset:0;width:100%;height:100%;z-index:-2;transition:transform 7s linear}
.car .sl.on .art{transform:scale(1.06)}
@keyframes slin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.sl-l{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:flex-start}
.eb{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#f2c46d}
.eb svg{width:15px;height:15px}
.car h3{margin:0;font:800 29px/1.06 var(--f-disp);letter-spacing:-.03em;text-wrap:balance}
.car p{margin:0;font-size:14.5px;color:rgba(242,245,248,.82);max-width:44ch}
.sl-cta{margin-top:6px;height:40px;padding:0 18px;border-radius:20px;background:var(--cta);color:var(--cta-ink);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.sl-cta:hover{filter:brightness(1.06)}
.sl-r{min-width:0;display:flex;justify-content:center}
.sl-r .oblock{width:100%}
.dots{position:absolute;left:28px;bottom:16px;display:flex;gap:6px}
.dots button{width:28px;height:4px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden;padding:0}
.dots button i{display:block;height:100%;width:0;background:#fff}
.dots button.on i{animation:dotp 7s linear forwards}
.car:hover .dots button.on i{animation-play-state:paused}
@keyframes dotp{to{width:100%}}
.bigodd{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.bigodd s{font:600 20px var(--f-num);color:rgba(242,245,248,.55)}
.bigodd b{font:800 58px/1 var(--f-disp);color:#f2c46d;text-shadow:0 0 34px rgba(242,166,90,.4)}
.bigodd small{font-size:12.5px;color:rgba(242,245,248,.75);max-width:32ch}
@keyframes grow{from{transform:scaleY(.2);transform-origin:bottom;opacity:0}to{transform:none;opacity:1}}


.sechead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
.sechead .h2 svg{color:var(--warn)}
.sechead .link{margin-left:auto}
#supers{scroll-margin-top:84px}
.hrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:0 -2px 10px;scrollbar-width:none}
.hrow::-webkit-scrollbar{display:none}
.go{height:48px;min-width:104px;border-radius:12px;background:var(--cta);color:var(--cta-ink);font:800 21px var(--f-num);padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 18px color-mix(in srgb,var(--cta) 30%,transparent);transition:transform .15s}
.go svg{width:17px;height:17px}
.go:active{transform:scale(.97)}
.go.on{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--cta)}
.who{display:flex;gap:10px;align-items:center;min-width:0}
.who>div{min-width:0}
.who b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who small{display:block;color:var(--ink3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who svg{flex:none;border-radius:50%}
.pcard{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;margin-bottom:12px;border:1px dashed color-mix(in srgb,var(--cta) 45%,var(--line));background:color-mix(in srgb,var(--cta) 6%,var(--card));width:100%;text-align:left}
.pcard:hover{background:color-mix(in srgb,var(--cta) 10%,var(--card))}
.pcard .pi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--cta) 18%,transparent);color:var(--warn);flex:none}
.pcard b{display:block;font:700 15px var(--f-disp)}
.pcard span span{color:var(--ink2);font-size:13.5px}
.pcard .gx{margin-left:auto;color:var(--acc);font-weight:700;white-space:nowrap;font-size:14px}
.ribbon{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:12px;margin-bottom:14px;text-align:left;font-size:13.5px;color:var(--ink2);background:color-mix(in srgb,var(--cta) 7%,var(--card));border:1px solid color-mix(in srgb,var(--cta) 28%,var(--line))}
.ribbon svg{color:var(--warn)}
.ribbon b{color:var(--ink)}
.ribbon .gx{margin-left:auto;color:var(--acc);font-weight:700}
.prmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.prm{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.prm .band{height:104px;position:relative;isolation:isolate;overflow:hidden}
.prm .band svg{position:absolute;inset:0;width:100%;height:100%}
.prm .band .badge{position:absolute;left:12px;top:12px;background:rgba(9,14,21,.6);color:#f2c46d}
.prm .bd{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.prm h3{margin:0;font:700 18px var(--f-disp);letter-spacing:-.01em}
.prm p{margin:0;color:var(--ink2);font-size:14px}
.prm details{font-size:13px;color:var(--ink2)}
.prm summary{cursor:pointer;color:var(--acc);font-weight:600}
.prm ul{margin:6px 0 0;padding-left:18px}
.prm .ft{margin-top:auto;padding-top:6px}


.chips2{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px}
.chips2 button{flex:none;height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:var(--ink2)}
.chips2 button.on{border-color:var(--acc);color:var(--ink);background:var(--acc-soft)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pc-h{display:flex;gap:12px;align-items:center;padding:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--tc) 22%,var(--card)),var(--card) 70%)}
.pc-h svg{flex:none;border-radius:50%;box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--tc)}
.pc-h .gm{font-size:12px;color:var(--acc);text-align:left;margin-top:2px}
.pc-b{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}
.prow{display:grid;grid-template-columns:minmax(0,1fr) 84px 84px;gap:6px;align-items:center}
.prow.lad{grid-template-columns:minmax(0,1fr) repeat(3,58px)}
.prow.one{grid-template-columns:minmax(0,1fr) 120px}
.prow .k{font-size:13.5px;color:var(--ink2);min-width:0}
.prow.hd span{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);text-align:center;margin-bottom:-2px}
.prow .k b{color:var(--ink);font-family:var(--f-num)}
.prow .odd{height:40px}
.prow .odd.stk{height:46px;padding:0 4px;gap:2px}
.prow .odd.lbd{padding:0 8px}
.eb2{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--warn)}
.eb2 svg{width:15px;height:15px}
.chip.props{border-color:color-mix(in srgb,var(--cta) 45%,var(--line));color:var(--ink)}
.chip.props svg{color:var(--warn)}


main.vin{animation:vin .32s cubic-bezier(.2,.8,.2,1)}
@keyframes vin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.odd{transition:background .15s,box-shadow .15s,transform .12s}
.odd:active:not(.lock){transform:scale(.96)}
.cr{background-image:radial-gradient(circle at 32% 26%,rgba(255,255,255,.4),rgba(255,255,255,0) 58%)}
.cr.md{width:38px;height:38px;font-size:13px}
.sc.flip,.score span.flip{animation:flip .9s cubic-bezier(.2,.8,.2,1)}
@keyframes flip{0%{transform:rotateX(90deg);color:var(--up)}50%{transform:none;color:var(--up)}100%{}}
.done .ok{position:relative}
.done .ok::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--up);animation:ring 1s ease-out forwards}
@keyframes ring{from{transform:scale(.8);opacity:1}to{transform:scale(1.9);opacity:0}}
.tk.won{border-color:color-mix(in srgb,var(--up) 40%,var(--line))}
.tk.won .tk-h{background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--up) 16%,transparent) 50%,transparent 70%) no-repeat;background-size:250% 100%;animation:shine 2.6s ease-out 1}
@keyframes shine{from{background-position:130% 0}to{background-position:-60% 0}}
.gtoast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 76px);left:50%;transform:translateX(-50%);z-index:110;display:flex;gap:12px;align-items:center;padding:12px 18px 12px 12px;border-radius:16px;background:var(--card);border:1px solid color-mix(in srgb,var(--up) 50%,var(--line));box-shadow:var(--shadow);animation:gtin .55s cubic-bezier(.2,.9,.3,1.3);width:max-content;max-width:calc(100vw - 32px);text-align:left;overflow:visible}
.gtoast>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.gtoast b{font:800 17px var(--f-disp);letter-spacing:-.01em}
.gtoast span span{font:600 14px var(--f-num)}
.gtoast small{color:var(--up);font-weight:700;font-size:12.5px}
@keyframes gtin{from{transform:translate(-50%,-24px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.tabbar .dot{position:absolute;top:5px;left:calc(50% + 8px);width:7px;height:7px;border-radius:50%;background:var(--cta)}



.fl{font-family:"Twemoji Country Flags","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:17px;line-height:1;display:inline-grid;place-items:center;width:22px;height:18px;flex:none;font-style:normal}
.fl svg.i{width:17px;height:17px;color:var(--ink2)}
.fl.lg{font-size:30px;width:40px;height:32px}
.fl.lg svg.i{width:28px;height:28px}
.chip{width:100px;min-width:0;height:78px;padding:0 6px;gap:6px}
.chip span{font-size:12.5px;line-height:1.15;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.chip.props{background:linear-gradient(160deg,color-mix(in srgb,var(--cta) 30%,var(--card)),color-mix(in srgb,var(--cta) 9%,var(--card)));border-color:color-mix(in srgb,var(--cta) 60%,var(--line));color:var(--ink)}
.chip.props svg{color:var(--warn)}
.chip.props.on{box-shadow:inset 0 0 0 1.5px var(--cta)}
.rrow{display:flex;align-items:center}
.ri .nm small{display:block;font-size:11.5px;color:var(--ink3);font-weight:500}
.ri.cty-h{cursor:default;color:var(--ink2);font-size:13px;min-height:30px}
.ri.cty-h:hover{background:none}
.rh span{display:inline-flex;align-items:center;gap:6px}
.rh span svg.i{width:15px;height:15px}
.langw{position:relative}
.langb .fl{font-size:20px;width:24px}
.langm{position:absolute;right:0;top:44px;z-index:70;min-width:180px;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;animation:up .18s ease-out}
.langm button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-weight:600;font-size:14px;color:var(--ink);text-align:left}
.langm button:hover,.langm button.on{background:var(--card2)}
.langm button.on::after{content:"✓";margin-left:auto;color:var(--acc)}
.dock-bar{padding:0 6px 0 0}
.db-tg{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:100%;padding-left:14px;text-align:left}
.db-x{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink3);flex:none}
.db-x:hover{color:var(--down);background:var(--card2)}
.toast{display:flex;align-items:center;gap:14px}
.toast button{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.lhead{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px;flex-wrap:wrap}
.lhead .ghost{display:inline-flex;align-items:center;gap:8px}
.h3s{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;margin:10px 0 8px;color:var(--ink2)}
.supinfo{margin:-2px 0 10px;font-size:13.5px;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;max-width:72ch}
.ibtn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--ink3)}
.ibtn:hover,.ibtn[aria-expanded="true"]{color:var(--acc);background:var(--card2)}
.pgh{display:flex;align-items:baseline;gap:10px;margin:16px 0 8px;flex-wrap:wrap}
.pgh button{font:700 16px var(--f-disp);text-align:left}
.pgh button:hover{color:var(--acc)}
.pgh small{color:var(--ink3);font-size:12.5px}
.psearch{margin:4px 0 6px}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 18px 14px;margin-bottom:12px}
.fcard .ficha{border-top:0;margin-top:0;padding-top:14px}
.vsl{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.vsl i{font-style:normal;opacity:.6;font-size:.8em}
.vsl .bdg{flex:none}


.scene{position:relative;border-radius:18px;overflow:hidden;isolation:isolate;padding:24px 22px 16px;margin-bottom:12px;color:#f2f5f8;background:#0f1720;border:1px solid var(--line)}
.scene .scn{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,12,18,.15),rgba(8,12,18,.72))}
.sc-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}
.sc-side{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.sc-side b{font:700 19px/1.15 var(--f-disp);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.sc-side small{font-size:12.5px;color:rgba(242,245,248,.8);display:inline-flex;align-items:center;gap:6px}
.sc-side svg{filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.sc-side .pt{border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.85)}
.sc-side .pt.red{box-shadow:0 0 0 3px #e5484d}
.sc-side .pt.blue{box-shadow:0 0 0 3px #3e7bfa}
.sc-mid{text-align:center;display:flex;flex-direction:column;gap:3px;align-items:center;padding:8px 14px;border-radius:14px;background:rgba(8,12,18,.38);backdrop-filter:blur(3px)}
.sc-mid b{font:800 36px/1 var(--f-disp);letter-spacing:.01em}
.sc-mid small{font-size:12.5px;color:rgba(242,245,248,.8)}
.sc-mid .vs{font:800 13px var(--f-disp);letter-spacing:.2em;color:rgba(242,245,248,.6);margin-top:4px}
.sc-info{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px}
.sc-info span{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.12);color:rgba(242,245,248,.92);display:inline-flex;gap:6px;align-items:center;backdrop-filter:blur(4px)}
.sc-info .fl{font-size:14px;width:18px;height:14px}
.sc-info svg.i{width:14px;height:14px;color:#f2f5f8}
.scene .sc-badge{position:absolute;top:12px;right:12px;background:rgba(242,166,90,.22);color:#f2c46d}
.scene.sc-mma .sc-mid .vs{color:#f2c46d}


.dwrap{position:fixed;inset:0;z-index:90;background:var(--scrim);display:flex;justify-content:flex-end}
.drawer{width:min(400px,100%);height:100%;overflow:auto;background:var(--card);border-left:1px solid var(--line);box-shadow:var(--shadow);animation:drin .3s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;flex-direction:column}
@keyframes drin{from{transform:translateX(36px);opacity:0}to{transform:none;opacity:1}}
.dr-h{display:flex;gap:12px;align-items:center;padding:18px 14px 16px 16px;border-bottom:1px solid var(--line)}
.av{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--acc),var(--sel));color:var(--bg);font:800 17px var(--f-disp);flex:none}
.dr-h>div{flex:1;min-width:0}
.dr-h b{font:700 17px var(--f-disp);display:block}
.dr-h small{color:var(--ink3);font-size:12.5px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ver{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:12px;font-weight:700;color:var(--up)}
.ver svg{width:14px;height:14px}
.dr-bal{margin:14px 16px 6px;padding:14px;border-radius:14px;background:var(--card2);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dr-bal small{display:block;color:var(--ink3);font-size:12px}
.dr-bal b{font:700 19px var(--f-num)}
.dr-btns{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dr-btns .bigbtn,.dr-btns .ghost{height:42px;font-size:15px}
.dr-list{display:flex;flex-direction:column;padding:6px 8px}
.dr-list button{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;font-weight:600;font-size:14.5px;text-align:left}
.dr-list button:hover{background:var(--card2)}
.dr-list button span{flex:1}
.dr-list svg.chev{color:var(--ink3)}
.dr-pref{margin:4px 16px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.dr-pref h4{margin:0;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
.pr{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink2)}
.pr .seg{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.pr .seg button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.pr select,.fld select{background:var(--bg);border:1px solid var(--line2);border-radius:9px;height:40px;padding:0 10px;font-size:14px;color:var(--ink)}
.dr-out{margin:16px;height:44px;border-radius:10px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:var(--down)}
.fld select.full{width:100%;height:46px}
.fld .in select.ddi{border:0;background:none;height:100%;padding:0 4px 0 0;border-right:1px solid var(--line2);border-radius:0;max-width:110px}
.txl{display:flex;flex-direction:column}
.txl .r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:14px}
.txl .r small{color:var(--ink3);font-size:12px}
.txl .r b{font-family:var(--f-num);text-align:right}
.txl .r b.pos{color:var(--up)}
.vstep{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--card2);font-size:14px}
.vstep svg{color:var(--up)}
.vstep.pend svg{color:var(--warn)}
.vstep span{flex:1}
.tgl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:14px}
.tgl input{width:42px;height:24px;accent-color:var(--acc)}
.terms h3{font:700 16px var(--f-disp);margin:8px 0 4px}
.terms ul{margin:0;padding-left:18px;color:var(--ink2);font-size:13.5px;display:flex;flex-direction:column;gap:4px}
.terms p{margin:0;color:var(--ink2);font-size:13.5px}
.card4{display:grid;grid-template-columns:1fr 1fr;gap:10px}


.rsport{display:flex;align-items:center;gap:8px;font:700 17px var(--f-disp);padding:4px 8px 12px;letter-spacing:-.01em}
.rsport svg.i{width:20px;height:20px;color:var(--acc)}
.hint2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 2px 0;font-size:12.5px;color:var(--ink2)}
.hint2 svg.i{width:15px;height:15px;color:var(--acc)}
.hint2 b{color:var(--ink);font-weight:600}
.hint2 .n{font-family:var(--f-num);font-weight:700;color:var(--acc)}
.mcard{flex:none;width:250px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}
.mc-t{display:flex;flex-direction:column;gap:3px;text-align:left}
.mc-t .tm{font-size:13.5px}
.mc-t small{color:var(--ink3);font-size:12px}
.mcard .odd{height:38px}
.vcta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;margin-bottom:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 16%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line))}
.vcta>div{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}
.vcta b{font:700 17px var(--f-disp)}
.vcta span{color:var(--ink2);font-size:13.5px}
.vcta .sl-cta{margin:0}
.xsell{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left;padding-top:10px;border-top:1px solid var(--line)}
.xsell small{color:var(--ink3);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tk .lsc{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--live);font-weight:700;font-size:12.5px}
.tk .lsc i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.6s infinite}
.tk .lsc b{color:var(--ink);font-family:var(--f-num)}
.tk-f .ghost{height:32px;font-size:13px;padding:0 12px}
.tk-f{align-items:center;gap:10px;flex-wrap:wrap}
.st.livest{background:color-mix(in srgb,var(--live) 16%,transparent);color:var(--live)}
.qwrap{position:fixed;inset:0;z-index:95;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center}
.qb{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line2);border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;animation:up .25s ease-out;box-shadow:var(--shadow)}
.qb-h{display:flex;align-items:center;justify-content:space-between}
.qb-s{display:flex;gap:12px;align-items:flex-start;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px}
.qb-s>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.qb-s b{font-size:15px}
.qb-s small{color:var(--ink3);font-size:12.5px}
.qb-s .od{font:800 22px var(--f-num);color:var(--odds)}
.qb-v{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}
.qb-v>button{height:48px;border-radius:10px;background:var(--card2);border:1px solid var(--line);font:700 22px var(--f-num)}
.qb-v label{display:flex;align-items:center;gap:6px;height:48px;border-radius:10px;background:var(--bg);border:1px solid var(--line2);padding:0 12px}
.qb-v input{flex:1;min-width:0;background:none;border:0;outline:0;font:700 20px var(--f-num);text-align:center;color:var(--ink)}
.qb .qs{padding:0}
.qb .link{text-align:center}
.qb .warn{font-size:12.5px;color:var(--warn);display:flex;gap:6px}
@media (min-width:901px){.qwrap{align-items:center}.qb{border-radius:18px}}
@media (max-width:1280px){
  .shell{grid-template-columns:240px minmax(0,1fr)}
  .livegrid{grid-template-columns:minmax(0,1fr) 360px}
}
@media (max-width:1020px){
  .livegrid{grid-template-columns:minmax(0,1fr)}
  .livegrid .trkcol{order:-1;position:static;max-height:none;overflow:visible}
  .banners{grid-template-columns:repeat(2,minmax(0,1fr))}
  .banners .bn:nth-child(3){display:none}
}
@media (max-width:900px){
  .shell,.shell.slim{grid-template-columns:minmax(0,1fr);padding-bottom:140px}
  .railcol{display:none}
  .nav{display:none}
  .tabbar{display:flex}
  .dock{left:0;right:0;width:auto;max-width:none;bottom:calc(58px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;border-bottom:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);transform-origin:bottom center}
  .dock-body{max-height:62vh}
  .hide-m{display:none!important}
  .demo{top:calc(env(safe-area-inset-top,0px) + 64px);bottom:auto;left:auto;right:max(10px,env(safe-area-inset-right,0px));z-index:58}
  .demo .dh{padding:7px 9px;font-size:12px}
}
@media (max-width:640px){
  :root{--cw:186px}
  .top-in{gap:10px;height:56px}
  .wm{font-size:25px}
  .tbtn{height:34px;padding:0 11px;font-size:13px}
  .bal{display:none}
  .mrow,.grp-h,.lband{grid-template-columns:minmax(0,1fr) var(--cw);gap:8px;padding-left:12px}
  .mrow .more,.grp-h>span:last-child,.lband>span:last-child{display:none}
  .odd .o{font-size:15px}
  .banners{grid-template-columns:minmax(0,1fr)}
  .banners .bn:nth-child(2){display:none}
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero .hr{border-left:0;border-top:1px solid var(--line)}
  .mhead .side{font-size:15px}
  .cr.lg{width:42px;height:42px;font-size:15px}
  .ficha{grid-template-columns:minmax(0,1fr)}
  .car .sl{grid-template-columns:minmax(0,1fr);padding:20px 18px 38px;gap:16px;min-height:0}
  .car h3{font-size:24px}
  .dots{left:18px}
  .bigodd b{font-size:46px}
  .pgrid,.prmg{grid-template-columns:minmax(0,1fr)}
  .pcard .gx{display:none}
  .prow{grid-template-columns:minmax(0,1fr) 76px 76px}
  .scene{padding:20px 12px 14px}
  .sc-side b{font-size:15px}
  .sc-mid b{font-size:27px}
  .chip{width:88px;height:74px}
  .sechead .muted{order:3;width:100%;margin-top:-8px}
  .palopts,.flow{grid-template-columns:minmax(0,1fr)}
  .study h1{font-size:27px}
  .tm{font-size:14px}
  .qr{grid-template-columns:minmax(0,1fr);justify-items:center}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}


.fband{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:6px 16px;font-size:12.5px;line-height:1.35;text-align:center}
.fband b{font-weight:700;letter-spacing:.02em}
.fband small{opacity:.75}
.fband.fb-demo{background:var(--warn);color:#1a1206}
.fband.fb-maint{background:var(--live);color:#fff}
.fband.fb-vf{background:color-mix(in srgb,var(--acc) 22%,var(--hdr2));color:var(--hdr-ink)}
.fband button{font:inherit;font-weight:700;border:0;border-radius:6px;padding:3px 10px;background:var(--cta);color:var(--cta-ink);cursor:pointer}
.gate{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:34px 18px;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.gate .pi{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--acc-soft);color:var(--acc)}
.gate b{font:700 18px/1.2 var(--f-disp)}
.prog2.ind i{width:35%;animation:pgind 1.1s ease-in-out infinite}
@keyframes pgind{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}
.checking .bad{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--down) 16%,transparent);color:var(--down)}
.done .snote{margin:4px 0 0;text-align:left;width:100%}
.rq .r small{display:block;width:100%;margin-top:2px}
.st.void,.st.push,.st.letgo{background:var(--card2);color:var(--ink2)}
.st.rejected{background:color-mix(in srgb,var(--down) 10%,transparent);color:var(--down)}
.tk.void,.tk.push,.tk.letgo,.tk.rejected{opacity:.86}
.lres{font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}
.lres.won,.lres.half_won{color:var(--up)} .lres.lost,.lres.half_lost{color:var(--down)} .lres.void,.lres.push{color:var(--ink3)}
.tk-rq{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);font-size:13px}
.tk-rq span{flex:1;min-width:160px}
.tk-rq .placebtn{width:auto;padding:8px 14px;margin:0}
.tk-co{display:flex;align-items:center;gap:8px;padding:0 14px 12px;font-size:13px;color:var(--ink2)}
.tk-co .placebtn.co{width:100%;margin:0}
.tk-co .placebtn.co.armed{background:var(--up);color:#06150f}
.tk-co.off svg{color:var(--warn)}
.ver.pend{border:0;background:none;padding:0;color:var(--warn);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
fieldset.mkt{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0;display:flex;flex-direction:column;gap:8px}
fieldset.mkt legend{font-size:13px;color:var(--ink2);padding:0 4px}
.dlg-b a.vstep{color:inherit;text-decoration:none}
.dlg-b a.bigbtn{display:block;text-align:center;text-decoration:none}
button.busy{opacity:.6;cursor:progress}
.ghost.wa{border-color:#25d366;color:#25d366}


.i{flex:none}
.bigbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;transition:transform .12s,filter .15s}
.bigbtn:active:not(:disabled),.placebtn:active:not(:disabled),.co-btn:active{transform:scale(.97)}
.bigbtn.busy,.ghost.busy,.placebtn.busy{position:relative;color:transparent!important;pointer-events:none}
.bigbtn.busy::after,.ghost.busy::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2.5px solid currentColor;border-color:var(--cta-ink) transparent var(--cta-ink) transparent;animation:sp .8s linear infinite}
.ghost.busy::after{border-color:var(--ink) transparent var(--ink) transparent}
.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.hint.ok{color:var(--up)!important}.hint.bad{color:var(--down)!important}
.shake{animation:shake .38s}
@keyframes shake{20%{transform:translateX(-5px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}100%{transform:none}}
.spin.s{width:22px;height:22px;border-width:2.5px;flex:none}


.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 10px}
.empty.big{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:38px 20px}
.empty .empty-i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc);position:relative;margin-bottom:4px}
.empty .empty-i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--acc) 45%,transparent);animation:sp 18s linear infinite}
.empty .empty-i svg{width:28px;height:28px}
.empty b{font:700 17px var(--f-disp)}
.empty .muted{font-size:14px;max-width:34ch}
.empty .bigbtn{margin-top:8px;min-width:200px}
.empty.soon .empty-i{background:color-mix(in srgb,var(--cta) 16%,transparent);color:var(--cta)}
.empty.okk .empty-i{background:color-mix(in srgb,var(--up) 16%,transparent);color:var(--up)}


.cel{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:var(--scrim);overflow:hidden;animation:celbg .25s ease-out}
.cel.out{animation:celout .22s ease-in forwards}
@keyframes celbg{from{background:transparent}}
@keyframes celout{to{opacity:0}}
.cel-card{position:relative;z-index:2;width:100%;max-width:360px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px 22px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:celin .5s cubic-bezier(.2,1.3,.4,1)}
@keyframes celin{from{transform:translateY(24px) scale(.9);opacity:0}to{transform:none;opacity:1}}
.cel-badge{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:6px;color:#06150f;background:radial-gradient(circle at 35% 30%,#8ff0cb,var(--up) 70%);box-shadow:0 10px 30px color-mix(in srgb,var(--up) 45%,transparent)}
.k-cashout .cel-badge,.k-deposit .cel-badge{color:#2a1a05;background:radial-gradient(circle at 35% 30%,#ffe2b0,var(--cta) 72%);box-shadow:0 10px 30px color-mix(in srgb,var(--cta) 45%,transparent)}
.k-email .cel-badge{color:#061528;background:radial-gradient(circle at 35% 30%,#cfe8fb,#6cb8f0 72%)}
.cel-badge svg{width:40px;height:40px;stroke-width:2.2;animation:celpop .6s .15s cubic-bezier(.2,1.6,.4,1) both}
@keyframes celpop{from{transform:scale(.3) rotate(-25deg);opacity:0}}
.cel-ring{position:absolute;inset:0;border-radius:50%;border:2px solid currentColor;opacity:0;animation:celring 1.6s .2s ease-out infinite}
.cel-ring.r2{animation-delay:.9s}
.k-cashout .cel-ring,.k-deposit .cel-ring{border-color:var(--cta)}.k-verified .cel-ring,.k-bet .cel-ring{border-color:var(--up)}.k-email .cel-ring{border-color:#6cb8f0}
@keyframes celring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.cel-t{font:800 22px/1.15 var(--f-disp);letter-spacing:-.02em}
.cel-amt{font:800 38px/1 var(--f-num);color:var(--up);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cel-s{margin:0;color:var(--ink2);font-size:14.5px;max-width:30ch}
.cel-b{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:10px}
.cel-b .bigbtn{width:100%}
.cel-b .link{padding:8px}
.drop{position:absolute;top:-30px;z-index:1;width:18px;height:18px;border-radius:50%;pointer-events:none;animation:drop 2s cubic-bezier(.3,.1,.6,1) forwards;transform:scale(var(--s))}
.drop.coin{background:radial-gradient(circle at 35% 30%,#fff2cf,#f2a65a 60%,#c87a2a);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.drop.spark{width:10px;height:10px;border-radius:2px;background:var(--acc);transform:rotate(45deg) scale(var(--s))}
.drop.spark:nth-child(3n){background:var(--up)}.drop.spark:nth-child(3n+1){background:var(--cta)}
@keyframes drop{0%{transform:translateY(0) rotate(0) scale(var(--s));opacity:0}10%{opacity:1}100%{transform:translateY(110vh) rotate(var(--r)) scale(var(--s));opacity:.9}}


.bal.bump b{animation:balbump .9s ease-out}
.bal.bump.up b{color:#8ff0cb}
@keyframes balbump{30%{transform:scale(1.12)}100%{transform:none}}


.co{margin:0 12px 12px;padding:12px;border-radius:12px;background:var(--card2);border:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.co.gain{border-color:color-mix(in srgb,var(--up) 45%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--up) 9%,var(--card2)),var(--card2) 60%)}
.co-row{display:flex;align-items:center;gap:10px}
.co-l{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.co-l small{font-size:12px;color:var(--ink3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.co-v{font:800 22px var(--f-num);font-variant-numeric:tabular-nums;color:var(--ink)}
.co-v.up{animation:coup 1.2s ease-out}.co-v.dn{animation:codn 1.2s ease-out}
@keyframes coup{0%{color:var(--up);transform:translateY(-3px)}100%{}}
@keyframes codn{0%{color:var(--down);transform:translateY(3px)}100%{}}
.co-p{font-size:12.5px;color:var(--up);font-weight:700}
.co-btn{flex:none;min-width:118px;height:46px;padding:0 16px;border-radius:11px;background:var(--cta);color:var(--cta-ink);font:800 15px var(--f-disp);display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s,transform .12s;box-shadow:0 6px 16px color-mix(in srgb,var(--cta) 30%,transparent)}
.co-btn.armed{background:var(--up);color:#06150f;animation:arm 1s ease-in-out infinite}
.co-btn b{font:800 14px var(--f-num)}
@keyframes arm{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--up) 25%,transparent)}}
.co-meter{position:relative;height:6px;border-radius:3px;background:var(--line)}
.co-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,var(--cta),var(--up));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.co-meter em{position:absolute;top:-3px;width:2px;height:12px;background:var(--ink2);border-radius:1px}
.co-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.co-foot small{color:var(--ink3);font-size:12.5px}
.co-foot .link{display:inline-flex;align-items:center;gap:5px;font-size:13.5px}
.co-foot .link svg{width:16px;height:16px}
.co-auto{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);padding-top:8px;border-top:1px dashed var(--line2)}
.co-auto>span{flex:1}.co-auto svg{width:16px;height:16px;color:var(--acc)}
.co.off{flex-direction:row;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}
.co.off svg{color:var(--warn);width:18px;height:18px}
.co.busy .co-row span{display:flex;flex-direction:column;line-height:1.3}
.co.busy small{color:var(--ink3);font-size:12.5px}
.co-prog{height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.co-prog i{display:block;height:100%;width:100%;background:var(--acc);transform-origin:left;animation:coprog linear forwards}
@keyframes coprog{from{transform:scaleX(.04)}to{transform:scaleX(1)}}
.co.cofin{flex-direction:row;align-items:center;gap:10px;border-color:color-mix(in srgb,var(--up) 50%,var(--line));animation:popb .4s}
.co.cofin>span:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.25}
.co.cofin small{color:var(--ink3);font-size:12.5px}
.co-ok{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--up);color:#06150f;flex:none}
.co.fail{flex-direction:row;align-items:center;gap:10px;font-size:13.5px;border-color:color-mix(in srgb,var(--down) 40%,var(--line))}
.co.fail span{flex:1}
.comh{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.comh-t{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 0 0}
.comh-t>small{display:block;padding:0 14px 8px;color:var(--ink3);font-size:12.5px}
.comh-t .co{margin-top:0}
.st.cashed{background:color-mix(in srgb,var(--cta) 16%,transparent);color:var(--cta)}
.tk-co svg{color:var(--cta)}

.cos .dlg-b{gap:16px}
.cos-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:6px 0 2px}
.cos-hero>small:first-child{font-size:12.5px;color:var(--ink3);text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.cos-hero b{font:800 34px var(--f-num);color:var(--ink)}
.cos-hero small:last-child{color:var(--ink3);font-size:13px}
.cos-sec{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.cos-sec h3{margin:0;font:700 15px var(--f-disp);display:flex;align-items:center;gap:7px}
.cos-sec h3 svg{width:18px;height:18px;color:var(--acc)}
.cos-sec p{margin:0;font-size:13.5px}
.cos-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
.cos-parts button{height:38px;font:700 14px var(--f-num)}
.cos-parts button.on{background:var(--sel);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--sel-line)}
.cos-sum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.cos-sum>div{background:var(--card2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:1px}
.cos-sum small{font-size:12px;color:var(--ink3)}
.cos-sum b{font:800 19px var(--f-num)}
.cos-sum>div:first-child b{color:var(--up)}
.cos-pre{display:flex;gap:8px;flex-wrap:wrap}
.cos-pre button{flex:1;min-width:96px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card2);display:flex;flex-direction:column;align-items:center;gap:1px;font-size:12px;color:var(--ink2)}
.cos-pre button b{font:800 15px var(--f-num);color:var(--ink)}
.cos-pre button.on{border-color:var(--acc);background:var(--acc-soft)}
.cos-sec .in{display:flex;align-items:center;gap:8px;height:46px;border-radius:9px;background:var(--bg);border:1px solid var(--line2);padding:0 12px}
.cos-sec .in input{flex:1;min-width:0;background:none;border:0;outline:0;font:700 17px var(--f-num)}
.cos-sec .in .pre{color:var(--ink2);font-weight:600;padding-right:8px;border-right:1px solid var(--line2)}
.cos-ab{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cos-ab .ghost{flex:1;min-width:180px;height:44px}
.cos .snote{margin:0}.cos .snote svg{color:var(--up)}


.onb .dlg-b{gap:14px}
.vf-bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.vf-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--acc),var(--up));transition:width .8s cubic-bezier(.2,.8,.2,1)}
.vfl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vf{display:flex;gap:12px;padding:12px;border-radius:12px;background:var(--card2);border:1px solid var(--line);transition:border-color .3s,background .3s}
.vf.ok{border-color:color-mix(in srgb,var(--up) 45%,var(--line))}
.vf.dim{opacity:.6}
.vf-i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--acc-soft);color:var(--acc)}
.vf.ok .vf-i{background:var(--up);color:#06150f;animation:popb .45s}
.vf-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.vf-c>b{font:700 15px var(--f-disp)}
.vf-c>small{color:var(--ink3);font-size:12.5px;margin-top:-4px}
.vf-c .ghost,.vf-c .bigbtn{align-self:flex-start;height:40px}
.vf-c .hint{margin:0;font-size:12.5px;color:var(--ink3)}
.vf-code{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--card);border:1px dashed var(--line2)}
.vf-code small{font-size:12px;color:var(--ink3)}
.vf-code>b{font:800 26px var(--f-num);letter-spacing:.08em}
.vf-ab{display:flex;gap:8px;flex-wrap:wrap}
.vf-ab .bigbtn{height:40px;font-size:14.5px;text-decoration:none}
.bigbtn.wa{background:#25d366;color:#05210f}
.vf-wait{margin:0;display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink3)}
.vf-wait i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:dotb 1.2s infinite}
.vf-wait i:nth-child(2){animation-delay:.15s}.vf-wait i:nth-child(3){animation-delay:.3s}
.vf-wait span{margin-left:6px}
@keyframes dotb{0%,80%,100%{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-3px)}}


.wcard{position:relative;overflow:hidden;border-radius:16px;padding:18px;color:#eef4f9;background:radial-gradient(120% 140% at 100% 0%,#2b5577 0%,#16283c 55%,#111c2a 100%);display:flex;flex-direction:column;gap:2px}
.wcard::after{content:"";position:absolute;right:-56px;top:-56px;width:130px;height:130px;border-radius:50%;border:16px solid rgba(242,166,90,.12);pointer-events:none}
.wcard>small{font-size:12px;letter-spacing:.07em;text-transform:uppercase;opacity:.75;font-weight:700}
.wcard>b{font:800 34px var(--f-num);letter-spacing:-.01em}
.wcard .wccy{position:absolute;right:18px;top:16px;font:700 12px var(--f-num);opacity:.7;letter-spacing:.08em}
.wcard.sm>b{font-size:26px}
.wrows{margin-top:8px;display:flex;flex-direction:column;gap:2px}
.wcard .wrow{color:rgba(238,244,249,.8)}
.wbtns{display:flex;gap:8px;margin-top:12px;position:relative;z-index:1}
.wbtns .bigbtn{flex:1}
.wbtns .ghost{flex:1;height:48px;border-color:rgba(255,255,255,.3);color:#eef4f9}
.wrow{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink2)}
.wrow b{font-family:var(--f-num);color:inherit}
.wrow.big{font-size:15px;color:var(--ink)}.wrow.big b{font-size:18px;color:var(--up)}
.wh{margin:6px 0 0;font:700 15px var(--f-disp)}
.txl2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tx{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)}
.tx-i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--card2);color:var(--ink2)}
.tx.in .tx-i{color:var(--up)}.tx.out .tx-i{color:var(--acc)}
.tx.out .tx-i svg{transform:rotate(-45deg)}
.tx-c{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.tx-c small{color:var(--ink3);font-size:12.5px}
.tx-r{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.tx-r b{font:700 15px var(--f-num)}
.tx.in.good .tx-r b{color:var(--up)}
.tx-r .st{font-size:12px;color:var(--ink3)}
.tx.wait .tx-r .st{color:var(--warn)}.tx.bad .tx-r .st{color:var(--down)}
.tx-r .link{font-size:12.5px}
.mtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card2);text-align:left;transition:border-color .15s,background .15s}
.mt svg{color:var(--acc);margin-bottom:4px}
.mt b{font:700 14.5px var(--f-ui)}
.mt small{font-size:12px;color:var(--ink3);line-height:1.3}
.mt.on{border-color:var(--sel-line);background:var(--sel);box-shadow:inset 0 0 0 1px var(--sel-line)}
.dep-prev:empty{display:none}
.dep-prev{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:var(--card2)}
.dep-wait{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--acc-soft)}
.dep-wait div{display:flex;flex-direction:column;line-height:1.3}
.dep-wait small{color:var(--ink2);font-size:13px}
.ins{display:flex;flex-direction:column;gap:8px}
.ins>b{font-size:13.5px}
.ins .bigbtn{text-decoration:none}
.copy .ghost{height:40px;flex:none}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;counter-reset:s}
.steps3 li{position:relative;padding-top:16px;font-size:12.5px;color:var(--ink3);text-align:center}
.steps3 li::before{content:"";position:absolute;top:4px;left:0;right:0;height:4px;border-radius:2px;background:var(--line)}
.steps3 li.on{color:var(--ink);font-weight:700}.steps3 li.on::before{background:var(--up)}


.reg .dlg-b{gap:14px}
.rsteps{display:flex;gap:6px}
.rsteps i{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background .4s}
.rsteps i.past{background:var(--up)}.rsteps i.now{background:var(--acc)}
.rbody{display:flex;flex-direction:column;gap:12px;animation:slin .3s ease-out}
.rt{margin:0;font:800 21px var(--f-disp);letter-spacing:-.02em}
.rs{margin:-6px 0 2px;font-size:13.5px}
.fld .lbl{font-size:13px;font-weight:600;color:var(--ink2)}
.curs{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
.cur{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card2);text-align:left}
.cur b{font:800 20px var(--f-num)}
.cur span{font-size:12px;color:var(--ink3)}
.cur.on{border-color:var(--sel-line);background:var(--sel);box-shadow:inset 0 0 0 1px var(--sel-line)}
.pwm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:2px}
.pwm i{height:4px;border-radius:2px;background:var(--line);transition:background .3s}
.pwm i.lv1{background:var(--down)}.pwm i.lv2{background:var(--warn)}.pwm i.lv3{background:var(--up)}
.rnav{display:flex;gap:8px}
.rnav .bigbtn{flex:1}.rnav .ghost{height:48px;min-width:96px}
.tsbox{min-height:65px}
.mkt{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.mkt legend{font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px;padding:0}
.mkt .hint{flex-basis:100%;font-size:12px;color:var(--ink3)}


.tgl-list{display:flex;flex-direction:column;gap:2px}
.tgl-r{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid var(--line)}
.tgl-l{display:flex;align-items:center;gap:10px;font-weight:600}
.tgl-l svg{color:var(--acc)}
.tgl{width:48px;height:28px;border-radius:14px;background:var(--line2);position:relative;transition:background .2s;flex:none}
.tgl i{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .22s cubic-bezier(.3,1.4,.5,1)}
.tgl.on{background:var(--up)}.tgl.on i{transform:translateX(20px)}

.smin{margin:0 0 6px;font-size:12px;color:var(--ink3);text-align:center}
.qb .qs button span,.qs button span{pointer-events:none}


.done .code{animation:stamp .55s .2s cubic-bezier(.2,1.5,.4,1) both}
@keyframes stamp{from{transform:scale(1.8) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}

@media (max-width:520px){
  .modal{padding:0;align-items:flex-end}
  .modal .dlg{max-width:none;border-radius:20px 20px 0 0;border-bottom:0;max-height:94vh;overflow:auto;padding-bottom:env(safe-area-inset-bottom,0px);animation:sheet .32s cubic-bezier(.2,.9,.3,1)}
  .co-btn{min-width:104px}
  .co-v{font-size:20px}
}
@keyframes sheet{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  .cel,.cel-card,.cel-badge svg,.cel-ring,.drop,.co-v.up,.co-v.dn,.co-btn.armed,.co.cofin,.vf.ok .vf-i,.vf-wait i,.rbody,.done .code,.bal.bump b,.empty .empty-i::after,.shake,.modal .dlg{animation:none!important}
  .cel-ring{display:none}
  .co-meter i,.vf-bar i,.tgl i,.rsteps i{transition:none}
}
.dlg-b a.bigbtn{display:inline-flex}
.onb .dlg-b>p.muted{margin:0}
.cel-b button:focus{outline:none}.cel-b button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.dlg-b>.hint,.cos-sec>.hint,.ins .hint,.wd .hint{margin:0;font-size:12.5px;color:var(--ink3)}
@media (max-width:520px){
  .tk-h{flex-wrap:wrap;row-gap:2px}
  .tk-h>.muted.num{order:9;flex-basis:100%;font-size:12px;padding-left:30px}
  .tk-h .st{margin-left:auto}
}

button.bal{color:inherit;cursor:pointer;border-radius:10px;padding:4px 8px;transition:background .15s}
button.bal:hover{background:rgba(255,255,255,.06)}
@media (max-width:880px){
  .top-r button.bal{display:flex}
  .top-r button.bal b{font-size:15px}
  .top-r .langw.lgd{display:none}
}

.rqh .rq-i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn);animation:popb .4s}
.rq2{padding:0 12px 4px;display:flex;flex-direction:column;gap:8px}
.rq-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--card2)}
.rq-r .nm{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rq-o{display:flex;align-items:center;gap:6px;font-size:15px}
.rq-o s{color:var(--ink3)}.rq-o svg{width:14px;height:14px;color:var(--ink3)}
.rq-o b{font:800 19px var(--f-num)}.rq-o b.dn{color:var(--down)}.rq-o b.up{color:var(--up)}
.rq-r small{grid-column:1/-1;font-size:12.5px}
.rq-t{position:relative;display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--ink3);padding:2px 2px 8px}
.rq-t i{position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:2px;background:var(--warn);transform-origin:left;animation:rqbar linear forwards}
@keyframes rqbar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.rq-t i,.rqh .rq-i{animation:none}}

.hero{position:relative;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);margin-bottom:16px}
.hero-art{display:block;width:100%;height:170px}
.hero-ball{animation:heroball 3.6s cubic-bezier(.45,.05,.3,1) infinite;transform-origin:200px 85px}
@keyframes heroball{0%,100%{transform:translate(0,0)}25%{transform:translate(-120px,-30px) rotate(-200deg)}50%{transform:translate(-30px,40px) rotate(-360deg)}75%{transform:translate(110px,-18px) rotate(-520deg)}}
.hero-c{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px}
.hero-t{font:800 24px/1.15 var(--f-disp);letter-spacing:-.02em}
.hero-s{color:var(--ink2);font-size:15px}
.hero-b{display:flex;gap:8px;flex-wrap:wrap}
.hero-b .bigbtn{flex:1;min-width:150px}.hero-b .ghost{height:48px;flex:1;min-width:130px}
.hero-f{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:13.5px;color:var(--ink2)}
.hero-f li{display:flex;align-items:center;gap:8px}.hero-f svg{color:var(--acc);width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.hero-ball{animation:none}}

[hidden]{display:none!important}


.cpbtn{display:flex;align-items:center;gap:10px;height:46px;border-radius:9px;background:var(--bg);border:1px solid var(--line2);padding:0 12px;text-align:left;font-size:15px;min-width:0}
.cpbtn.full{width:100%}
.cpbtn .cpn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpbtn svg.i{width:16px;height:16px;color:var(--ink3);flex:none}
.cpbtn:hover,.cpbtn:focus-visible{border-color:var(--acc)}
.cpbtn.bad{border-color:color-mix(in srgb,var(--down) 60%,var(--line2))}
.cpbtn .fl{font-size:20px}
.fld .in .cpbtn.ddi{height:100%;border:0;border-right:1px solid var(--line2);border-radius:0;background:none;padding:0 10px 0 0;gap:6px;flex:none;font:600 15px var(--f-num)}
.cpick{display:flex;flex-direction:column;gap:10px;min-height:0}
.cp-h{display:flex;align-items:center;gap:8px;font-size:16px}
.cp-h .ibtn{width:34px;height:34px}
.cp-h .ibtn svg.i{width:18px;height:18px}
.cp-s{display:flex;align-items:center;gap:8px;height:46px;border-radius:10px;background:var(--bg);border:1px solid var(--line2);padding:0 12px;color:var(--ink3)}
.cp-s:focus-within{border-color:var(--acc)}
.cp-s input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:16px;color:var(--ink)}
.cp-l{display:flex;flex-direction:column;max-height:min(56vh,460px);overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px;scroll-padding:40px 0}
.cp-g{position:sticky;top:0;z-index:1;background:var(--card);padding:8px 4px 6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.cp-i{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:10px;text-align:left;font-size:15px}
.cp-i:hover{background:var(--card2)}
.cp-i .fl{font-size:22px;width:28px;text-align:center}
.cp-i .cp-n{flex:1;min-width:0}
.cp-i .cp-d{color:var(--ink3);font-weight:600}
.cp-i small{font-size:11.5px;color:var(--ink3)}
.cp-i svg.i{width:18px;height:18px;color:var(--acc);flex:none}
.cp-i.on{background:var(--sel);box-shadow:inset 0 0 0 1px var(--sel-line)}
.cp-i.off .cp-n,.cp-i.off .fl{opacity:.5}
.cp-none{margin:18px 4px;color:var(--ink3);text-align:center}
.terms-ok{display:flex;gap:10px;align-items:flex-start;margin:2px 0 0;padding:12px;border-radius:10px;background:var(--card2);border:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--ink2)}
.terms-ok>svg.i{width:18px;height:18px;flex:none;color:var(--up);margin-top:1px}
.terms-ok .link{font-size:inherit;display:inline;padding:0;text-decoration:underline;text-underline-offset:2px}
.gcta{display:flex;flex-direction:column;gap:8px}
.gcta-t{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--up) 9%,var(--card2));border:1px solid color-mix(in srgb,var(--up) 30%,var(--line));font-size:13px;color:var(--ink2);line-height:1.45}
.gcta-t>svg.i{width:20px;height:20px;flex:none;color:var(--up);margin-top:1px}
.gcta-t b{display:block;color:var(--ink);font-size:14px}
.gcta .gcta-l{width:100%}
.sc-info .fl{background:none;padding:0;border-radius:0;backdrop-filter:none}   
.cp-l{height:min(56vh,460px);max-height:none}                                 
@media (max-width:560px){   
  .grid[style*="--n:3"]>.odd.lbd{flex-direction:column;justify-content:center;gap:2px;height:auto;min-height:56px;padding:6px 6px}
  .grid[style*="--n:3"]>.odd.lbd .lb{font-size:12px;white-space:normal;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media (max-width:520px){   
  .modal:has(.pal){align-items:flex-start}
  .modal .dlg.pal{border-radius:0 0 20px 20px;border-top:0;border-bottom:1px solid var(--line);animation:none}
  .pal .res{max-height:72vh}
}
.vcta{position:relative;overflow:hidden;isolation:isolate}
.vcta .vc-art{position:absolute;right:-30px;top:-20px;width:190px;height:150px;z-index:-1;opacity:.55;pointer-events:none}
.vcta .vc-b{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vcta .vc-b .link{font-size:14px}
.gcta .gcta-l{height:auto;border:0;padding:4px 0;color:var(--acc);font-weight:600}
.vcta .vc-art{right:-18px;top:auto;bottom:-14px;width:150px;height:118px;opacity:.38}
.vcta>div.vc-b{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}
.vcta>div:not(.vc-b){padding-right:70px}
@media (min-width:700px){.vcta>div:not(.vc-b){padding-right:0}.vcta>div.vc-b{flex:none}.vcta .vc-art{right:220px;bottom:-26px}}
.fg-ch{display:flex}
.fg-ch button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.fg-ch svg.i{width:17px;height:17px}
@media (min-width:1180px){body.has-dock .shell{padding-right:410px}}   

.mrow .mi>.mt{padding:2px 0;border:0;background:none;border-radius:0;align-items:stretch;gap:4px;transition:none}


.ri .nm .lg-cc{font-size:.82em;opacity:.7;font-weight:500;white-space:nowrap}



.pslot{display:inline-block;line-height:0;flex:none}
.pslot>svg,.pslot>img,.pslot .pfb>svg{width:100%;height:100%;display:block}
.pslot img{object-fit:cover}
.pslot.pc{border-radius:50%;overflow:hidden}
.kp{overflow:visible}

.car-ar{position:absolute;right:16px;bottom:10px;display:flex;gap:6px;z-index:4}
.car-ar button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16);transition:background .15s}
.car-ar button:hover{background:rgba(255,255,255,.22)}
.car-ar svg{width:15px;height:15px}
.car .dots{z-index:4}
.sl-n{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:rgba(26,18,6,.18);font:700 12px var(--f-num)}
.ldot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5d4f;box-shadow:0 0 0 0 rgba(255,93,79,.6);animation:ldot 1.6s infinite;flex:none}
@keyframes ldot{0%{box-shadow:0 0 0 0 rgba(255,93,79,.55)}70%{box-shadow:0 0 0 9px rgba(255,93,79,0)}100%{box-shadow:0 0 0 0 rgba(255,93,79,0)}}
.eb.lv{color:#ff8f84}

.car .sl.sl-day{display:none;grid-template-columns:minmax(0,1fr);padding:0;min-height:300px;align-items:stretch}
.car .sl.sl-day.on{display:grid}
.car .sl.sl-day::after{background:radial-gradient(ellipse 60% 75% at 50% 45%,rgba(7,12,19,.62),rgba(7,12,19,.18) 75%,rgba(7,12,19,0))}
.sl-day .beams{animation:beams 6s ease-in-out infinite alternate;transform-origin:50% 0}
@keyframes beams{from{opacity:.55}to{opacity:1}}
.sl-day .spk circle{animation:pulse 2.8s ease-in-out infinite}.sl-day .spk circle:nth-child(2n){animation-delay:1.1s}.sl-day .spk circle:nth-child(3n){animation-delay:1.9s}
.dy-pl{position:absolute;bottom:0;width:230px;height:270px;z-index:0;pointer-events:none}
.dy-pl.h{left:0}.dy-pl.a{right:0}
.dy-pl .pslot{position:absolute}
.dy-pl .pslot.b{left:-34px;bottom:58px;width:136px;height:170px;opacity:.85;filter:saturate(.85) brightness(.6)}
.dy-pl .pslot.f{left:78px;bottom:-4px;width:172px;height:215px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))}
.dy-pl.a .pslot.b{left:auto;right:-34px}.dy-pl.a .pslot.f{left:auto;right:78px}
.sl-day.on .dy-pl .pslot.f{animation:dyin .9s cubic-bezier(.2,.8,.2,1) both}
.sl-day.on .dy-pl .pslot.b{animation:dyin 1.1s .12s cubic-bezier(.2,.8,.2,1) both}
@keyframes dyin{from{transform:translateY(26px);opacity:0}to{transform:none}}
.dy-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 200px 46px;text-align:center;min-width:0}
.dy-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;width:100%;max-width:560px}
.dy-tm{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#fff}
.dy-tm b{font:800 22px/1.1 var(--f-disp);letter-spacing:-.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.dy-tm .bdg{filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));transition:transform .2s}
.dy-tm:hover .bdg{transform:translateY(-2px) scale(1.04)}
.dy-mid{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px}
.dy-mid small{font-size:12px;color:rgba(242,245,248,.72)}
.dy-mid b{font:800 30px/1 var(--f-num);color:#fff;letter-spacing:.01em}
.dy-mid .dy-si{margin-top:3px;padding:2px 8px;border-radius:20px;background:rgba(242,196,109,.16);color:#f2c46d;font-weight:700;font-size:11.5px;white-space:nowrap}
.dy-o{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px;width:100%;max-width:480px}
.odd.dyo{height:60px;flex-direction:column;gap:4px;padding:0 8px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.odd.dyo:hover{background:rgba(255,255,255,.14)}
.odd.dyo .lb{font-size:12.5px;color:rgba(242,245,248,.78);max-width:100%}
.odd.dyo .v{display:inline-flex;align-items:baseline;gap:7px}
.odd.dyo s{font:600 13px var(--f-num);color:rgba(242,245,248,.5)}
.odd.dyo .o{font:800 21px/1 var(--f-num);color:#f6c66f}
.odd.dyo.on{background:rgba(242,196,109,.24);border-color:#f2c46d;box-shadow:none}
.odd.dyo.on .o{color:#fff}
.odd.dyo.lock{background:rgba(255,255,255,.05);color:rgba(242,245,248,.5)}
.odd.dyo::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%);transform:translateX(-120%);animation:dyshine 5.5s ease-in-out infinite}
.dy-o .odd.dyo:nth-child(2)::before{animation-delay:.25s}.dy-o .odd.dyo:nth-child(3)::before{animation-delay:.5s}
@keyframes dyshine{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.dy-f{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(242,245,248,.75)}
.dy-lg{display:inline-flex;align-items:center;gap:6px}
.dy-more{color:#f2c46d;font-weight:700;font-size:13.5px}
.dy-more:hover{text-decoration:underline}

.car .sl.sl-live::after{background:linear-gradient(90deg,rgba(9,14,21,.9),rgba(9,14,21,.5) 60%,rgba(9,14,21,.3))}
.sl-live .ecg{stroke-dasharray:900;stroke-dashoffset:900;animation:ecg 3.2s linear infinite}
@keyframes ecg{to{stroke-dashoffset:-900}}
.ltop{display:flex;flex-direction:column;gap:8px;width:100%;max-width:370px}
.ltc{display:flex;flex-direction:column;gap:3px;padding:9px 12px 10px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;text-align:left;transition:transform .18s,background .18s,border-color .18s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ltc:hover{transform:translateX(-3px);background:rgba(255,255,255,.12);border-color:rgba(255,107,94,.55)}
.ltc-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:rgba(242,245,248,.62);margin-bottom:2px}
.ltc-lg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ltc-m{display:inline-flex;align-items:center;gap:6px;color:#ff8f84;font:700 12.5px var(--f-num);flex:none}
.ltc-m i{width:6px;height:6px;border-radius:50%;background:#ff5d4f;animation:pulse 1.4s infinite}
.ltc-r{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;line-height:19px;min-width:0}
.ltc-r .cr{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ltc-r b{margin-left:auto;font:800 17px var(--f-num);color:#fff}
.ltc-p{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.1);margin-top:5px;overflow:hidden}
.ltc-p i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#ff5d4f,#f2c46d)}

.bo-pct{padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#f6c66f,#f2a65a);color:#1a1206;font:800 16px var(--f-num);box-shadow:0 6px 22px rgba(242,166,90,.35);margin-bottom:4px}
.pstar{display:flex;align-items:flex-end;justify-content:center;gap:16px}
.pst{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;animation:pfl 5s ease-in-out infinite}
.pst:nth-child(2){animation-delay:.8s}.pst:nth-child(3){animation-delay:1.6s}
@keyframes pfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.pst .pslot{width:92px;height:92px}
.pst .pslot{border-radius:50%;box-shadow:0 0 0 3px #131c2a,0 0 0 5px rgba(242,196,109,.75),0 12px 30px rgba(0,0,0,.45)}
.pst.mid .pslot{width:118px;height:118px}
.pst-n svg{width:13px;height:13px;flex:none;opacity:.8}
.pst-n{display:inline-flex;align-items:center;gap:5px;font:600 12.5px var(--f-ui);padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sxs{position:relative}
.sx-ar{position:absolute;top:calc(50% - 4px);transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--ink);border:1px solid var(--line2);box-shadow:var(--shadow);transition:opacity .2s,transform .15s}
.sx-ar:hover{transform:translateY(-50%) scale(1.06)}
.sx-ar svg{width:18px;height:18px}
.sx-ar.l{left:-12px}.sx-ar.r{right:-12px}
.sxs.at0 .sx-ar.l,.sxs.atn .sx-ar.r,.sxs.fits .sx-ar{opacity:0;pointer-events:none}
.sxs:not(.atn):not(.fits) .hrow{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 46px),transparent)}

.s2-first{margin-left:auto;font-size:13px}
.sup2{flex:none;width:320px;scroll-snap-align:start;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;isolation:isolate;
  border:1px solid color-mix(in srgb,var(--cta) 42%,var(--line));background:radial-gradient(120% 60% at 100% 0,color-mix(in srgb,var(--cta) 20%,transparent),transparent 60%),linear-gradient(170deg,color-mix(in srgb,var(--cta) 8%,var(--card)),var(--card) 60%)}
.sup2::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--cta) 14%,transparent) 50%,transparent 65%);transform:translateX(-100%)}
.sup2:hover::after{animation:wave 1.2s ease-out}
.s2-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.s2-eb{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--warn)}
.s2-eb svg{width:15px;height:15px}
.s2-pct{padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,#f6c66f,#f2a65a);color:#1a1206;font:800 14px var(--f-num);box-shadow:0 4px 14px rgba(242,166,90,.35);position:relative;overflow:hidden}
.s2-pct::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:dyshine 4.5s ease-in-out infinite}
.s2-legs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.s2-legs li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center}
.s2-n{min-width:0}
.s2-n b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s2-n small{display:block;font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s2-o{display:inline-flex;align-items:center;gap:4px;font-family:var(--f-num)}
.s2-o s{font-size:13px;color:var(--ink3)}
.s2-o svg{width:12px;height:12px;color:var(--warn)}
.s2-o b{font-size:16px;font-weight:800;color:var(--warn)}
.s2-cmp{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.s2-ch{display:flex;align-items:center;justify-content:space-between;gap:8px}
.s2-ct{font-size:12px;color:var(--ink2)}
.s2-gain{font:800 13.5px var(--f-num);color:var(--up)}
.s2-bar{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px;color:var(--ink2)}
.s2-bar i{position:relative;height:8px;border-radius:4px;background:color-mix(in srgb,var(--line2) 55%,transparent);overflow:hidden}
.s2-bar i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:4px;background:var(--ink3);transform-origin:left;animation:s2fill 1s cubic-bezier(.2,.8,.2,1) both}
.s2-bar.s i::before{background:linear-gradient(90deg,var(--ink3) 0,var(--ink3) var(--n),#f6c66f var(--n),#f2a65a 100%);box-shadow:0 0 12px rgba(242,166,90,.45);animation-delay:.15s}
.s2-bar b{font:700 13px var(--f-num);color:var(--ink);min-width:72px;text-align:right}
.s2-bar.s b{color:var(--warn)}
@keyframes s2fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.s2-f{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}
.s2-tot small{display:block;font-size:12px;color:var(--ink3)}
.s2-tot s{font:600 18px var(--f-num);color:var(--ink3)}
.go.lock{background:var(--odd);color:var(--ink3);box-shadow:none;cursor:not-allowed}
.s2-ft{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:12px;color:var(--ink3)}
.s2-ft>span{display:inline-flex;align-items:center;gap:4px}
.s2-ft svg{width:13px;height:13px}
.s2-st{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:color-mix(in srgb,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
.s2-stamp{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:12px;border:2px solid var(--up);color:var(--up);background:var(--card);font:800 15px var(--f-disp);transform:rotate(-6deg);box-shadow:var(--shadow);animation:stamp .5s cubic-bezier(.2,1.6,.4,1) both}
.s2-stamp svg{width:18px;height:18px}
.s2-stamp.out{border-color:var(--ink3);color:var(--ink2)}
@keyframes stamp{from{transform:rotate(-6deg) scale(1.6);opacity:0}to{transform:rotate(-6deg) scale(1);opacity:1}}

.sh-sub{font-size:13px}
.racc2{flex:none;width:300px;scroll-snap-align:start;border-radius:18px;border:1px solid var(--line);background:var(--card);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.racc2:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.ra-art{position:relative;height:72px;color:#fff}
.ra-art svg{position:absolute;inset:0;width:100%;height:100%}
.ra-t{position:absolute;left:14px;top:13px;right:110px;display:flex;flex-direction:column;gap:2px}
.ra-t b{font:800 17px/1.1 var(--f-disp);letter-spacing:-.01em}
.ra-t small{font-size:12px;color:rgba(255,255,255,.82);line-height:1.25}
.racc2 ul{list-style:none;margin:0;padding:12px 14px 10px;display:flex;flex-direction:column;gap:9px}
.racc2 li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center}
.ra-n{min-width:0}
.ra-n span{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra-n small{display:block;font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.racc2 li b{font:700 15px var(--f-num);color:var(--odds)}
.racc2 li b svg{width:14px;height:14px;color:var(--ink3)}
.ra-f{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px 14px;border-top:1px solid var(--line)}
.ra-tot small{display:block;font-size:11.5px;color:var(--ink3);white-space:nowrap}
.ra-tot b{display:block;font:800 24px/1.05 var(--f-num);color:var(--odds)}
.ra-f button{margin-left:auto;flex:1 1 auto;justify-content:center;max-width:100%;height:42px;padding:0 12px;border-radius:12px;background:var(--sel);box-shadow:inset 0 0 0 1px var(--sel-line);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ra-f button svg{width:16px;height:16px}
.ra-f button:hover{filter:brightness(1.08)}
.ra-f button:disabled{opacity:.55;cursor:not-allowed}

.phc{flex:none;width:240px;scroll-snap-align:start;border-radius:18px;border:1px solid var(--line);background:var(--card);overflow:hidden;display:flex;flex-direction:column}
.phc-h{display:flex;align-items:center;gap:11px;padding:12px;color:#fff;background:radial-gradient(90% 120% at 0 0,color-mix(in srgb,var(--tc) 75%,#0b1118),color-mix(in srgb,var(--tc) 22%,#0b1118))}
.phc-h .pslot{width:58px;height:58px}
.phc-h .pslot{box-shadow:0 0 0 2px rgba(255,255,255,.75)}
.phc-h .who b{font:700 15.5px var(--f-disp)}
.phc-h .who small{color:rgba(255,255,255,.78)}
.phc-m{display:flex;flex-direction:column;gap:3px;padding:10px 12px 0;min-width:0}
.phc-m small{font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phc-k{font-weight:600;font-size:14px}
.phc .odd{margin:10px 12px 12px;height:46px}
.phc .odd{height:auto;min-height:46px;padding-top:6px;padding-bottom:6px}
.phc .odd .lb{font-weight:600;color:var(--ink);white-space:normal;line-height:1.2;text-align:left}
.phgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:8px}
.phgrid .phc{width:auto}

.rpromo2{margin:16px 4px 0;padding:12px 10px 8px;border-radius:16px;position:relative;overflow:hidden;
  background:radial-gradient(120% 70% at 100% 0,color-mix(in srgb,var(--cta) 18%,transparent),transparent 60%),var(--card2);border:1px solid color-mix(in srgb,var(--cta) 30%,var(--line))}
.rp-h{display:flex;align-items:center;gap:7px;margin:0 6px 6px;font:800 14px var(--f-disp);color:var(--warn)}
.rp-h svg{width:16px;height:16px}
.rp-i{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:7px 6px;border-radius:12px;text-align:left;transition:background .15s}
.rp-i:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.rp-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}
.rp-ic svg{width:19px;height:19px}
.rp-ic.day{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cta) 16%,transparent)}
.rp-ic.day .cr+.cr{margin-left:-7px}
.rp-ic.sup{background:linear-gradient(135deg,#f6c66f,#f2a65a);color:#1a1206}
.rp-ic.acc{background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc)}
.rp-ic.prp{background:color-mix(in srgb,#9b7cf0 20%,transparent);color:#9b7cf0}
.rp-ic.lv{background:color-mix(in srgb,var(--live) 16%,transparent)}
.rp-t{min-width:0}
.rp-t b{display:block;font-size:13.5px}
.rp-t small{display:block;font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-c{min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;background:var(--odd);font:700 12px var(--f-num);color:var(--ink2)}
.rp-c.lv{background:var(--live);color:#fff}
.rp-x svg,.rp-ch{width:16px;height:16px;color:var(--warn)}
.rp-ch{color:var(--ink3)}

.cmbx{border-radius:16px;padding:12px;margin-bottom:10px;border:1px solid color-mix(in srgb,var(--cta) 35%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--cta) 10%,var(--card)),var(--card) 62%)}
.cx-h{display:flex;align-items:center;gap:8px;margin:0 2px 12px;font-size:13px}
.cx-h b{font:800 15.5px var(--f-disp)}
.cx-h svg{width:17px;height:17px;color:var(--warn)}
.cx-s{margin-left:auto;padding:2px 9px;border-radius:20px;background:var(--odd);color:var(--ink2);font-size:11.5px;font-weight:600;white-space:nowrap}
.cx-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cx{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:10px;padding:28px 12px 12px;border-radius:14px;background:var(--card2);border:1px solid var(--line);min-width:0}
.cx-b{position:absolute;top:-1px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px 4px;border-radius:0 0 9px 9px;background:linear-gradient(135deg,#f6c66f,#f2a65a);color:#1a1206;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.cx-b svg{width:11px;height:11px;fill:currentColor}
.cx-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.cx-l{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;min-width:0}
.cx-l svg{width:16px;height:16px;color:var(--up);flex:none}
.cx-plus{font:700 14px/1 var(--f-num);color:var(--warn)}
.cx .odd{height:46px}
.cx .odd .o{font-size:18px}
.odd.hl:not(.on){background:color-mix(in srgb,var(--cta) 11%,var(--odd));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cta) 65%,transparent)}
.shl{margin:0 0 12px;padding:11px 12px 12px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--cta) 13%,var(--card2)),var(--card2) 70%);border:1px solid color-mix(in srgb,var(--cta) 35%,var(--line))}
.shl-b{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--warn)}
.shl-b svg{width:13px;height:13px;fill:currentColor}
.shl-r{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(150px,230px);gap:12px;align-items:center;margin-top:8px}
.shl-r>svg{border-radius:50%;box-shadow:0 0 0 2px var(--card2),0 0 0 4px color-mix(in srgb,var(--cta) 70%,transparent)}
.shl-t{min-width:0}
.shl-t b{display:block;font:700 16px var(--f-disp);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shl-t small{display:block;font-size:12.5px;color:var(--ink3)}
.shl .odd{height:46px}
@media (max-width:640px){
  .car-ar{display:none}
  .car .sl.sl-day{min-height:0}
  .dy-c{padding:18px 12px 40px;gap:11px}
  .dy-pl{width:120px;height:170px;bottom:auto;top:0;opacity:.34}
  .dy-pl .pslot.b{display:none}
  .dy-pl .pslot.f{left:-10px;bottom:auto;top:6px;width:120px;height:150px}
  .dy-pl.a .pslot.f{left:auto;right:-10px}
  .dy-tm b{font-size:16px}
  .dy-tm .bdg{width:40px;height:46px}
  .dy-mid b{font-size:24px}
  .dy-vs{gap:8px}
  .odd.dyo{height:56px}
  .odd.dyo .o{font-size:19px}
  .car .sl{min-height:318px}
  .car .sl.sl-day{min-height:318px}
  .sl-live .sl-r{margin:0 -18px}
  .ltop{max-width:none;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 18px 4px;scrollbar-width:none}
  .ltop::-webkit-scrollbar{display:none}
  .ltc{flex:none;width:214px;scroll-snap-align:start}
  .sl-live p{display:none}
  .pst .pslot{width:74px;height:74px}.pst.mid .pslot{width:94px;height:94px}
  .pst-n{max-width:100px;font-size:11.5px}
  .sup2{width:292px}
  .sx-ar{width:36px;height:36px}.sx-ar.l{left:2px}.sx-ar.r{right:2px}
  .racc2{width:282px}
  .phc{width:220px}
  .shl-r{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .shl-r .odd{grid-column:1/-1}
  .shl-r>svg{width:44px;height:44px}
}
@media (max-width:1100px){.cx{grid-template-columns:minmax(0,1fr)}.cx-t{flex-direction:column;align-items:flex-start}.cx-plus{margin-left:5px}}
@media (max-width:380px){.cx-g{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){
  .sl-day .beams,.sl-day .spk circle,.sl-live .ecg,.ldot,.ltc-m i,.pst,.odd.dyo::before,.s2-pct::after,.sup2:hover::after{animation:none}
  .sl-day.on .dy-pl .pslot.f,.sl-day.on .dy-pl .pslot.b,.s2-bar i::before,.s2-stamp{animation:none}
  .sl-live .ecg{stroke-dasharray:none;stroke-dashoffset:0}
  .ltc,.racc2,.sx-ar,.dy-tm .bdg{transition:none}
}


.terms-ok.tchk{cursor:pointer}.terms-ok.tchk input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--acc)}



.top-in{max-width:1480px}

@media (min-width:1180px){body.has-dock .shell{padding-right:max(16px,env(safe-area-inset-right,0px))}}
@media (min-width:901px){
  .dock{right:max(24px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));width:400px;border-radius:20px;box-shadow:0 28px 80px rgba(4,8,14,.5),0 0 0 1px rgba(255,255,255,.04);animation:dockup .42s cubic-bezier(.2,.9,.3,1.1)}
  .dock-body{max-height:min(72vh,680px)}
}
@keyframes dockup{from{transform:translateY(calc(100% + 24px));opacity:.4}to{transform:none;opacity:1}}

.car .sl{min-height:300px}
.car .sl.sl-live,.car .sl.sl-props{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding:22px 28px 44px}
.car .sl.sl-live{padding:16px 28px 46px}
.sl-live .ltop{gap:6px}
.sl-live .ltc{padding:6px 14px 7px 16px;gap:0}
.sl-live .ltc-h{margin-bottom:1px}
.sl-live .ltc-r{line-height:18px;font-size:13.5px}
.sl-live .ltc-r b{font-size:16px}
.sl-live .ltc-r .cr{width:18px;height:18px;font-size:8px}
.sl-live .ltc-p{margin-top:3px;height:2px}
.car .sl.sl-live::after{background:linear-gradient(90deg,rgba(7,11,18,.92),rgba(7,11,18,.55) 46%,rgba(7,11,18,.12))}
.car .sl.sl-props::after{background:linear-gradient(90deg,rgba(14,10,28,.9),rgba(14,10,28,.5) 45%,rgba(14,10,28,0) 70%)}
.sl-live .crowd circle{opacity:.35;animation:crowd 2.6s ease-in-out infinite;animation-delay:var(--t)}
@keyframes crowd{0%,100%{opacity:.18}50%{opacity:.7}}
.sl-live .lbeams{animation:beams 7s ease-in-out infinite alternate;transform-origin:50% 0}
.sl-live .ball{animation:ballrun 9s cubic-bezier(.45,.05,.3,1) infinite}
@keyframes ballrun{0%{transform:translate(420px,268px)}22%{transform:translate(520px,214px)}40%{transform:translate(610px,236px)}58%{transform:translate(700px,190px)}76%{transform:translate(560px,176px)}100%{transform:translate(420px,268px)}}
.sl-live .ltop{max-width:400px;margin-left:auto}
.ltc{position:relative;overflow:hidden;padding:10px 14px 11px 16px;animation:ltcin .6s var(--d,0s) cubic-bezier(.2,.8,.2,1) both}
.ltc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--hc),var(--ac))}
.ltc::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-120%);animation:dyshine 6s calc(var(--d,0s) + 1s) ease-in-out infinite}
@keyframes ltcin{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.ltc-r b{font-size:19px}
.eb.lv .ldot{box-shadow:0 0 0 0 rgba(255,93,79,.6);animation:livering 1.6s infinite}
@keyframes livering{0%{box-shadow:0 0 0 0 rgba(255,93,79,.6)}100%{box-shadow:0 0 0 9px rgba(255,93,79,0)}}
.sl-props .pbeams{animation:beams 6s ease-in-out infinite alternate;transform-origin:50% 0}
.sl-props .spk circle{animation:pulse 2.6s ease-in-out infinite}.sl-props .spk circle:nth-child(2n){animation-delay:1s}
.sl-props .sl-r{align-self:stretch;margin:-22px -28px -44px 0;position:relative}
.pstage{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:0 56px 0 8px}
.pst2{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 1 176px;min-width:0;animation:dyin .9s var(--d,0s) cubic-bezier(.2,.8,.2,1) both}
.pst2 .kp2{display:block;width:156px;height:195px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5)) saturate(.95);transform-origin:50% 100%;animation:pfl 5s calc(var(--d,0s) + .9s) ease-in-out infinite}
.pst2.mid .kp2{width:184px;height:230px}
.pst2:not(.mid) .kp2{filter:drop-shadow(0 12px 22px rgba(0,0,0,.5)) brightness(.86)}
.pst2-c{position:relative;z-index:2;margin:-62px 0 40px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:118px;max-width:100%;padding:7px 12px 8px;border-radius:13px;background:rgba(12,16,28,.62);border:1px solid rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s,border-color .18s,background .18s}
.pst2-c:hover{transform:translateY(-2px);border-color:#f2c46d;background:rgba(12,16,28,.78)}
.pst2-c[aria-pressed=true],.pst2-c.on{border-color:#f2c46d;background:rgba(242,196,109,.22)}
.pst2-n{font:700 13.5px/1.15 var(--f-disp);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pst2-o{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.pst2-o small{display:none;font-size:10.5px;color:rgba(242,245,248,.7);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.pst2-o b{font:800 17px/1 var(--f-num);color:#f6c66f}
.pst2-o svg{width:14px;height:14px}
.pst2.mid .pst2-c{border-color:rgba(242,196,109,.6)}
@media (min-width:641px){.dy-c{padding-left:clamp(120px,19%,200px);padding-right:clamp(120px,19%,200px)}}
@media (max-width:640px){
  .car .sl,.car .sl.sl-day{min-height:340px}
  .car .sl.sl-live,.car .sl.sl-props{grid-template-columns:minmax(0,1fr);padding:20px 18px 40px;gap:14px;align-content:start}
  .sl-live .ltop{max-width:none;margin:0}
  .car .sl.sl-props::after{background:linear-gradient(180deg,rgba(14,10,28,.92),rgba(14,10,28,.55) 45%,rgba(14,10,28,.1))}
  .sl-props p{display:none}
  .sl-props .sl-r{margin:0 -18px -40px;min-height:190px}
  .pstage{padding:0 6px}
  .pst2 .kp2{width:116px;height:145px}.pst2.mid .kp2{width:138px;height:172px}
  .pst2-c{min-width:0;margin:-52px 0 36px;padding:5px 8px 6px}
  .pst2-n{font-size:12px;max-width:104px}
  .pst2-o small{display:none}
  .pst2-o b{font-size:15px}
}

.sup2 .s2-f{margin-top:auto}

.s2-n b,.ra-n span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
.rq-r .nm{white-space:normal}
.tk-l .s,.si .nm,.qb-s b{overflow-wrap:anywhere}

.fl.ww{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:15px}
.fl.lg.ww{font-size:26px}

.cx-g{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.cx2{position:relative;display:flex;flex-direction:column;gap:14px;padding:32px 14px 14px;border-radius:14px;background:var(--card2);border:1px solid var(--line);min-width:0}
.cx-ch{list-style:none;margin:0;padding:0 2px;display:flex;flex-direction:column}
.cx-ch li{position:relative;display:flex;align-items:center;gap:12px;min-height:22px;font-weight:700;font-size:14.5px;line-height:1.25}
.cx-ch li+li{margin-top:18px}
.cx-ch li+li::before{content:"";position:absolute;left:6px;top:-22px;height:26px;width:2px;border-radius:2px;background:linear-gradient(color-mix(in srgb,var(--cta) 85%,transparent),color-mix(in srgb,var(--cta) 45%,transparent))}
.cx-dot{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 35%,#ffe3a8,#f2a65a 70%);box-shadow:0 0 0 3px color-mix(in srgb,var(--cta) 20%,transparent)}
.cx2 .odd{height:50px;width:100%;padding:0 14px;justify-content:space-between}
.cx2 .odd .lb{font-weight:700;color:var(--ink)}
.cx2 .odd .o{font-size:19px}

.si.promo{border-color:color-mix(in srgb,var(--cta) 45%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--cta) 9%,var(--card2)),var(--card2) 60%)}
.si-tag{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-bottom:6px;padding:2px 9px 3px;border-radius:20px;background:linear-gradient(135deg,#f6c66f,#f2a65a);color:#1a1206;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.si-tag svg{width:12px;height:12px}
.si .od .bo{color:var(--warn);font-weight:800}
.si .od s{margin-right:6px}
.snote.solo{margin:0 14px 10px}

@media (max-width:640px){
  .grp-h{grid-template-columns:minmax(0,1fr)}
  .grp-h .cols{display:none}
}

.foot{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.foot .link{color:var(--ink2)}
.foot .link:hover{color:var(--acc)}
@media (prefers-reduced-motion:reduce){
  .sl-live .crowd circle,.sl-live .lbeams,.sl-live .ball,.ltc,.ltc::after,.eb.lv .ldot,.sl-props .pbeams,.sl-props .spk circle,.pst2,.pst2 .kp2{animation:none}
  .sl-live .ball{transform:translate(552px,212px)}
  .dock{animation:none}
}
.tn.pn{white-space:normal;overflow-wrap:anywhere;line-height:1.2}   
.comh-w{display:block;padding:0 14px 12px;font-size:13px}   
.toast{width:max-content;max-width:min(calc(100vw - 32px),560px);line-height:1.35}   
.toast>span{min-width:0}
.toast button{flex:none}
.sc-side .tshort{display:none}@media (max-width:640px){.sc-side .tfull{display:none}.sc-side .tshort{display:inline}}
.phc-h .who b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;line-height:1.15}   

.top-in,.shell{max-width:1600px}
@media (min-width:901px){#accas .hrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));overflow:visible;scroll-snap-type:none}#accas .racc2{width:auto}}
.tn .tshort{display:none}
@media (max-width:640px){.mrow .tn .tfull{display:none}.mrow .tn .tshort{display:inline}}
@media (max-width:900px){.toast{bottom:calc(70px + env(safe-area-inset-bottom,0px))}body.has-dock .toast{bottom:auto;top:calc(env(safe-area-inset-top,0px) + 66px)}}   
@media (min-width:901px){body.has-dock .toast{left:calc((100vw - 424px) / 2)}}   

.rwhy{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:0 0 14px;border-radius:12px;background:color-mix(in srgb,var(--cta) 12%,var(--card2));border:1px solid color-mix(in srgb,var(--cta) 38%,var(--line));font-size:13px;color:var(--ink2);line-height:1.45}
.rwhy>svg.i{width:22px;height:22px;flex:none;color:var(--cta);margin-top:1px}
.rwhy b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}

.tbtn{white-space:nowrap}                                                        
@media (max-width:380px){.top-in{gap:10px}.tbtn{padding:0 10px}}
.lt.g3 .tn{white-space:normal;overflow-wrap:anywhere;line-height:1.2}             
.lt.g3 .odd.stk{height:auto;min-height:52px;padding:6px 4px}
.lt.g3 .odd.stk .lb{white-space:normal;text-overflow:clip;line-height:1.15;text-align:center}   
@media (pointer:coarse){                                                         
  
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not(#_),select:not(#_),textarea:not(#_){font-size:16px}   
  .dlg-h>button[data-act=close],.qb-h>button[data-act=close]{min-width:44px;min-height:44px;margin:-10px -10px -10px 0;display:inline-flex;align-items:center;justify-content:center}
  .foot .link,.foot button{min-height:40px;display:inline-flex;align-items:center}
  .dr-out{min-height:44px}
}
.cx-b,.tabbar .b{font-size:11px}                                                 
.s2-n small,.phc-m small,.ra-n small{white-space:normal;text-overflow:clip}       
.tn.pn{white-space:normal;line-height:1.2}                                        
.shl-t b{white-space:normal}
.mk-gs .odd.lbd{height:auto;min-height:44px;padding:6px 12px}                       
.mk-gs .odd.lbd .lb{white-space:normal;text-overflow:clip;line-height:1.2;text-align:left}



.crest{position:relative;display:inline-block;line-height:0;flex:none}
.crest>.cri{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .18s ease}
.crest.on>.cri{opacity:1}
.crest.on>svg{visibility:hidden}


.cr{position:relative}
.cr>.cri{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .18s ease}
.cr.on{background-color:transparent!important;background-image:none!important;color:transparent!important;box-shadow:none}
.cr.on>.cri{opacity:1}



@media (max-width:480px){
  .lrow{--cw:216px}
  .lrow .tn,.lband .tn{white-space:normal;line-height:1.15;overflow-wrap:anywhere}
  .lrow .tn .tfull{display:inline}.lrow .tn .tshort{display:none}
}

.ri .nm .lgc{display:block;font-size:11px;font-weight:400;color:var(--ink3);line-height:1.2}

.mmeta{font-size:13px}
.fld .hint{font-size:13px}

.toast{transform:translate(-50%,calc(-1 * var(--tstack,0px)));animation-name:tup}
@keyframes tup{from{transform:translate(-50%,calc(40px - var(--tstack,0px)));opacity:.5}to{transform:translate(-50%,calc(-1 * var(--tstack,0px)));opacity:1}}
@media (max-width:900px){body.has-dock .toast{transform:translate(-50%,var(--tstack,0px));animation-name:tupd}
  @keyframes tupd{from{transform:translate(-50%,calc(-40px + var(--tstack,0px)));opacity:.5}to{transform:translate(-50%,var(--tstack,0px));opacity:1}}}