:root{--accent:#15d27e;--accent-ink:#04130c;--gold:#e8b54b;--live:#ff4b5c;--radius:14px;--row-pad:13px;--bg:#0b0f0d;--bg-2:#0e1411;--surface:#141a17;--surface-2:#1b231e;--surface-3:#222d27;--line:#ffffff12;--line-2:#ffffff1f;--ink:#f3f7f4;--ink-2:#9aa7a0;--ink-3:#64716a;--mono:"IBM Plex Mono", ui-monospace, monospace;--sans:"Barlow", "Noto Sans SC", system-ui, sans-serif;--cond:"Barlow Semi Condensed", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(1200px 700px at 50% -10%,#14211b 0%,#0a0d0b 60%,#07090800 100%),#07100c;overflow:hidden}#stage{background:var(--bg);display:block;position:fixed;inset:0}.phone-wrap{width:100vw;height:100dvh;min-height:100svh;position:relative}.phone{background:var(--bg);width:100vw;height:100dvh;min-height:100svh;box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.notch,.statusbar{display:none}.screen{flex:auto;position:relative;overflow:hidden auto}.screen::-webkit-scrollbar{width:0}.pad{padding:0 14px}.pb-nav{padding-bottom:96px}.row{align-items:center;display:flex}.between{justify-content:space-between}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.cond{font-family:var(--cond)}.usdt{color:var(--gold);font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.sub{color:var(--ink-2)}.accent{color:var(--accent)}.appbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0b0f0df2,#0b0f0de0);position:sticky;top:0}.appbar-main{justify-content:space-between;align-items:center;padding:8px 14px 10px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand .logo{background:linear-gradient(150deg,var(--accent),#0c8f55);width:30px;height:30px;font-family:var(--cond);color:var(--accent-ink);box-shadow:0 4px 14px -4px var(--accent);border-radius:9px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.brand .name{font-family:var(--cond);letter-spacing:.2px;font-size:20px;font-weight:800}.brand .name b{color:var(--accent)}.bal-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}.bal-chip .amt{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:600}.bal-chip .plus{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.tabs{gap:6px;padding:2px 14px 10px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{height:0}.tab{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.tab.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.tab.live-tab.on{background:var(--live);color:#fff}.tab .dot-live{background:var(--live);width:7px;height:7px;box-shadow:0 0 0 0 var(--live);border-radius:50%;animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.sec-h{justify-content:space-between;align-items:center;padding:14px 4px 8px;display:flex}.sec-h .t{font-family:var(--cond);letter-spacing:.3px;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.sec-h .more{color:var(--ink-3);cursor:pointer;align-items:center;gap:3px;font-size:12.5px;display:flex}.flame{color:var(--gold)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.card-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 12px 7px;display:flex}.league{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-width:0;max-width:72%;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.league .fl{font-size:13px}.live-badge{color:var(--live);align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.live-badge .d{background:var(--live);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}@keyframes blink{50%{opacity:.25}}.kick{color:var(--ink-3);font-size:11px;font-family:var(--mono)}.card-body{cursor:pointer;align-items:stretch;gap:10px;padding:10px 12px 4px;display:flex}.teams{flex-direction:column;flex:auto;gap:7px;min-width:0;display:flex}.team{align-items:center;gap:9px;display:flex}.team .crest{background:var(--surface-3);width:22px;height:22px;color:var(--ink-2);border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.team .crest-flag{background:0 0;font-size:18px}.team .nm{font-family:var(--cond);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;overflow:hidden}.score{font-family:var(--mono);color:var(--accent);text-align:right;min-width:18px;font-size:16px;font-weight:600}.score.dim{color:var(--ink-3)}.clock{border-left:1px solid var(--line);flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:3px;padding-left:8px;display:flex}.clock .m{font-family:var(--mono);color:var(--live);font-size:12px;font-weight:600}.clock .p{color:var(--ink-3);font-size:10px}.odds{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 12px 12px;display:grid}.odds.two{grid-template-columns:repeat(2,1fr)}.obtn{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;transition:all .12s;display:flex;position:relative}.obtn:active{transform:scale(.96)}.obtn .ok{color:var(--ink-3);font-size:10.5px;font-weight:600}.obtn .op{font-family:var(--mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.obtn.sel{background:var(--accent);border-color:#0000}.obtn.sel .ok{color:var(--accent-ink);opacity:.7}.obtn.sel .op{color:var(--accent-ink)}.obtn .arrow{font-size:9px;line-height:1;position:absolute;top:5px;right:6px}.obtn .arrow.up{color:var(--accent)}.obtn .arrow.dn{color:var(--live)}.obtn.sel .arrow{color:var(--accent-ink)}.obtn .lock{background:var(--surface-2);color:var(--ink-3);border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.colcount{grid-column:1/-1}.mk-label{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px;display:grid}.mk-label.two{grid-template-columns:repeat(2,1fr)}.mk-label span{color:var(--ink-3);text-align:center;font-size:10px;font-weight:600}.botnav{z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#0b0f0dcc,#0b0f0d 38%);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}@media (width<=640px),(display-mode:standalone){.screen{height:0}.botnav{padding-bottom:calc(8px + env(safe-area-inset-bottom));position:absolute}.sheet{padding-bottom:env(safe-area-inset-bottom)}.twk-panel,.tweak-panel{display:none!important}}.nav-i{color:var(--ink-3);cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:5px 0;display:flex;position:relative}.nav-i.on{color:var(--accent)}.nav-i .lbl{font-size:10px;font-weight:600}.nav-i .badge{background:var(--live);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:0;right:50%;transform:translate(18px)}.nav-i.center .ring{width:30px;height:30px}.btn{cursor:pointer;font-family:var(--sans);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:all .15s;display:flex}.btn-pri{background:var(--accent);color:var(--accent-ink);width:100%;padding:14px;font-size:15px}.btn-pri:active{transform:scale(.985)}.btn-pri:disabled{opacity:.4}.btn-gold{background:var(--gold);color:#1a1206}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn-sm{border-radius:10px;padding:9px 14px;font-size:13px}.list-row{padding:var(--row-pad) 14px;background:var(--surface);border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;display:flex}.list-row .ic{background:var(--surface-2);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.list-row .tx{flex:auto;min-width:0}.list-row .tx .a{font-size:14px;font-weight:600}.list-row .tx .b{color:var(--ink-3);margin-top:2px;font-size:11.5px}.chev{color:var(--ink-3);flex:none}.group{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.group .list-row:last-child{border-bottom:none}.pill{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill.green{color:var(--accent);background:#15d27e24}.pill.gold{color:var(--gold);background:#e8b54b24}.pill.red{color:var(--live);background:#ff4b5c24}.pill.grey{background:var(--surface-2);color:var(--ink-2)}.sheet-mask{z-index:70;opacity:0;pointer-events:none;background:#0000008c;transition:all .2s;position:absolute;inset:0}.sheet-mask.show{opacity:1;pointer-events:auto}.sheet{z-index:71;background:var(--bg-2);border-top:1px solid var(--line-2);border-radius:22px 22px 0 0;flex-direction:column;max-height:82%;transition:transform .26s cubic-bezier(.3,.9,.3,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -20px 50px -10px #0009}.sheet.show{transform:translateY(0)}.sheet-grab{background:var(--line-2);border-radius:3px;width:38px;height:4px;margin:9px auto 4px}.bet-fab{z-index:46;background:var(--accent);color:var(--accent-ink);cursor:pointer;box-shadow:0 12px 30px -8px var(--accent);opacity:0;pointer-events:none;border-radius:14px;justify-content:space-between;align-items:center;padding:11px 16px;font-weight:700;transition:all .22s;display:flex;position:absolute;bottom:78px;left:14px;right:14px;transform:translateY(20px)}.bet-fab.show{opacity:1;pointer-events:auto;transform:translateY(0)}.bet-fab .cnt{background:var(--accent-ink);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.field{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.field label{color:var(--ink-2);font-size:12.5px;font-weight:600}.input{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);font-size:15px;font-family:var(--sans);border-radius:12px;outline:none;padding:13px 14px;transition:all .15s}.input:focus{border-color:var(--accent)}.input.mono{font-family:var(--mono)}.hero{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(110deg,#0f2c1f,#0b1713);margin:2px 0 4px;padding:16px;position:relative;overflow:hidden}.hero .glow{background:radial-gradient(var(--accent),transparent 70%);opacity:.22;border-radius:50%;width:160px;height:160px;position:absolute;top:-30px;right:-30px}.hero .tag{color:var(--accent);letter-spacing:1px;font-size:11px;font-weight:700}.hero h3{font-family:var(--cond);margin:6px 0 4px;font-size:21px;font-weight:800}.hero p{color:var(--ink-2);margin:0;font-size:12.5px}.statbar{color:var(--ink-2);align-items:center;gap:8px;font-size:11px;display:flex}.statbar .track{background:var(--surface-3);border-radius:3px;flex:auto;height:5px;display:flex;overflow:hidden}.statbar .track .h{background:var(--accent)}.statbar .track .a{background:var(--gold)}.dlabel{color:var(--ink-3);align-items:center;gap:10px;margin:18px 0 12px;font-size:11.5px;display:flex}.dlabel:before,.dlabel:after{content:"";background:var(--line);flex:1;height:1px}a{color:inherit}