*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#04040A;--bg2:#08080F;--bg3:#0C0C18;--gold:#FFD700;--gold2:#E6A800;--green:#00FF87;--red:#FF3A4A;--blue:#3A9FFF;--purple:#A855F7;--muted:#404060;--text:#C0C0D8;--text2:#8080A8;--sidebar:200px}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:"Exo 2",sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}#bgCanvas{position:fixed;inset:0;pointer-events:none;z-index:0}.shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;background:#08080ff2;border-right:1px solid rgba(255,215,0,.08);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sb-logo{padding:20px 18px 16px;border-bottom:1px solid rgba(255,215,0,.06)}.sb-logo-text{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:6px;color:var(--gold);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 15px rgba(255,215,0,.4)}50%{text-shadow:0 0 30px rgba(255,215,0,.8)}}.sb-logo-sub{font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:2px}.sb-user{padding:12px 16px;border-bottom:1px solid rgba(255,215,0,.05);display:flex;align-items:center;gap:10px}.sb-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1a1200,#0e0900);border:1.5px solid rgba(255,215,0,.3);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sb-username{font-weight:700;font-size:13px;color:var(--text)}.sb-rank{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--green);text-transform:uppercase;margin-top:1px}.sb-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-group{font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;padding:10px 8px 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent;position:relative}.nav-item:hover{background:#ffd7000d;border-color:#ffd7001a}.nav-item.active{background:#ffd70014;border-color:#ffd7002e}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--gold);border-radius:2px}.nav-icon{font-size:15px}.nav-txt{font-size:13px;font-weight:600;color:var(--text2)}.nav-item.active .nav-txt{color:var(--gold)}.nav-badge{margin-left:auto;font-family:Share Tech Mono,monospace;font-size:9px;background:#ff3a4a26;color:var(--red);border:1px solid rgba(255,58,74,.25);border-radius:20px;padding:1px 6px}.sb-bottom{padding:12px 14px;border-top:1px solid rgba(255,215,0,.05)}.sb-plan{background:linear-gradient(135deg,#ffd70012,#ffa50008);border:1px solid rgba(255,215,0,.15);border-radius:10px;padding:10px 12px}.sb-plan-lbl{font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.sb-plan-name{font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:3px;color:var(--gold);margin:1px 0 5px}.sb-plan-up{font-size:11px;font-weight:600;color:var(--green);cursor:pointer}.main{margin-left:var(--sidebar);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:52px;background:#04040aeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.05);display:flex;align-items:center;padding:0 20px;gap:12px;position:sticky;top:0;z-index:90}.topbar-title{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:3px;color:var(--text)}.topbar-sub{font-family:Share Tech Mono,monospace;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.topbar-ticker{flex:1;overflow:hidden;position:relative;margin:0 16px}.topbar-ticker:before,.topbar-ticker:after{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:2}.topbar-ticker:before{left:0;background:linear-gradient(90deg,rgba(4,4,10,.95),transparent)}.topbar-ticker:after{right:0;background:linear-gradient(-90deg,rgba(4,4,10,.95),transparent)}.ticker-track{display:flex;animation:ticker 30s linear infinite;white-space:nowrap}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.tick{display:inline-flex;align-items:center;gap:5px;padding:0 18px;font-family:Share Tech Mono,monospace;font-size:10px;color:var(--muted)}.tick-up{color:var(--green)}.tick-down{color:var(--red)}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.tb-btn{width:34px;height:34px;background:var(--bg3);border:1px solid rgba(255,255,255,.06);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;position:relative;transition:all .2s}.tb-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;background:var(--red);border-radius:50%;border:1.5px solid var(--bg);animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.content{flex:1;padding:16px 20px 40px;display:flex;flex-direction:column;gap:14px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{background:var(--bg2);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:14px 16px;position:relative;overflow:hidden;transition:transform .2s}.kpi:hover{transform:translateY(-2px)}.kpi-icon{font-size:18px;margin-bottom:8px;display:block}.kpi-val{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:1px;line-height:1}.kpi-val.gold{color:var(--gold)}.kpi-val.green{color:var(--green)}.kpi-val.blue{color:var(--blue)}.kpi-val.orange{color:#ff8c00}.kpi-lbl{font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:4px}.kpi-delta{position:absolute;top:12px;right:12px;font-family:Share Tech Mono,monospace;font-size:9px;padding:2px 7px;border-radius:20px;color:var(--green);background:#00ff8714;border:1px solid rgba(0,255,135,.15)}.main-grid{display:grid;grid-template-columns:1fr 280px;gap:14px;align-items:start}.panel{background:var(--bg2);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden}.panel-hdr{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);background:#00000026;flex-wrap:wrap;gap:8px}.panel-title{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:3px;color:var(--text2);text-transform:uppercase}.filters{display:flex;gap:5px;flex-wrap:wrap}.fbtn{font-family:Share Tech Mono,monospace;font-size:9px;padding:4px 10px;border-radius:20px;cursor:pointer;border:1px solid rgba(255,255,255,.08);color:var(--muted);background:transparent;transition:all .2s}.fbtn.active{background:#ffd7001a;border-color:#ffd7004d;color:var(--gold)}.bets-list{padding:10px;display:flex;flex-direction:column;gap:6px}.sport-sep{display:flex;align-items:center;gap:8px;padding:6px 4px 2px;margin-top:2px}.sport-sep-icon{font-size:14px}.sport-sep-txt{font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:3px;font-weight:700;text-transform:uppercase}.sport-sep-line{flex:1;height:1px;opacity:.25}.sep-foot .sport-sep-txt{color:#4ade80}.sep-foot .sport-sep-line{background:#4ade80}.sep-tennis .sport-sep-txt{color:#facc15}.sep-tennis .sport-sep-line{background:#facc15}.sep-basket .sport-sep-txt{color:#fb923c}.sep-basket .sport-sep-line{background:#fb923c}.sep-mma .sport-sep-txt{color:#f87171}.sep-mma .sport-sep-line{background:#f87171}.bcard{border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s;opacity:0;animation:cardIn .4s ease forwards}@keyframes cardIn{to{opacity:1}0%{opacity:0;transform:translateY(6px)}}.bcard:hover{transform:translate(3px)}.bcard-inner{padding:10px 14px;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .2s}.bcard.L .bcard-inner{background:linear-gradient(135deg,#1e1400f2,#0f0a00e6);border-color:#ffd70040;box-shadow:0 0 16px #ffd7000d}.bcard.L:hover .bcard-inner{border-color:#ffd70073}.bcard.E .bcard-inner{background:linear-gradient(135deg,#140a1ef2,#0a0512e6);border-color:#a855f733}.bcard.R .bcard-inner{background:linear-gradient(135deg,#080c18f2,#050810e6);border-color:#3a9fff2e}.bcard.C .bcard-inner,.bcard.B .bcard-inner{background:var(--bg3);border-color:#ffffff0d}.bcard-row1{display:flex;align-items:center;gap:10px}.bcard-tier{width:3px;height:44px;border-radius:2px;flex-shrink:0}.bcard.L .bcard-tier{background:var(--gold);box-shadow:0 0 6px #ffd70080}.bcard.E .bcard-tier{background:var(--purple)}.bcard.R .bcard-tier{background:var(--blue)}.bcard.C .bcard-tier,.bcard.B .bcard-tier{background:var(--muted)}.bcard-info{flex:1;min-width:0}.bcard-sport{font-family:Share Tech Mono,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px}.sfoot{color:#4ade80}.stennis{color:#facc15}.sbasket{color:#fb923c}.smma{color:#f87171}.sdefault{color:var(--text2)}.bcard-flags{font-size:13px;letter-spacing:2px;margin-bottom:2px}.bcard-match{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1px;color:#fff;line-height:1;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcard-tags{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:3px}.tag{font-family:Share Tech Mono,monospace;font-size:8px;padding:2px 6px;border-radius:4px;text-transform:uppercase}.tag-bk{background:#3a9fff1a;color:var(--blue);border:1px solid rgba(58,159,255,.2)}.tag-sharp{background:#ff3a4a1a;color:var(--red);border:1px solid rgba(255,58,74,.2)}.tag-hot{background:#ffa5001a;color:#ff8c00;border:1px solid rgba(255,165,0,.2)}.bcard-time{font-family:Share Tech Mono,monospace;font-size:11px;color:var(--green);display:flex;align-items:center;gap:4px;font-weight:600}.time-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:blink 1.5s ease infinite;flex-shrink:0}.live-badge{background:#ff3a4a26;color:var(--red);border:1px solid rgba(255,58,74,.3);font-family:Share Tech Mono,monospace;font-size:10px;padding:3px 8px;border-radius:6px;animation:blink 1s ease infinite;font-weight:700}.bcard-metrics{display:flex;gap:8px;align-items:center;flex-shrink:0}.metric{text-align:center;min-width:42px}.metric-val{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:.5px;line-height:1}.metric-val.gold{color:var(--gold)}.metric-val.green{color:var(--green)}.metric-lbl{font-family:Share Tech Mono,monospace;font-size:8px;color:var(--muted);text-transform:uppercase}.score-wrap{text-align:center}.score-ring{position:relative;width:46px;height:46px;margin:0 auto}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0f;stroke-width:3}.ring-fill{fill:none;stroke-width:3;stroke-linecap:round}.rg{stroke:var(--gold);filter:drop-shadow(0 0 3px rgba(255,215,0,.4))}.rp{stroke:var(--purple)}.rb{stroke:var(--blue)}.rc{stroke:var(--green)}.score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,sans-serif;font-size:13px;color:var(--text)}.score-lbl{font-family:Share Tech Mono,monospace;font-size:7px;color:var(--muted);text-transform:uppercase;margin-top:1px}.surete-bar{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.surete-stars{font-size:11px}.surete-label{font-family:Share Tech Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.surete-track{flex:1;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.surete-fill{height:100%;border-radius:2px}.disclaimer{font-family:Share Tech Mono,monospace;font-size:8px;color:var(--muted);margin-top:5px;opacity:.5}.bcard-detail{display:none;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.04);margin-top:8px}.bcard.expanded .bcard-detail{display:block}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.dbox{background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:7px 9px}.dbox-lbl{font-family:Share Tech Mono,monospace;font-size:8px;color:var(--muted);text-transform:uppercase;margin-bottom:2px}.dbox-val{font-family:Bebas Neue,sans-serif;font-size:17px;color:var(--text)}.dbox-val.g{color:var(--green)}.dbox-val.o{color:var(--gold)}.bet-btn{width:100%;padding:9px;background:linear-gradient(135deg,#ffd7001f,#ffa50012);border:1px solid rgba(255,215,0,.25);border-radius:8px;font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:3px;color:var(--gold);cursor:pointer;transition:all .2s}.bet-btn:hover{background:#ffd70033}.right-col{display:flex;flex-direction:column;gap:12px}.rcol-card{background:var(--bg2);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px}.rank-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rank-orb{width:46px;height:46px;border-radius:12px;background:#00ff8714;border:1.5px solid rgba(0,255,135,.2);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.rank-lbl{font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.rank-name{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:3px;color:var(--green)}.rank-sub{font-family:Share Tech Mono,monospace;font-size:8px;color:var(--muted);margin-top:1px}.rank-prog{margin-bottom:12px}.rp-row{display:flex;justify-content:space-between;margin-bottom:5px}.rp-cur{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--green)}.rp-nxt{font-family:Share Tech Mono,monospace;font-size:9px;color:var(--blue)}.rp-track{height:3px;background:#ffffff0d;border-radius:2px;overflow:hidden}.rp-fill{height:100%;width:0;background:linear-gradient(90deg,var(--green),#00cc6a);border-radius:2px;animation:rpFill 2s ease .5s forwards}@keyframes rpFill{to{width:24%}}.rank-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.rtier{background:var(--bg3);border:1px solid rgba(255,255,255,.04);border-radius:7px;padding:7px 8px;text-align:center;cursor:pointer}.rtier.cur{border-color:#00ff8740;background:#00ff870a}.rtier-icon{font-size:14px;margin-bottom:2px}.rtier-name{font-family:Share Tech Mono,monospace;font-size:7px;color:var(--muted);text-transform:uppercase}.chart-title{font-family:Share Tech Mono,monospace;font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.mini-chart{display:flex;align-items:flex-end;gap:4px;height:50px}.mc-bar{flex:1;border-radius:2px 2px 0 0}.mc-bar.pos{background:#00ff8740}.mc-bar.neg{background:#ff3a4a40}.mc-bar.peak{background:linear-gradient(180deg,var(--gold),var(--gold2))}.chart-labels{display:flex;gap:4px;margin-top:4px}.mc-lbl{flex:1;text-align:center;font-family:Share Tech Mono,monospace;font-size:7px;color:var(--muted)}.dragon-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dragon-face{font-size:28px;filter:drop-shadow(0 0 6px rgba(255,215,0,.4));animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dragon-title{font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:2px;color:#ffd70080;text-transform:uppercase}.dragon-name{font-family:Bebas Neue,sans-serif;font-size:14px;letter-spacing:2px;color:var(--gold)}.dragon-msg{font-size:12px;color:var(--text2);line-height:1.6}.dragon-msg strong{color:var(--gold)}.dragon-msg em{color:var(--green);font-style:normal}.tg-card{background:linear-gradient(135deg,#0088cc14,#0088cc08);border:1px solid rgba(0,136,204,.2);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.tg-card:hover{border-color:#08c6}.tg-icon{font-size:24px}.tg-title{font-size:13px;font-weight:700;color:var(--text)}.tg-sub{font-family:Share Tech Mono,monospace;font-size:8px;color:var(--muted);margin-top:1px}.tg-arrow{margin-left:auto;font-size:16px;color:#0088cc80}.status-bar{position:fixed;bottom:0;left:var(--sidebar);right:0;height:28px;background:#04040aeb;border-top:1px solid rgba(255,215,0,.05);display:flex;align-items:center;padding:0 20px;gap:20px;z-index:90}.si{display:flex;align-items:center;gap:4px;font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.si-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 4px var(--green);animation:blink 2s ease infinite}.si.warn .si-dot{background:var(--gold)}.si-ml{margin-left:auto}@media (max-width: 1200px){.main-grid{grid-template-columns:1fr}.right-col{display:none}}@media (max-width: 768px){:root{--sidebar:0px}.sidebar{display:none}.main{margin-left:0}.status-bar{left:0}.kpi-row{grid-template-columns:repeat(2,1fr)}.topbar-ticker{display:none}.content{padding:10px 12px}.mobile-nav{display:flex}.content{padding-bottom:70px}.status-bar{display:none}}@media (min-width: 769px){.mobile-nav{display:none}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#04040af5;border-top:1px solid rgba(255,215,0,.08);justify-content:space-around;align-items:center;z-index:200}.mnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:6px 12px}.mnav-item.active .mnav-icon{filter:drop-shadow(0 0 4px var(--gold))}.mnav-item.active .mnav-lbl{color:var(--gold)}.mnav-icon{font-size:20px}.mnav-lbl{font-family:Share Tech Mono,monospace;font-size:8px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ffd70026;border-radius:2px}