@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes fadein{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(0,245,196,.3)}70%{box-shadow:0 0 0 6px transparent}}@keyframes trialBannerIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes btSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes alertSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes onboardPulse{0%,to{box-shadow:0 0 0 3px var(--acc),0 0 0 8px rgba(0,245,196,.15),0 0 20px rgba(0,245,196,.2)}50%{box-shadow:0 0 0 3px var(--acc),0 0 0 12px rgba(0,245,196,.08),0 0 36px rgba(0,245,196,.35)}}@keyframes onboardBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mcArrowPulse{0%,to{transform:translateX(0);opacity:.5}50%{transform:translateX(-8px);opacity:1;color:var(--acc)}}@keyframes onboardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardFadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wnPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}@keyframes shimmer{0%{background-position:200%0}to{background-position:-200%0}}:root{--bg:#080b12;--bg2:#0d1120;--bg3:#111826;--b:#1e3448;--b2:#2a4a62;--text:#a8cfe0;--text2:#e8f6ff;--dim:#6a90a8;--acc:#00f5c4;--red:#ff4e6a;--gold:#f0b429;--purple:#7c6af7;--cs:#f0a500;--lol:#c89b3c;--dota:#d44;--val:#ff4655;--rl:#4e9efc;--cod:#8bc34a;--apex:#e04040;--rivals:#e63946;--eafc:#00a859;--fn:#00d4ff}[data-theme=light]{--bg:#f0f2f5;--bg2:#ffffff;--bg3:#e8eaed;--b:#d0d7de;--b2:#b8c0cc;--text:#1a202c;--text2:#0f1419;--dim:#4a5568;--acc:#00b894;--red:#e53e3e;--gold:#d69e2e;--purple:#6c5ce7}[data-theme=light] ::-webkit-scrollbar-track{background:#e8eaed}[data-theme=light] ::-webkit-scrollbar-thumb{background:#b8c0cc}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:"Inter","Barlow","Noto Sans KR",sans-serif;overflow:hidden;font-size:13px;display:flex;flex-direction:column}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--b2)}.blink{animation:blink 1.6s infinite}.spin{animation:spin 1s linear infinite;display:inline-block}#app,#hdr{display:flex}#app{flex-direction:column;height:100vh}#hdr{height:50px;align-items:center;background:var(--bg);border-bottom:1px solid rgba(30,52,72,.5);flex-shrink:0;gap:0}#trial-banner{background:linear-gradient(90deg,rgba(0,245,196,.06)0,rgba(240,180,41,.06) 100%);border-bottom:1px solid rgba(0,245,196,.2);flex-shrink:0;animation:trialBannerIn .4s ease}#game-bar,.trial-banner-inner{display:flex;align-items:center}.trial-banner-inner{gap:10px;padding:7px 16px;max-width:100%}.trial-banner-icon{font-size:14px;flex-shrink:0}.trial-banner-text{font-family:"Rajdhani",sans-serif;font-size:13px;color:var(--text2);flex:1;min-width:0}.trial-banner-text strong{color:var(--acc);font-weight:700}.trial-banner-btn{background:var(--acc);color:#000;border:0;border-radius:4px;font-family:"Rajdhani",sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:opacity .15s}.trial-banner-btn:hover{opacity:.85}.trial-banner-dismiss{background:0 0;border:0;color:var(--dim);font-size:12px;cursor:pointer;padding:4px 6px;flex-shrink:0;line-height:1}.trial-banner-dismiss:hover{color:var(--text2)}#game-bar{height:34px;gap:3px;padding:0 10px;justify-content:center;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(30,52,72,.4);flex-shrink:0;overflow-x:auto}#game-bar::-webkit-scrollbar{height:0}#grid{flex:1;display:flex;flex-direction:row;gap:0;padding:0;background:#060a14;overflow:hidden;min-height:0;position:relative}#grid.cls-guard{visibility:hidden;pointer-events:none}#grid.cls-ready{visibility:visible;pointer-events:auto}#dash-footer,.logo{flex-shrink:0}.logo{display:flex;align-items:center;padding:0 14px;gap:8px}.logo-mark,.logo-sub{letter-spacing:0.5px;white-space:nowrap}.logo-mark{font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:700;font-style:italic;color:var(--acc);text-shadow:0 0 20px rgba(0,245,196,.35)}.logo-sub{font-size:8px;color:var(--dim);margin-top:1px;font-family:"Inter","Barlow",sans-serif;display:none}.hs,.hstats{display:flex;align-items:center}.hstats{gap:2px;flex-shrink:0;margin-left:6px}.hs{gap:4px;padding:4px 10px;border-radius:4px;background:rgba(255,255,255,.03);cursor:default}.hs-val{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;line-height:1}#clock,.hs-lbl{font-size:9px;color:var(--dim);letter-spacing:0.3px;font-family:"Inter","Barlow",sans-serif}.hright{display:flex;align-items:center;gap:8px;padding:0 12px;margin-left:auto}#clock{font-size:11px;letter-spacing:.5px;min-width:0;line-height:1.2;white-space:nowrap}#hdr-signin-btn{font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;letter-spacing:0.3px;padding:6px 16px;background:var(--acc);color:#000;border:0;border-radius:4px;cursor:pointer;transition:opacity .15s}#hdr-signin-btn:hover{opacity:.85}#hdr-user-menu{position:relative;display:none;align-items:center;gap:8px}#hdr-avatar-btn{display:flex;align-items:center;gap:6px;background:0 0;border:0;cursor:pointer;padding:0}#hdr-avatar-circle{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--purple));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;font-family:"Rajdhani";position:relative;transition:box-shadow .2s}#hdr-avatar-circle.is-pro,#hdr-avatar-pro-badge{background:linear-gradient(135deg,#f0b429,#ff8c00);box-shadow:0 0 12px rgba(240,180,41,.5)}#hdr-avatar-pro-badge{position:absolute;top:-5px;right:-5px;color:#000;font-size:7px;font-family:"Inter",sans-serif;font-weight:700;padding:1px 4px;letter-spacing:.5px;line-height:1.4;border-radius:2px;box-shadow:0 0 6px rgba(240,180,41,.6)}#hdr-avatar-arrow{font-size:9px;color:var(--dim);transition:transform .15s}#hdr-avatar-btn:hover #hdr-avatar-arrow{color:var(--acc)}#hdr-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:210px;background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:8px;z-index:600;display:none;box-shadow:0 8px 24px rgba(0,0,0,.5);overflow:hidden}#hdr-dropdown::before{display:none}#hdr-dropdown.open{display:block}.hdr-dd-user{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.hdr-dd-name{font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;color:var(--text2)}.hdr-dd-email{font-size:9px;color:var(--dim);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-dd-tier{display:inline-block;font-size:7px;font-family:"Inter",sans-serif;padding:2px 6px;margin-top:4px;border-radius:3px}.hdr-dd-tier.free{background:rgba(255,255,255,.06);color:var(--dim);border:1px solid rgba(255,255,255,.06)}.hdr-dd-tier.pro{background:rgba(0,245,196,.1);color:var(--acc);border:1px solid rgba(0,245,196,.2)}#hdr-search-wrap,.hdr-dd-item{display:flex;align-items:center}.hdr-dd-item{gap:10px;padding:9px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s;text-decoration:none}.hdr-dd-item:hover{background:rgba(255,255,255,.04)}.hdr-dd-item-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hdr-dd-item-icon svg{width:14px;height:14px}.hdr-dd-item-text,.hdr-dd-signout span{font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;color:var(--text2);letter-spacing:.5px}.hdr-dd-item-sub{font-size:8px;color:var(--dim);margin-top:1px}.hdr-dd-divider{height:1px;background:rgba(255,255,255,.05);margin:2px 0}.hdr-dd-signout{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .1s;width:100%;background:0 0;border:0}.hdr-dd-signout:hover{background:rgba(255,78,106,.05)}.hdr-dd-signout span{font-size:11px;color:var(--red)}#hdr-search-wrap{position:relative;flex:0 1 260px;min-width:140px;margin:0 auto}#hdr-search{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text2);font-family:"Inter","Barlow",sans-serif;font-size:12px;padding:6px 32px 6px 12px;width:100%;outline:0;letter-spacing:.5px;transition:border .2s,box-shadow .2s,background .2s;border-radius:6px}#hdr-search:focus{border-color:rgba(0,245,196,.3);box-shadow:0 0 0 1px rgba(0,245,196,.15);background:rgba(0,0,0,.4)}#hdr-search::placeholder{color:var(--dim);font-size:11px}#hdr-search-icon{position:absolute;right:10px;color:var(--dim);font-size:16px;pointer-events:none}#hdr-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:6px;z-index:500;max-height:320px;overflow-y:auto;display:none;min-width:320px;box-shadow:0 8px 24px rgba(0,0,0,.4)}#hdr-search-results.open{display:block}.sr-group,.sr-item{border-bottom:1px solid rgba(255,255,255,.04)}.sr-group{font-size:10px;color:var(--dim);letter-spacing:0.3px;padding:6px 10px 3px;font-family:"Rajdhani",sans-serif;font-weight:700}.sr-item{padding:7px 10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}.sr-item:hover{background:rgba(255,255,255,.04)}.sr-item-icon{font-size:12px;flex-shrink:0}.sr-item-main{font-family:"Rajdhani",sans-serif;font-size:14px;font-weight:700;color:var(--text2)}.sr-item-sub{font-size:11px;color:var(--dim);margin-top:1px}.sr-badge,.sr-empty{font-family:"Inter",sans-serif}.sr-badge{font-size:7px;padding:1px 5px;margin-left:auto;flex-shrink:0;border-radius:3px}.sr-badge.live{background:rgba(0,230,118,.15);color:#00e676;border:1px solid rgba(0,230,118,.2)}.sr-badge.upcoming{background:rgba(145,71,255,.15);color:#bf94ff;border:1px solid rgba(145,71,255,.2)}.sr-badge.game{background:rgba(0,245,196,.1);color:var(--acc);border:1px solid rgba(0,245,196,.15)}.sr-empty{padding:12px 10px;font-size:9px;color:var(--dim);text-align:center}.rbtn{font-family:"Rajdhani",sans-serif;font-size:11px;font-weight:700;color:var(--text);border:0;padding:5px 10px;background:rgba(255,255,255,.06);cursor:pointer;letter-spacing:.5px;transition:all .15s;border-radius:4px}.rbtn:hover{background:rgba(255,255,255,.1)}.rbtn:disabled{opacity:.4;cursor:not-allowed}.gtab{padding:5px 14px;font-size:14px;font-weight:700;letter-spacing:.5px;cursor:pointer;border:0;font-family:"Rajdhani",sans-serif;background:0 0;color:var(--dim);transition:all .15s;border-radius:4px;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.gtab:hover{color:var(--text);background:rgba(255,255,255,.06)}.gtab.on{color:#fff;background:rgba(255,255,255,.1)}.g-all.on{color:var(--acc);background:rgba(0,245,196,.1)}.g-cs2.on{color:var(--cs);background:rgba(240,165,0,.1)}.g-lol.on{color:var(--lol);background:rgba(200,155,60,.1)}.g-dota2.on{color:var(--dota);background:rgba(221,68,68,.1)}.g-valorant.on{color:var(--val);background:rgba(255,70,85,.1)}.g-rl.on{color:var(--rl);background:rgba(78,158,252,.1)}.g-cod.on{color:var(--cod);background:rgba(139,195,74,.1)}.g-chess.on{color:#c9a84c;background:rgba(201,168,76,.1)}.g-apex.on{color:var(--apex);background:rgba(224,64,64,.1)}.g-rivals.on{color:var(--rivals);background:rgba(230,57,70,.1)}.g-eafc.on{color:var(--eafc);background:rgba(0,168,89,.1)}.g-fortnite.on{color:var(--fn);background:rgba(0,212,255,.1)}.g-ow.on{color:#f99e1a;background:rgba(249,158,26,.1)}.g-r6.on{background:#0096ff;color:#fff}.panel,.ph{display:flex;overflow:hidden}.panel{background:var(--bg2);border:1px solid rgba(255,255,255,.06);border-radius:8px;flex-direction:column;min-height:0;position:relative}.ph{align-items:center;justify-content:space-between;padding:4px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2);flex-shrink:0;min-height:27px;height:34px;gap:6px}.pt{font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;letter-spacing:0.3px;color:var(--dim);text-transform:uppercase;white-space:nowrap}#panel-live-stream .pt{flex-shrink:0}.pb{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.tab-bar{display:flex;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.1);flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tab-bar::-webkit-scrollbar{display:none}.stab{padding:7px 9px;font-size:11px;cursor:pointer;border:0;border-bottom:2px solid transparent;background:0 0;color:var(--dim);font-family:"Rajdhani",sans-serif;font-weight:700;letter-spacing:.5px;transition:all .1s;white-space:nowrap;flex-shrink:0}.stab:hover{color:var(--text)}.stab.on{color:var(--acc);border-bottom-color:var(--acc)}.chip-bar{display:none}.tourn-filter{display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.1);flex-shrink:0}.tourn-dropdown,.tourn-filter-btn{border:1px solid rgba(255,255,255,.08)}.tourn-filter-btn{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.2);border-radius:4px;padding:6px 12px;cursor:pointer;font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--text2);transition:all .15s;flex:1}.tourn-filter-btn.active,.tourn-filter-btn:hover{border-color:rgba(0,245,196,.3);color:var(--acc)}.tourn-filter-btn.active{background:rgba(0,245,196,.05)}.tourn-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg2);border-top:none;border-radius:0 0 6px 6px;z-index:50;max-height:220px;overflow-y:auto}.tourn-dropdown.hidden{display:none}.badge,.tourn-opt{font-size:11px;font-family:"Rajdhani",sans-serif}.tourn-opt{padding:8px 12px;font-weight:600;color:var(--text);cursor:pointer;border-bottom:1px solid rgba(30,52,72,.5);transition:background .1s}.tourn-opt:hover{background:rgba(0,245,196,.05);color:var(--text2)}.tourn-opt.on{color:var(--acc);background:rgba(0,245,196,.04)}.chip:hover{color:var(--text);border-color:var(--b2)}.chip.on{background:var(--acc);color:#000;border-color:transparent}.badge{font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:3px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.lb{background:rgba(0,245,196,.1);color:var(--acc);border:1px solid rgba(0,245,196,.2)}.cb,.slabel .slabel-count{font-family:"Inter","Barlow",sans-serif}.cb,.slabel{font-weight:700}.cb{background:rgba(255,255,255,.04);color:var(--text);font-size:12px;padding:2px 8px;border-radius:3px}.slabel{padding:8px 10px 6px;font-size:11px;color:var(--text2);letter-spacing:0.3px;font-family:"Rajdhani",sans-serif;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.slabel .slabel-count{font-size:10px;color:var(--dim);font-weight:400;letter-spacing:0}.gdot{width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block}.mrow,.mrow-game-icon{display:flex;align-items:center}.mrow{padding:6px 10px;cursor:pointer;gap:10px;transition:background .15s;animation:fadein .2s ease;border-radius:4px;margin:0 4px}.mrow:hover{background:rgba(255,255,255,.04)}.mrow.sel{background:rgba(0,245,196,.06)}.mrow-game-icon{width:32px;height:32px;border-radius:6px;flex-shrink:0;justify-content:center;font-family:"Rajdhani",sans-serif;font-size:8px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase;position:relative}.mrow-game-icon .mrow-live-pip{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:#e53935;border:2px solid var(--bg2);box-shadow:0 0 4px rgba(229,57,53,.6)}.mrow-game-icon .mrow-live-pip.green{background:#00e676;box-shadow:0 0 4px rgba(0,230,118,.6)}.mrow-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mrow-sub,.mrow-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.mrow-title{font-size:13px;color:var(--text2);font-weight:700;font-family:"Rajdhani",sans-serif}.mrow-sub{font-size:11px;color:var(--dim);font-family:"Inter","Barlow",sans-serif}.mrow-status{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.mrow-score-badge{font-size:18px;font-family:"Barlow",sans-serif;font-weight:700;letter-spacing:0.3px;white-space:nowrap}.mrow-status-label{font-size:9px;font-family:"Inter","Barlow",sans-serif;letter-spacing:.5px;white-space:nowrap}.mrow-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e53935;margin-right:4px;vertical-align:middle;box-shadow:0 0 4px rgba(229,57,53,.5)}.sidebar-show-more{padding:8px 10px;font-size:11px;color:var(--purple);font-family:"Inter","Barlow",sans-serif;cursor:pointer;transition:color .15s;letter-spacing:.5px}.sidebar-show-more:hover{color:var(--acc)}.mrow-score-row{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:4px}.mrow-team{font-size:13px;color:var(--text2);font-weight:700;font-family:"Rajdhani",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrow-team1{text-align:left}.mrow-team2{text-align:right}.mrow-score,.odds-hdr span{letter-spacing:0.3px;text-align:center;font-weight:700}.mrow-score{font-size:13px;font-family:"Barlow Condensed",sans-serif;flex-shrink:0}.fitem{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s;animation:fadein .25s ease}.fitem:hover,.orow:hover{background:rgba(255,255,255,.02)}.odds-hdr{display:grid;grid-template-columns:1fr 76px 76px 36px;gap:2px;padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.15);flex-shrink:0;font-size:11px;color:var(--text)}.odds-hdr span{font-size:11px;color:var(--dim);font-family:"Rajdhani",sans-serif}.odds-hdr span:first-child{text-align:left}.orow{display:grid;grid-template-columns:1fr 76px 76px 36px;gap:2px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);align-items:center}.ocell{text-align:center;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:4px;cursor:pointer;transition:all .12s;font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700}.ocell:hover{background:var(--acc);color:#000;border-color:var(--acc)}.ocell.best{border-color:rgba(0,245,196,.3);color:var(--acc)}.ocell.up{color:#4f8}.ocell.dn{color:var(--red)}.ocell.na{color:var(--dim);cursor:default}.ocell.na:hover{background:0 0;color:var(--dim);border-color:rgba(255,255,255,.08)}.ai-msg{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-family:"Rajdhani",sans-serif;font-size:13px;line-height:1.85;animation:fadein .2s ease}.ai-msg.user{background:rgba(0,245,196,.03);border-left:2px solid rgba(0,245,196,.4)}.ai-msg.bot{background:rgba(124,106,247,.03);border-left:2px solid rgba(124,106,247,.4)}.ai-who{font-size:9px;letter-spacing:.5px;margin-bottom:4px;display:block;font-weight:700}#ai-bar{display:flex;flex-shrink:0;border-top:1px solid rgba(255,255,255,.06)}#ai-inp,.ai-who{font-family:"Rajdhani",sans-serif}#ai-inp{flex:1;background:rgba(0,0,0,.3);border:0;padding:9px 12px;color:var(--text2);font-size:12px;outline:0;border-radius:0}#ai-inp::placeholder{color:var(--dim)}#ai-go{background:var(--acc);color:#000;border:0;padding:8px 16px;cursor:pointer;font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;flex-shrink:0;border-radius:0}#ai-go:hover{opacity:.85}#ai-go:disabled{opacity:.35;cursor:not-allowed}.mc-score{font-family:"Barlow Condensed",sans-serif;font-size:28px;font-weight:900;min-width:68px;text-align:center;letter-spacing:3px}.mc-team{font-family:"Rajdhani",sans-serif;font-size:16px;font-weight:700;color:var(--text2)}.mc-odds-cell{text-align:center;padding:7px 6px;border:1px solid rgba(255,255,255,.08);border-radius:4px;cursor:pointer;transition:all .12s;flex:1}.mc-odds-cell:hover{border-color:rgba(0,245,196,.3);background:rgba(0,245,196,.05)}.mc-odds-val{font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:700;color:var(--acc)}.mc-odds-lbl{font-size:7px;color:var(--dim);letter-spacing:0.3px;margin-bottom:3px}.mc-meta-pill{font-family:"Inter","Barlow",sans-serif;font-size:10px;color:var(--acc);background:rgba(0,245,196,.06);border:1px solid rgba(0,245,196,.15);padding:2px 8px;border-radius:3px;letter-spacing:.5px}.mc-team-click{cursor:pointer;transition:color .12s}.bracket-team.winner .bracket-team-name,.bracket-team.winner .bracket-team-score,.mc-team-click:hover{color:var(--acc)}.roster-grid{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:thin}.roster-grid::-webkit-scrollbar{height:4px}.roster-grid::-webkit-scrollbar-thumb{background:#00f5c4;border-radius:2px}.player-card{min-width:96px;max-width:110px;padding:8px 6px;background:rgba(0,245,196,.03);border:1px solid rgba(0,245,196,.1);border-radius:6px;text-align:center;flex-shrink:0;transition:border-color .15s;cursor:pointer}.player-card:hover{border-color:rgba(0,245,196,.25)}.player-card .pc-placeholder,.player-card img{width:56px;height:56px;border-radius:50%;border:1px solid var(--b2)}.player-card img{object-fit:cover;object-position:top;background:var(--bg2);image-rendering:-webkit-optimize-contrast}.player-card .pc-placeholder{background:var(--bg);margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--dim)}.player-ign{font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;color:var(--text2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta,.player-role{font-size:9px;color:var(--dim)}.player-role{font-family:"Inter","Barlow",sans-serif;text-transform:capitalize}.player-meta{margin-top:2px}.player-popup{position:fixed;z-index:910;width:220px;background:rgba(9,12,19,.97);border:1px solid rgba(0,245,196,.15);border-radius:8px;padding:12px;pointer-events:auto;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px rgba(0,245,196,.05)}.match-popup.mp-visible,.player-popup.pp-visible{opacity:1;transform:translateY(0)}.pp-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.pp-photo,.pp-photo-placeholder{width:56px;height:56px;border-radius:50%;border:2px solid var(--b2);background:var(--bg);flex-shrink:0}.pp-photo{object-fit:cover}.pp-photo-placeholder{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--dim)}.pp-info{min-width:0;overflow:hidden}.pp-ign{font-family:"Rajdhani",sans-serif;font-size:16px;font-weight:700;color:var(--acc);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-realname,.pp-role{font-family:"Inter","Barlow",sans-serif}.pp-realname{font-size:10px;color:var(--text);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-role{font-size:9px;color:var(--purple);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.pp-details{display:flex;flex-direction:column;gap:4px}.pp-row{display:flex;justify-content:space-between;align-items:center}.pp-label{font-family:"Inter","Barlow",sans-serif;color:var(--dim);font-size:9px;letter-spacing:.3px}.pp-val{font-family:"Rajdhani",sans-serif;font-weight:600;color:var(--text2);font-size:11px}.pp-heroes{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.pp-heroes-title{font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--acc);letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.pp-hero-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.pp-hero-name{font-family:"Rajdhani",sans-serif;font-weight:600;color:var(--text2);font-size:11px}.pp-hero-stats{font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--dim)}.pc-captain-badge,.pp-captain-badge{font-family:"Barlow Condensed",sans-serif;font-size:7px;font-weight:900;color:#f0b429;background:rgba(240,180,41,.12);border:1px solid rgba(240,180,41,.25);border-radius:3px;padding:0 3px;letter-spacing:.5px;vertical-align:middle;line-height:1.4}.pc-captain-badge{display:inline-block;margin-left:2px}.pp-captain-badge{margin-left:4px}.match-popup{position:fixed;z-index:920;width:480px;background:rgba(9,12,19,.97);border:1px solid rgba(0,245,196,.15);border-radius:10px;padding:14px 16px;pointer-events:auto;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px rgba(0,245,196,.05);max-height:80vh;overflow-y:auto}.mp-loading{padding:20px;text-align:center;font-size:10px;color:var(--dim);font-family:"Inter","Barlow",sans-serif;letter-spacing:.5px}.mp-header,.mp-team{display:flex;align-items:center}.mp-header{justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:8px}.mp-team{gap:6px;flex:1;min-width:0}.mp-team-right{justify-content:flex-end}.mp-team-logo{width:22px;height:22px;object-fit:contain;flex-shrink:0}.mp-team-name{font-family:"Rajdhani",sans-serif;font-size:14px;font-weight:700;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mp-odds-val{font-family:"Barlow Condensed",sans-serif;font-size:12px;font-weight:700;color:var(--acc);flex-shrink:0}.mp-tourn,.mp-vs{font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--dim)}.mp-vs{padding:0 8px;flex-shrink:0;letter-spacing:0.3px}.mp-tourn{text-align:center;margin-bottom:8px;letter-spacing:.3px}.mp-rosters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.mp-roster-col{display:flex;flex-direction:column;gap:2px}.mp-player{display:flex;align-items:center;gap:5px;padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.03);flex-wrap:wrap}.mp-player-name{font-family:"Rajdhani",sans-serif;font-size:11px;font-weight:700;color:var(--text2);white-space:nowrap}.mp-player-role{font-family:"Inter","Barlow",sans-serif;font-size:8px;color:var(--dim);text-transform:capitalize;flex-shrink:0}.mp-heroes{display:flex;gap:3px;margin-left:auto}.mp-hero,.mp-no-roster{font-family:"Inter","Barlow",sans-serif}.mp-hero{font-size:7px;color:var(--acc);background:rgba(0,245,196,.08);border:1px solid rgba(0,245,196,.12);padding:1px 3px;border-radius:2px;white-space:nowrap}.mp-no-roster{font-size:9px;color:var(--dim);padding:12px 0;text-align:center}.mp-h2h{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.mp-h2h-label{font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--dim);letter-spacing:0.3px;text-transform:uppercase}.mp-h2h-score{font-family:"Rajdhani",sans-serif;font-size:18px;font-weight:900}.mp-h2h-dash,.mp-h2h-total,.plan-price span{font-size:12px;color:var(--dim)}.mp-h2h-total{font-family:"Inter","Barlow",sans-serif;font-size:9px}.h2h-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 4px}.h2h-score{font-family:"Rajdhani",sans-serif;font-size:20px;font-weight:900;color:var(--acc)}.h2h-label{font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--dim);letter-spacing:.5px}.h2h-team{font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;color:var(--text2);max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h2h-match-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:10px}.h2h-match-row:last-child{border-bottom:none}.h2h-match-date{font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--dim);min-width:50px}.h2h-match-score{font-family:"Rajdhani",sans-serif;font-weight:700;color:var(--text)}.h2h-match-tourn{font-family:"Inter","Barlow",sans-serif;font-size:8px;color:var(--dim);flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-grid{display:flex;gap:0;align-items:stretch;min-width:fit-content;padding:4px 0}.bracket-round{display:flex;flex-direction:column;justify-content:space-around;gap:12px;min-width:160px;padding:0 8px}.bracket-round-label{font-family:"Rajdhani",sans-serif;font-size:10px;font-weight:700;color:var(--dim);letter-spacing:.5px;text-align:center;margin-bottom:6px}.bracket-match{padding:6px 8px;border:1px solid var(--b);border-radius:4px;background:var(--bg);font-size:11px;transition:border-color .15s}.bracket-match:hover{border-color:var(--b2)}.bracket-match.active{border-color:var(--acc);box-shadow:0 0 8px rgba(0,245,196,.15)}.bracket-team{display:flex;align-items:center;gap:4px;padding:3px 0}.bracket-team-name{font-family:"Rajdhani",sans-serif;font-weight:700;font-size:11px;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracket-team-score{font-family:"Inter","Barlow",sans-serif;font-size:11px;color:var(--dim);min-width:14px;text-align:right}.bracket-connector-col{width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bracket-connector-col::after{content:"";display:block;width:1px;height:60%;background:var(--b2)}.bracket-blurred{filter:blur(4px);pointer-events:none}#stream-box{flex:1;background:#000;position:relative;overflow:hidden}#auth-overlay,.sph{display:flex;align-items:center;justify-content:center}.sph{flex-direction:column;height:100%;gap:8px;opacity:.8}#auth-overlay{position:fixed;inset:0;background:rgba(3,5,10,.97);z-index:1000;backdrop-filter:blur(8px)}#auth-overlay.hidden,#username-modal,.auth-box::before{display:none}#username-modal.hidden{display:none!important}#username-modal.visible,body.sidebar-mode #sidebar-trigger{display:flex!important}.auth-box{width:400px;background:var(--bg2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px;position:relative}.auth-logo{font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:900;color:var(--acc);letter-spacing:0.5px;text-align:center;margin-bottom:4px}.auth-sub{font-size:10px;color:var(--dim);letter-spacing:.5px;text-align:center;margin-bottom:24px;font-family:"Rajdhani",sans-serif}.auth-tabs{display:flex;border-bottom:1px solid rgba(30,52,72,.5);margin-bottom:20px;gap:4px}.auth-tab{flex:1;padding:8px;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;border:0;background:0 0;color:var(--dim);font-family:"Rajdhani",sans-serif;border-bottom:2px solid transparent;transition:all .15s;border-radius:4px 4px 0 0}.auth-tab.on{color:var(--acc);border-bottom-color:var(--acc)}.auth-inp{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px;color:var(--text2);font-family:"Inter","Barlow",sans-serif;font-size:11px;outline:0;margin-bottom:10px;transition:border .15s,background .15s}.auth-inp:focus{border-color:rgba(0,245,196,.3);background:rgba(0,0,0,.3)}.auth-inp::placeholder{color:var(--dim)}.auth-btn{width:100%;padding:10px;font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;border:0;transition:all .15s;margin-bottom:10px;border-radius:6px}.auth-btn.primary{background:var(--acc);color:#000}.auth-btn.primary:hover{opacity:.88}#pro-modal,#support-modal,.auth-btn.google{display:flex;align-items:center;justify-content:center}.auth-btn.google{background:rgba(255,255,255,.06);color:var(--text2);border:1px solid rgba(255,255,255,.08);border-radius:6px;gap:10px}.auth-btn.google:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.1)}.auth-divider{color:var(--dim);margin:12px 0;letter-spacing:.5px}.auth-divider,.auth-err,.auth-footer{font-size:10px;text-align:center;font-family:"Rajdhani",sans-serif}.auth-err{color:var(--red);min-height:16px;margin-bottom:8px;letter-spacing:.3px}.auth-footer{color:var(--dim);margin-top:16px;line-height:1.8}#pro-modal,#support-modal{position:fixed;inset:0;backdrop-filter:blur(6px)}#pro-modal{background:rgba(3,5,10,.95);z-index:900}#gcol-1.sidebar-mode #vsplit-1,#panel-live-stream.stream-expanded .ph,#pro-modal.hidden,#support-modal.hidden,.pro-box::before,.support-box::before{display:none}#support-modal{background:rgba(3,5,10,.6);z-index:950}.support-box{width:440px;max-width:95vw;background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:32px;position:relative;max-height:90vh;overflow-y:auto}.support-box select:focus,.support-box textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 1px rgba(0,245,196,.2)}.support-box textarea{line-height:1.5}#support-drop.dragover,#support-drop:hover{border-color:var(--acc);background:rgba(0,245,196,.03)}#support-submit:hover{opacity:.85}#support-submit:disabled{opacity:.5;cursor:not-allowed}.pro-box{width:520px;background:var(--bg2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:36px;position:relative;max-height:90vh;overflow-y:auto}.pro-close{position:absolute;top:14px;right:14px;background:0 0;border:0;color:var(--dim);cursor:pointer;font-size:16px;font-family:"Inter",sans-serif}#layout-btn:hover,.pro-close:hover{color:var(--text2)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.plan-card{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:20px;position:relative;cursor:pointer;transition:all .15s}.plan-card:hover{border-color:rgba(255,255,255,.15)}.plan-card.featured{border-color:rgba(240,180,41,.3);background:rgba(240,180,41,.03)}.plan-card.featured::before{content:"BEST VALUE";position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--gold);color:#000;font-size:9px;font-weight:700;padding:2px 10px;border-radius:0 0 4px 4px;letter-spacing:0.3px;font-family:"Rajdhani"}.plan-name,.plan-price{font-family:"Barlow Condensed",sans-serif}.plan-name{font-size:14px;font-weight:700;color:var(--text2);margin-bottom:4px}.plan-price{font-size:22px;font-weight:900;color:var(--gold);margin:8px 0}.plan-feat{font-size:12px;color:var(--dim);line-height:2.1;margin-top:10px}.plan-feat li{list-style:none;padding-left:18px;position:relative}.plan-feat li::before{content:"✓";position:absolute;left:0;color:var(--gold)}.plan-feat li.no::before{content:"✗";color:var(--dim)}.plan-feat li.no{opacity:.5}.pro-btn{width:100%;padding:12px;font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;letter-spacing:0.3px;cursor:pointer;border:0;border-radius:6px;background:var(--gold);color:#000;margin-top:8px;transition:opacity .15s}.pro-btn:hover{opacity:.88}.user-avatar,.user-badge{display:flex;align-items:center}.user-badge{gap:8px;padding:0 12px;border-left:1px solid var(--b)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--purple));justify-content:center;font-size:12px;font-weight:700;color:#000;font-family:"Rajdhani";flex-shrink:0}.user-name{font-size:10px;color:var(--text2);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-tier{font-size:9px;font-weight:700;letter-spacing:0.3px}.tier-free{color:var(--dim)}.tier-pro{color:var(--gold)}.signout-btn{font-size:9px;color:var(--dim);background:0 0;border:0;cursor:pointer;font-family:"Inter",sans-serif;padding:2px 8px}.signout-btn:hover{color:var(--red)}.pro-gate{position:relative;overflow:hidden}.pro-gate.locked::after{content:"";position:absolute;inset:0;background:rgba(6,8,13,.75);backdrop-filter:blur(3px);z-index:5}.pro-gate[data-unlocked] .gate-prompt,.pro-gate[data-unlocked]::after{display:none!important}.pro-gate.locked .gate-prompt{display:flex}.gate-prompt{display:none;position:absolute;inset:0;z-index:6;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.gate-btn{padding:8px 20px;background:var(--gold);color:#000;border:0;border-radius:6px;font-family:"Rajdhani",sans-serif;font-size:11px;font-weight:700;letter-spacing:0.3px;cursor:pointer;transition:opacity .15s}.gate-btn:hover{opacity:.88}.alert-item{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:8px;animation:fadein .2s ease}.alert-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:3px}.alert-new{animation:pulse 1.5s infinite}.vbet-card{margin:8px 10px;padding:10px;border:1px solid rgba(240,180,41,.2);border-radius:6px;background:rgba(240,180,41,.04)}.vbet-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}#layout-btn,.vbet-edge{font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:700;color:var(--gold)}#layout-btn{background:rgba(255,255,255,.06);border:0;border-radius:4px;color:var(--text);font-family:"Rajdhani",sans-serif;font-size:11px;letter-spacing:.5px;padding:5px 10px;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}#layout-btn:hover{background:rgba(255,255,255,.1)}#layout-modal{position:fixed;inset:0;background:0 0;z-index:2000;display:flex;align-items:flex-start;justify-content:flex-end;padding:70px 16px 0 0;pointer-events:none}#layout-modal.hidden{display:none}.layout-box{border:1px solid rgba(255,255,255,.08);border-radius:10px}.layout-sub{font-family:"Rajdhani",sans-serif}.layout-panel-item{border:1px solid rgba(255,255,255,.08);border-radius:6px;font-weight:700}.layout-panel-item.active{border-color:rgba(0,245,196,.3)}.layout-panel-item.disabled{border-color:rgba(255,255,255,.04);color:var(--dim);opacity:.5}.layout-check{width:10px;height:10px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}.layout-footer{display:flex;gap:8px;justify-content:flex-end}.layout-btn-apply{border-radius:6px;transition:opacity .15s}.layout-btn-apply:hover{opacity:.88}.layout-btn-cancel{border:1px solid rgba(255,255,255,.08);border-radius:6px}.layout-btn-cancel:hover{border-color:rgba(255,255,255,.15)}.layout-section-label{grid-column:1/-1}body.pro-resize-mode .ph{cursor:grab}body.panel-dragging .ph{cursor:grabbing!important}body.panel-dragging .panel.being-dragged{outline:2px dashed rgba(0,245,196,.7);outline-offset:-2px}body.panel-dragging .panel.being-dragged .ph{background:rgba(0,245,196,.12)}.drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-size:12px;font-weight:900;letter-spacing:4px;color:var(--acc);background:rgba(3,5,12,.96);border:2px solid var(--acc);z-index:9999;pointer-events:none}.grid-col,.panel-drag-icon{display:flex;flex-direction:column}.panel-drag-icon{width:16px;height:16px;justify-content:center;gap:3px;padding:2px;opacity:0;transition:opacity .15s;cursor:grab;flex-shrink:0;margin-right:6px}.panel-drag-icon span{display:block;height:1.5px;background:var(--dim);border-radius:1px}body.pro-resize-mode .panel:hover .panel-drag-icon{opacity:1}body.panel-dragging .panel-drag-icon{opacity:0}.grid-col{min-width:0;min-height:0;position:relative}.grid-col-1{width:268px;flex-shrink:0}.grid-col-2,.grid-col-3,.grid-col-4{flex:1 1 0;min-width:100px}.col-hsplit,.col-vsplit{flex-shrink:0;flex-grow:0;background:var(--b);position:relative;z-index:100;transition:background .1s;touch-action:none}.col-vsplit{width:5px;cursor:col-resize}.col-hsplit.active,.col-hsplit:hover,.col-vsplit.active,.col-vsplit:hover{background:var(--acc);box-shadow:0 0 8px rgba(0,245,196,.4)}.col-hsplit::after,.col-vsplit::after{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0;cursor:col-resize}.col-hsplit{height:5px;cursor:row-resize}.col-hsplit::after{top:-8px;bottom:-8px;left:0;right:0;cursor:row-resize}.grid-col .panel{flex:1;min-height:80px;overflow:hidden;position:relative;grid-column:unset!important;grid-row:unset!important}body.col-resizing,body.col-resizing *{cursor:col-resize!important;user-select:none!important}body.row-resizing,body.row-resizing *{cursor:row-resize!important;user-select:none!important}body.col-resizing iframe,body.panel-dragging iframe,body.row-resizing iframe{pointer-events:none!important}.layout-box{background:var(--bg2);border:1px solid var(--b2);border-top:2px solid var(--acc);padding:28px;width:560px;max-width:95vw;max-height:80vh;overflow-y:auto;pointer-events:auto;box-shadow:0 8px 32px rgba(0,0,0,.6)}.layout-title{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:900;color:var(--acc);letter-spacing:3px;margin-bottom:4px}.layout-sub{font-size:9px;color:var(--dim);letter-spacing:0.3px;margin-bottom:20px}.layout-section-label{font-family:"Inter",sans-serif;font-size:8px;color:var(--dim);letter-spacing:0.5px;margin-bottom:8px;margin-top:16px}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.layout-panel-item{border:1px solid var(--b);padding:10px 12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:"Inter",sans-serif;font-size:10px;color:var(--text2);letter-spacing:0.3px}.layout-panel-item.active{background:rgba(0,245,196,.06)}.layout-check{margin-left:auto;color:var(--acc);font-size:10px}.layout-btn-row{display:flex;gap:8px;margin-top:20px}.layout-btn-apply,.stream2-box h3{font-family:"Barlow Condensed",sans-serif;font-weight:900}.layout-btn-apply{flex:1;background:var(--acc);color:#000;border:0;font-size:10px;letter-spacing:0.5px;padding:10px;cursor:pointer}.layout-btn-cancel,.stream2-box p{font-size:9px;color:var(--dim);letter-spacing:0.3px}.layout-btn-cancel,.layout-toggle-row{border:1px solid var(--b);font-family:"Inter",sans-serif}.layout-btn-cancel{background:0 0;padding:8px 14px;cursor:pointer}.layout-btn-cancel:hover,.layout-panel-item.active,.layout-toggle-row.active{border-color:var(--acc);color:var(--acc)}.layout-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:6px;font-size:10px;color:var(--text2);letter-spacing:0.3px}.layout-toggle-row.active{background:rgba(0,245,196,.05)}.layout-toggle{width:32px;height:16px;background:var(--b);border-radius:8px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.layout-toggle.on{background:var(--acc)}.layout-toggle::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .2s}.layout-toggle.on::after{left:18px}#gcol-1{transition:width .25s}#gcol-1.sidebar-mode{width:0!important;overflow:visible;flex:none}#sidebar-trigger{display:none;position:fixed;left:0;top:50vh;transform:translateY(-50%);z-index:900;width:20px;height:72px;background:rgba(0,245,196,.18);border:1px solid var(--acc);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;writing-mode:vertical-rl;font-family:"Inter",sans-serif;font-size:8px;color:var(--acc);letter-spacing:0.5px;align-items:center;justify-content:center;transition:background .15s,box-shadow .15s}body.sidebar-mode #sidebar-trigger:hover{background:rgba(0,245,196,.35);box-shadow:2px 0 12px rgba(0,245,196,.3)}.sidebar-panel{position:fixed;left:0;top:130px;bottom:0;width:268px;z-index:400;background:var(--bg);border-right:2px solid var(--acc);box-shadow:4px 0 24px rgba(0,0,0,.7);transform:translateX(-100%);transition:transform .2s;overflow:hidden;display:flex}.sidebar-panel.open{transform:translateX(0)}#panel-stream-2,.sidebar-panel{flex-direction:column}#stream2-input-modal{display:none;position:fixed;inset:0;z-index:3000;background:rgba(3,5,12,.88);backdrop-filter:blur(8px);align-items:center;justify-content:center}#stream2-input-modal.open{display:flex}.stream2-box{background:var(--bg2);border:1px solid var(--acc);padding:28px;width:380px;max-width:90vw}.stream2-box h3{font-size:11px;color:var(--acc);letter-spacing:3px;margin:0 0 6px}.stream2-box p{margin:0 0 16px}.stream2-inp{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--b2);color:var(--text);font-family:"Inter",sans-serif;font-size:11px;padding:8px 10px;outline:0;margin-bottom:14px}.stream2-inp:focus{border-color:var(--acc)}.stream2-btn-row{display:flex;gap:8px;justify-content:flex-end}.stream2-ok{background:var(--acc);color:#000;border:0;font-family:"Barlow Condensed",sans-serif;font-size:9px;font-weight:900;letter-spacing:0.5px;padding:8px 18px;cursor:pointer}.stream2-cancel{background:0 0;border:1px solid var(--b);color:var(--dim);font-family:"Inter",sans-serif;font-size:9px;padding:7px 14px;cursor:pointer;letter-spacing:0.3px}.stream2-cancel:hover{border-color:var(--acc);color:var(--acc)}#panel-match-centre{min-height:80px}#panel-live-stream{min-height:80px;flex:1 1 0}body.panel-dragging .panel[id]:not(.being-dragged){outline:1px dashed rgba(0,245,196,.35);outline-offset:-2px}body.panel-dragging .panel[id].drop-hovered:not(.being-dragged){outline:2px solid var(--acc);outline-offset:-2px;background:rgba(0,245,196,.06)!important}.panel-slot{flex:1 1 0;min-height:60px;border:1px dashed rgba(0,245,196,.2);display:flex;align-items:center;justify-content:center;font-family:"Inter","Barlow",sans-serif;font-size:8px;color:rgba(0,245,196,.3);letter-spacing:0.5px;position:relative;background:rgba(0,245,196,.015);transition:border-color .15s,background .15s}body:not(.panel-dragging) .panel-slot{display:none}#bt-panel,body.panel-dragging .panel-slot,body.pro-resize-mode .panel-remove-btn{display:flex}.panel-slot.drop-hovered{border-color:var(--acc);background:rgba(0,245,196,.08);color:var(--acc)}.col-fill-zone{position:absolute;top:0;left:0;right:0;height:52px;z-index:8000;pointer-events:none;display:flex;align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-size:9px;font-weight:900;letter-spacing:3px;color:var(--gold);background:linear-gradient(180deg,rgba(240,180,41,.25)0,transparent 100%);border-top:2px solid var(--gold);opacity:0;transition:opacity .1s}.col-fill-zone.active,body.pro-resize-mode .panel:hover .panel-remove-btn{opacity:1}#panel-ghost.fill-mode{background:rgba(240,180,41,.18);border-color:var(--gold);color:var(--gold)}.grid-col.fill-col-target{background:rgba(240,180,41,.03)}.panel.fill-target{outline:2px solid var(--gold)!important;outline-offset:-2px}.grid-col.fill-col-target{background:rgba(240,180,41,.04)}.bt-hdr,.panel-remove-btn{align-items:center;flex-shrink:0}.panel-remove-btn{width:14px;height:14px;display:none;justify-content:center;font-size:13px;line-height:1;color:var(--dim);cursor:pointer;margin-right:4px;opacity:0;transition:opacity .15s,color .15s;font-family:"Inter","Barlow",sans-serif;user-select:none}.panel-remove-btn:hover{color:var(--red)!important;opacity:1!important}.grid-col.col-empty{flex:0 0 0px!important;min-width:0!important;overflow:hidden;padding:0}#bt-panel{position:fixed;top:0;right:-480px;width:460px;height:100vh;background:var(--bg2);border-left:2px solid var(--gold);z-index:1500;flex-direction:column;transition:right .28s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px rgba(0,0,0,.7)}#bt-panel.open{right:0}#bt-panel::before,#bt-quickadd::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--acc))}.bt-hdr{display:flex;padding:14px 18px;border-bottom:1px solid var(--b);gap:10px}.bt-title{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:900;color:var(--gold);letter-spacing:3px;flex:1}.bt-close,.bt-export-btn{background:0 0;color:var(--dim);cursor:pointer}.bt-close{border:0;font-size:18px;padding:0 4px;line-height:1}.bt-close:hover{color:var(--text)}.bt-export-btn{border:1px solid var(--b);font-family:"Inter",sans-serif;font-size:8px;padding:3px 8px;letter-spacing:0.3px;transition:all .15s;border-radius:3px}.bt-export-btn:hover{border-color:var(--acc);color:var(--acc)}.bt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b);border-bottom:1px solid var(--b);flex-shrink:0}.bt-stat{background:var(--bg);padding:10px 8px;text-align:center}.bt-stat-val{font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:700;line-height:1;margin-bottom:3px}.bt-stat-lbl{font-size:8px;color:var(--dim);letter-spacing:0.3px;font-family:"Inter",sans-serif}.bt-stat-val.pos{color:#00e676}.bt-stat-val.neg{color:var(--red)}.bt-stat-val.neu{color:var(--gold)}.bt-add{padding:14px 18px;border-bottom:1px solid var(--b);flex-shrink:0;background:rgba(240,180,41,.03)}.bt-add-title{font-size:9px;color:var(--gold);letter-spacing:0.5px;font-family:"Inter",sans-serif;margin-bottom:10px}.bt-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.bt-row.three{grid-template-columns:1fr 1fr 1fr}.bt-inp{width:100%;background:rgba(0,0,0,.5);border:1px solid var(--b2);color:var(--text2);font-family:"Inter",sans-serif;font-size:10px;padding:7px 10px;outline:0;transition:border .15s}.bt-inp:focus{border-color:var(--gold)}.bt-inp::placeholder{color:var(--dim)}.bt-add-btn,.bt-sel{width:100%;font-size:10px;cursor:pointer}.bt-sel{background:rgba(0,0,0,.5);border:1px solid var(--b2);color:var(--text2);font-family:"Inter",sans-serif;padding:7px 10px;outline:0}.bt-add-btn{padding:9px;background:linear-gradient(90deg,var(--gold),#e8a800);color:#000;border:0;font-family:"Barlow Condensed",sans-serif;font-weight:900;letter-spacing:0.5px;transition:opacity .15s}.bt-add-btn:hover{opacity:.85}.bt-add-btn:disabled{opacity:.4;cursor:not-allowed}.bt-toggle-parlay,.bt-toggle-single{color:var(--dim);background:0 0}.bt-toggle-single.on{background:var(--gold);color:#000}.bt-toggle-parlay.on{background:var(--purple);color:#fff}.bt-parlay-leg{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(124,106,247,.15)}.bt-parlay-leg:last-child{border-bottom:none}.bt-parlay-badge{display:inline-block;font-family:"Inter",sans-serif;font-size:8px;letter-spacing:0.3px;padding:2px 6px;border-radius:3px;background:var(--purple);color:#fff;margin-right:6px;vertical-align:middle}.bt-item.parlay{border-left:3px solid var(--purple)}.bt-parlay-legs-list{padding:4px 12px 8px}.bt-parlay-leg-item{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:10px;color:var(--text);border-bottom:1px solid rgba(124,106,247,.08)}.bt-parlay-leg-item:last-child{border-bottom:none}.bt-parlay-leg-odds{color:var(--purple);font-family:"Inter",sans-serif;font-size:9px}.perf-chart{margin-bottom:12px}.perf-chart-title{font-family:"Inter",sans-serif;font-size:9px;color:var(--dim);letter-spacing:0.3px;margin-bottom:6px}.perf-chart svg{width:100%;display:block}.bt-list{flex:1;overflow-y:auto;padding:10px 18px}.bt-list::-webkit-scrollbar{width:4px}.bt-list::-webkit-scrollbar-thumb{background:var(--b2)}.bt-empty{text-align:center;padding:40px 20px;color:var(--dim);font-family:"Inter",sans-serif;font-size:10px;letter-spacing:0.3px}.bt-item{border:1px solid var(--b2);margin-bottom:8px;padding:10px 12px;position:relative;transition:border-color .15s}.bt-item:hover{border-color:var(--b2)}.bt-item.win{border-left:3px solid #00e676}.bt-item.loss{border-left:3px solid var(--red)}.bt-item.pending{border-left:3px solid var(--gold)}.bt-item-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.bt-item-match{font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;color:var(--text2);line-height:1.3}.bt-item-meta,.bt-item-pick{font-family:"Inter",sans-serif;font-size:9px}.bt-item-pick{color:var(--acc);letter-spacing:0.3px;margin-top:2px}.bt-item-meta{display:flex;align-items:center;gap:10px;color:var(--dim)}.bt-item-odds{color:var(--gold)}.bt-item-stake{color:var(--text2)}.bt-item-pnl{font-family:"Barlow Condensed",sans-serif;font-size:11px;font-weight:700}.bt-item-pnl.pos{color:#00e676}.bt-item-pnl.neg{color:var(--red)}.bt-item-pnl.neu{color:var(--gold)}.bt-item-actions{display:flex;gap:6px;margin-top:8px}.bt-result-btn{font-family:"Inter",sans-serif;font-size:8px;padding:3px 8px;border:1px solid var(--b2);background:0 0;color:var(--dim);cursor:pointer;letter-spacing:0.3px;transition:all .15s}.bt-result-btn:hover{border-color:var(--acc);color:var(--acc)}.bt-result-btn.win-btn:hover{border-color:#00e676;color:#00e676}.bt-result-btn.del-btn:hover,.bt-result-btn.loss-btn:hover{border-color:var(--red);color:var(--red)}.bt-filter{display:flex;gap:6px;padding:10px 18px 0;flex-shrink:0}.bt-ftab{padding:4px 10px;border:1px solid var(--b);background:0 0;color:var(--dim);cursor:pointer;letter-spacing:0.3px;transition:all .15s}.bt-ftab.on{border-color:var(--gold);color:var(--gold);background:rgba(240,180,41,.08)}.bt-ftab,.bt-sync-status,.btqa-label{font-size:8px;font-family:"Inter",sans-serif}.bt-sync-status{padding:4px 18px;color:var(--dim);letter-spacing:0.3px;flex-shrink:0;text-align:right}#bt-quickadd{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--bg2);border:1px solid var(--gold);z-index:2000;padding:14px 18px;min-width:360px;box-shadow:0 8px 32px rgba(0,0,0,.7);display:none;animation:btSlideUp .22s ease}.btqa-label{color:var(--gold);letter-spacing:0.5px;margin-bottom:8px}.btqa-match{font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;color:var(--text2);margin-bottom:2px}.btqa-pick{font-size:9px;color:var(--acc);font-family:"Inter",sans-serif;letter-spacing:0.3px;margin-bottom:10px}.btqa-row{display:flex;gap:8px;align-items:center}.btqa-inp{background:rgba(0,0,0,.5);border:1px solid var(--b2);color:var(--text2);font-family:"Inter",sans-serif;font-size:11px;padding:7px 10px;outline:0;width:110px;transition:border .15s}.btqa-inp:focus{border-color:var(--gold)}.btqa-inp::placeholder{color:var(--dim)}.btqa-confirm,.btqa-skip{font-size:9px;cursor:pointer}.btqa-confirm{padding:7px 18px;background:linear-gradient(90deg,var(--gold),#e8a800);color:#000;border:0;font-family:"Barlow Condensed",sans-serif;font-weight:900;letter-spacing:0.5px;white-space:nowrap}.btqa-skip{padding:7px 12px;background:0 0;border:1px solid var(--b2);color:var(--dim);font-family:"Inter",sans-serif;letter-spacing:0.3px}.btqa-skip:hover{border-color:var(--red);color:var(--red)}.btqa-odds-inp,.btqa-odds-prefix{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;color:var(--gold);padding:0 2px 0 4px}.btqa-odds-inp{background:rgba(0,0,0,.5);border:1px solid var(--gold);padding:5px 6px;outline:0;width:68px;transition:border .15s;-moz-appearance:textfield;text-align:center}.btqa-odds-inp::-webkit-inner-spin-button,.btqa-odds-inp::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btqa-odds-inp:focus{border-color:var(--acc);box-shadow:0 0 0 1px rgba(0,245,196,.3)}.btqa-odds-inp::placeholder{color:rgba(240,180,41,.4);font-size:11px}.bt-live-match{border:1px solid rgba(255,78,106,.35);margin-bottom:10px;background:rgba(255,78,106,.04);position:relative;overflow:hidden}#bt-score-alert::before,.bt-live-match::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--gold))}.bt-live-hdr{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,78,106,.2)}.bt-live-badge{font-family:"Inter",sans-serif;font-size:8px;color:var(--red);letter-spacing:0.5px;animation:livePulse 1.5s infinite}.bt-live-score{font-family:"Barlow Condensed",sans-serif;font-size:18px;font-weight:900;color:var(--text);letter-spacing:0.5px;text-align:center;padding:8px 12px}.bt-live-teams{display:flex;justify-content:space-between;padding:0 12px 6px;font-size:10px;color:var(--dim);font-family:"Inter",sans-serif}.bt-live-bet{padding:6px 12px 10px;border-top:1px solid rgba(255,78,106,.15)}.bt-live-bet-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.bt-live-pick{font-size:9px;color:var(--acc);font-family:"Inter",sans-serif;letter-spacing:0.3px}.bt-live-pnl{font-family:"Barlow Condensed",sans-serif;font-size:10px;font-weight:700}.bt-live-tourn{font-size:8px;color:var(--dim);font-family:"Inter",sans-serif}.bt-live-actions{display:flex;gap:6px;margin-top:6px}#bt-score-alert,#mv-modal{position:fixed;display:none}#bt-score-alert{top:70px;right:20px;width:300px;background:var(--bg2);border:1px solid var(--red);z-index:3000;padding:14px 16px;box-shadow:0 8px 32px rgba(0,0,0,.8);animation:alertSlideIn .25s ease}.bsa-label{font-size:8px;color:var(--red);letter-spacing:0.5px;font-family:"Inter",sans-serif;margin-bottom:6px;animation:livePulse 1.5s infinite}.bsa-match{font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;color:var(--text2);margin-bottom:2px}.bsa-score{font-family:"Barlow Condensed",sans-serif;font-size:20px;font-weight:900;color:var(--text);letter-spacing:3px;text-align:center;margin:8px 0}.bsa-pick,.bsa-stake{font-size:9px;font-family:"Inter",sans-serif}.bsa-pick{color:var(--acc);letter-spacing:0.3px;margin-bottom:4px}.bsa-stake{color:var(--dim)}.bsa-close{position:absolute;top:8px;right:10px;background:0 0;border:0;color:var(--dim);font-size:14px;cursor:pointer;line-height:1}.bsa-close:hover{color:var(--text)}#mv-modal{inset:0;background:rgba(3,5,10,.97);z-index:2000;flex-direction:column;backdrop-filter:blur(4px)}#mv-modal.open,#mv-picker.open,.mv-hdr{display:flex}#mv-modal::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--acc),var(--purple))}.mv-hdr{align-items:center;padding:10px 18px;border-bottom:1px solid var(--b);flex-shrink:0;gap:12px}.mv-title{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:900;color:var(--gold);letter-spacing:3px;flex:1}.mv-add-btn{font-family:"Inter",sans-serif;font-size:9px;padding:5px 14px;background:rgba(0,245,196,.08);border:1px solid rgba(0,245,196,.3);color:var(--acc);cursor:pointer;letter-spacing:0.3px;transition:all .15s}.mv-add-btn:hover{background:rgba(0,245,196,.18);border-color:var(--acc)}.mv-add-btn:disabled{opacity:.3;cursor:default}.mv-close{background:0 0;border:0;color:var(--dim);font-size:20px;cursor:pointer;padding:0 4px;line-height:1}.mv-close:hover{color:var(--text)}.mv-grid{flex:1;display:grid;gap:3px;padding:3px;min-height:0}.mv-grid.streams-1{grid-template-columns:1fr}.mv-grid.streams-2{grid-template-columns:1fr 1fr}.mv-grid.streams-3,.mv-grid.streams-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mv-grid.streams-3 .mv-cell:first-child{grid-column:1/3}#mv-picker,.mv-cell{flex-direction:column}.mv-cell{position:relative;background:#000;display:flex;min-height:0;overflow:hidden}.mv-cell-hdr{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:rgba(0,0,0,.85);position:absolute;top:0;left:0;right:0;z-index:5;opacity:0;transition:opacity .2s}.mv-cell:hover .mv-cell-hdr{opacity:1}.mv-cell-label{font-family:"Inter",sans-serif;font-size:9px;color:var(--acc);letter-spacing:0.3px}.mv-cell-btns{display:flex;gap:5px}.mv-cell-btn{font-family:"Inter",sans-serif;font-size:8px;padding:2px 8px;background:rgba(0,0,0,.7);border:1px solid var(--b2);color:var(--dim);cursor:pointer;letter-spacing:0.3px;transition:all .15s}.mv-cell-btn:hover{border-color:var(--acc);color:var(--acc)}.mv-cell-btn.remove{border-color:rgba(255,78,106,.3)}.mv-cell-btn.remove:hover{border-color:var(--red);color:var(--red)}.mv-cell-body{flex:1;display:flex;align-items:center;justify-content:center}.mv-cell-body iframe{width:100%;height:100%;border:0;display:block}.mv-cell-empty{text-align:center;color:var(--dim)}.mv-cell-empty-icon{font-size:24px;margin-bottom:8px;opacity:.3}.mv-cell-empty-txt{font-family:"Inter",sans-serif;font-size:9px;letter-spacing:0.3px;margin-bottom:14px}.mv-cell-pick-btn,.mvp-title{font-size:9px;letter-spacing:0.5px}.mv-cell-pick-btn{font-family:"Barlow Condensed",sans-serif;font-weight:900;padding:8px 18px;background:linear-gradient(90deg,var(--acc),#00c89a);color:#000;border:0;cursor:pointer}#mv-picker{position:absolute;inset:0;background:rgba(6,10,15,.97);z-index:10;display:none;padding:16px}.mvp-title{font-family:"Inter",sans-serif;color:var(--acc);margin-bottom:12px}.mvp-url-row{display:flex;gap:8px;margin-bottom:14px}.mvp-inp{flex:1;background:rgba(0,0,0,.6);border:1px solid var(--b2);color:var(--text2);font-family:"Inter",sans-serif;font-size:10px;padding:8px 12px;outline:0}.mvp-inp:focus{border-color:var(--acc)}.mvp-inp::placeholder{color:var(--dim)}.mvp-load-btn{font-family:"Barlow Condensed",sans-serif;font-size:9px;font-weight:900;padding:8px 16px;background:linear-gradient(90deg,var(--acc),#00c89a);color:#000;border:0;cursor:pointer;white-space:nowrap;letter-spacing:0.3px}.mvp-section{font-family:"Inter",sans-serif;font-size:8px;color:var(--dim);letter-spacing:0.5px;margin-bottom:8px}.mvp-live-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.mvp-live-list::-webkit-scrollbar{width:3px}.mvp-live-list::-webkit-scrollbar-thumb{background:var(--b2)}.mvp-match-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:1px solid var(--b);cursor:pointer;transition:border-color .15s}.mvp-match-row:hover{border-color:var(--acc)}.mvp-match-info{display:flex;flex-direction:column;gap:2px}.mvp-match-name{font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;color:var(--text2)}.mvp-match-meta{font-size:8px;color:var(--dim);font-family:"Inter",sans-serif;letter-spacing:0.3px}.mvp-match-score{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;color:var(--acc)}.mvp-match-nostream{opacity:.4;cursor:not-allowed}.mvp-cancel{font-family:"Inter",sans-serif;font-size:9px;padding:8px 0;color:var(--dim);letter-spacing:0.3px;margin-top:8px;text-align:center}.mvp-cancel:hover{color:var(--red)}#mob-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(8,12,20,.98);border-top:1px solid rgba(0,245,196,.15);z-index:900;flex-direction:row;align-items:stretch;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#mob-menu-btn,.mob-nav-btn,.mvp-cancel{background:0 0;border:0;cursor:pointer}.mob-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px;color:rgba(180,200,215,.65);transition:color .15s;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mob-nav-btn:active{opacity:.7}.mob-nav-btn.active,.push-toggle.push-on .push-label{color:var(--acc)}.mob-nav-btn.active::after{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:var(--acc);border-radius:0 0 2px 2px}.mob-nav-icon{font-size:20px;line-height:1}.mob-nav-badge,.mob-nav-lbl{font-family:"Inter",sans-serif}.mob-nav-lbl{font-size:8px;letter-spacing:0.3px}.mob-nav-badge{position:absolute;top:4px;right:calc(50% - 18px);background:var(--red);color:#fff;font-size:7px;padding:1px 4px;min-width:14px;text-align:center;line-height:1.4}#mob-menu-btn{display:none;color:var(--text2);font-size:20px;padding:0 12px;flex-shrink:0}#mob-menu-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:260px;background:var(--bg2);border-left:1px solid var(--b2);z-index:1200;flex-direction:column;padding:16px;gap:10px;overflow-y:auto;transform:translateX(100%);transition:transform .22s ease}#mob-menu-drawer.open{transform:translateX(0)}#mob-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1199}.mob-drawer-title{font-family:"Barlow Condensed",sans-serif;font-size:11px;font-weight:900;color:var(--acc);letter-spacing:3px;margin-bottom:8px;border-bottom:1px solid var(--b);padding-bottom:10px}.mob-drawer-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid var(--b);color:var(--text2);font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;letter-spacing:0.3px;cursor:pointer;width:100%;text-align:left;transition:border-color .15s}.mob-drawer-btn:hover{border-color:var(--acc)}.mob-drawer-btn .icon{font-size:16px;width:20px;text-align:center}@media (max-width:768px){#dash-footer,.match-popup,.player-popup{display:none!important}#hdr{height:52px;padding:0;position:sticky;top:0;z-index:800;gap:0;overflow:hidden;flex-wrap:nowrap}#game-bar{position:sticky;top:52px;z-index:799}.logo{padding:0 10px 0 12px;border-right:none;flex-shrink:0;gap:0}.logo-mark{font-size:20px;letter-spacing:0.5px}.logo-mark::after{content:""}#game-bar>span,.logo-sub{display:none}.hstats{gap:0;flex-shrink:0}.hs{padding:0 10px;min-width:0;border-right:none}#hs-games,#hs-matches,#hs-odds{display:none!important}.hs-val{font-size:20px}.hs-lbl{letter-spacing:0.3px}#twitch-hdr-status{padding:0 6px!important;flex-shrink:1;align-self:stretch;display:flex!important;align-items:center;min-width:0;overflow:hidden}#twitch-hdr-label{display:none}@media (max-width:480px){#twitch-hdr-label{display:none!important}}@media (max-width:380px){#twitch-hdr-status{display:none!important}}#hdr-signin-btn{flex:1!important;letter-spacing:0.3px;align-self:stretch;height:100%;border-radius:0}#hdr-user-menu{flex:1!important;justify-content:center;padding:0 8px}#clock,#dev-indicator,#hdr-search-wrap,#push-toggle-btn,#rbtn,.rbtn,button[onclick="openBetTracker()"]{display:none!important}#mob-menu-btn,#mob-search-btn{align-items:center;justify-content:center;font-size:26px!important;width:50px;padding:0!important;align-self:stretch;flex-shrink:0}#mob-search-btn{display:flex!important}#mob-menu-btn{display:flex}#mob-menu-drawer{display:flex}.mrow{padding:12px 10px!important;gap:8px}.mrow .gdot{width:10px!important;height:10px!important;flex-shrink:0}.mrow-score,.mrow-team{font-size:14px!important}.mrow-score-row{grid-template-columns:1fr 44px 1fr!important}.slabel{padding:8px 12px;font-size:11px!important;letter-spacing:0.5px}#gcol-1{overflow:hidden}#gcol-1 .panel{height:100%}#game-bar,#gcol-1 .pb{-webkit-overflow-scrolling:touch}#gcol-1 .pb{flex:1;overflow-y:auto}#game-bar{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;padding:4px 6px;gap:4px}#game-bar::-webkit-scrollbar{display:none}.gtab{font-size:9px;padding:3px 10px;white-space:nowrap;flex-shrink:0}#grid{flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.grid-col{width:100%!important;flex:none!important;min-width:0!important;display:none}.grid-col.mob-active{display:flex!important}.col-hsplit,.col-vsplit{display:none!important}#mob-hsplit{display:block!important;height:28px!important;flex-shrink:0!important;background:var(--b)!important;position:relative;cursor:row-resize;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;z-index:10;touch-action:none}#mob-hsplit,#mob-hsplit *{touch-action:none}#mob-hsplit::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.35)}#mob-hsplit::after{content:"";position:absolute;top:-16px;bottom:-16px;left:0;right:0;cursor:row-resize;touch-action:none}#panel-intel-feed,#panel-stream-2{display:none!important}.grid-col .panel{flex:1 1 0%!important;min-height:80px;overflow-y:auto}#panel-live-stream{flex:1 1 0%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;touch-action:manipulation}#panel-live-stream #stream-box{flex:1 1 0%!important;width:100%!important;min-height:0!important;height:auto!important}#gcol-1.mob-active,#gcol-2.mob-active,#gcol-3.mob-active,#gcol-4.mob-active{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}#panel-match-centre{flex:0 0 auto!important;min-height:0!important;max-height:45vh!important;overflow-y:auto!important}#mc-standings{max-height:0;overflow:hidden;transition:max-height .3s ease}#mc-standings.mob-expanded{max-height:400px}#mc-standings-toggle{display:flex}#mc-arrow{transform:rotate(90deg)!important;animation:none!important;opacity:.6}#mc-quick-matches{max-width:100%!important}#app,#grid,body,html{overflow:auto!important;height:auto!important}#app,#grid{overflow:visible!important}#app{min-height:100vh;padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}#grid{min-height:60vh}#mob-nav{display:flex}#layout-btn-wrap{display:none!important}#hdr-signin-btn,.twitch-hdr-btn{font-size:10px!important;padding:5px 10px!important}.twitch-hdr-btn{padding:5px 8px!important;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}#hdr-signin-btn{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}#hdr>.hdr-icon-btn,#hdr-lang-btn,#theme-toggle-btn,#lang-selector,#whats-new-btn,#whats-new-dropdown,#hdr-refresh-btn{display:none!important}.hright{gap:0!important;padding:0!important;flex-shrink:1;min-width:0;overflow:hidden}#hdr-user-menu{max-width:80px;overflow:hidden}#bet-tracker{width:100%!important;right:0!important;left:0!important;border-radius:0!important;max-height:85vh;bottom:56px}#layout-modal>div,#pro-modal .pro-box{width:95vw!important;max-height:85vh;overflow-y:auto}.plan-grid{gap:10px!important}#mv-modal{z-index:1500}.mv-grid.streams-2,.mv-grid.streams-3,.mv-grid.streams-4,.plan-grid{grid-template-columns:1fr!important}.mv-grid.streams-3 .mv-cell:first-child{grid-column:1!important}#panel-ai{min-height:400px}#feed-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}#ai-quick-btns::-webkit-scrollbar,#feed-tabs::-webkit-scrollbar{display:none}#feed-tabs .stab{flex-shrink:0}.bt-ftab,.bt-result-btn{min-height:44px;padding:10px 14px}.bt-result-btn{min-width:44px;font-size:12px}.bt-ftab{font-size:11px}#lb-modal>div{width:95vw!important;max-width:95vw!important;padding:14px!important}.lb-avatar{width:28px!important;height:28px!important;font-size:11px!important}#onboard-welcome .ow-title,.lb-name,.plan-feat li{font-size:12px!important}.lb-rank{min-width:24px!important;width:24px!important;font-size:11px!important}.lb-row{padding:10px 14px;gap:8px}body{font-size:max(13px,.9rem)}.bt-add-title,.bt-item-meta,.bt-item-pick,.bt-stat-lbl,.bt-sync-status,.mob-nav-lbl{font-size:11px}#ai-quick-btns>button,.hs-lbl{font-size:11px!important}.ai-who,.odds-hdr,.odds-hdr span{font-size:11px}#ai-quick-btns{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 12px!important;gap:6px!important}#ai-quick-btns>button{flex-shrink:0;min-height:40px!important;padding:8px 14px!important;letter-spacing:.5px!important}#esm-signup-prompt{align-items:flex-end!important}#esm-signup-prompt-box{width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0!important;border-left:none!important;border-right:none!important;border-bottom:none!important;padding:32px 20px 40px!important}#bt-score-alert{top:auto!important;bottom:64px;right:8px!important;left:8px!important;width:auto!important}#onboard-welcome,.onboard-tooltip{bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;border-top:3px solid var(--acc)!important;border-left:none!important;border-right:none!important;border-bottom:none!important}#onboard-welcome{transform:none!important;max-width:100%!important;border-radius:16px 16px 0 0;padding:24px 20px 32px!important;animation:onboardSlideIn .3s ease!important}#onboard-welcome .ow-desc{font-size:14px!important}#onboard-welcome .ow-btn-primary,#onboard-welcome .ow-btn-skip{min-height:48px!important;font-size:13px!important}.onboard-tooltip{position:fixed!important;border-radius:16px 16px 0 0!important;padding:20px 20px 32px!important;transform:translateY(20px)!important;z-index:1001!important}.onboard-tooltip-in{transform:translateY(0)!important}.onboard-title{font-size:15px!important}.onboard-desc,.onboard-next{font-size:14px!important}.onboard-next{min-height:48px!important}.onboard-skip{min-height:44px!important;font-size:12px!important}#username-modal>div,.auth-box{width:100%!important;max-width:100%!important}.auth-box{padding:28px 20px!important;border-radius:0!important;min-height:100vh}#auth-overlay{align-items:flex-start!important}.auth-btn,.auth-inp{padding:14px 12px!important;font-size:13px!important;margin-bottom:12px!important}.auth-btn{padding:14px!important;font-size:14px!important;min-height:48px!important}.auth-tabs{gap:0!important}.auth-tab{padding:10px 16px!important;font-size:11px!important}#username-modal>div{border-radius:16px 16px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;padding:28px 20px 40px!important}#esm-toast,.toast{left:12px!important;right:12px!important;bottom:72px!important;width:auto!important;font-size:12px!important;padding:14px 16px!important;text-align:center}#plan-toggle-row{flex-direction:column;gap:6px}.plan-price{font-size:22px!important}.plan-feat li{padding:3px 0!important}[id$=-pass-tip]{position:fixed!important;bottom:80px!important;left:16px!important;right:16px!important;width:auto!important;font-size:11px!important;line-height:2.2!important}}@media (max-width:400px){.logo-mark{font-size:11px}.hs{padding:0 5px;min-width:34px}.hs-val{font-size:16px}.hs-lbl{font-size:9px;letter-spacing:0.3px}.mob-nav-icon{font-size:16px}.mob-nav-lbl{display:none}}#panel-live-stream.stream-expanded{position:fixed;top:0;left:0;right:0;bottom:0;z-index:900;display:flex!important;flex-direction:column;background:#000}#panel-live-stream.stream-expanded #stream-box{flex:1;height:100%}#panel-live-stream.stream-expanded .sph,#panel-live-stream.stream-expanded iframe{width:100%;height:100%;border:0}#bell-explainer,.score-toast{position:fixed;display:flex;align-items:center}.score-toast{bottom:80px;right:-360px;width:320px;background:var(--bg2);border:1px solid var(--acc);border-left:4px solid var(--acc);gap:10px;padding:10px 12px;z-index:9999;cursor:pointer;transition:right .35s cubic-bezier(.22,1,.36,1),opacity .35s;box-shadow:0 4px 24px rgba(0,245,196,.15)}.score-toast-in{right:16px}.score-toast-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;animation:blink 1s infinite}.score-toast-body{flex:1;min-width:0}.score-toast-teams{font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-toast-sub{font-family:"Inter","Barlow",sans-serif;font-size:10px;color:var(--dim);margin-top:2px;letter-spacing:.5px}.push-toggle,.score-toast-close{font-size:11px;border:0;cursor:pointer}.score-toast-close{background:0 0;color:var(--dim);padding:0 2px;flex-shrink:0}.score-toast-close:hover{color:var(--text)}.push-toggle{display:inline-flex;align-items:center;gap:4px;font-family:"Rajdhani",sans-serif;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:4px;background:rgba(255,255,255,.06);transition:all .15s}.push-toggle .push-icon{font-size:12px;line-height:1}.push-toggle .push-label,.push-toggle.push-off .push-label{color:var(--dim)}.push-toggle.push-on{background:rgba(0,245,196,.1)}.push-toggle.push-off{background:rgba(255,255,255,.06)}.push-toggle:hover{background:rgba(255,255,255,.1)}#bell-explainer{inset:0;z-index:9998;background:rgba(6,8,13,.7);backdrop-filter:blur(4px);justify-content:center;opacity:0;transition:opacity .2s}#bell-explainer.bell-explainer-in,#lb-modal.lb-open{opacity:1}.bell-explainer-box{background:var(--bg2);border:1px solid var(--acc);border-top:3px solid var(--acc);padding:28px 28px 22px;width:320px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 8px 40px rgba(0,245,196,.15)}.bell-explainer-icon{margin-bottom:2px}.bell-explainer-title{font-family:"Barlow Condensed",sans-serif;font-size:13px;font-weight:700;color:var(--acc);letter-spacing:3px}.bell-explainer-body{font-family:"Rajdhani",sans-serif;font-size:14px;color:var(--text);line-height:1.7;font-weight:500}.bell-explainer-check{font-family:"Inter","Barlow",sans-serif;font-size:11px;color:var(--dim);display:flex;align-items:center;gap:7px;cursor:pointer;align-self:flex-start}.bell-explainer-check input{accent-color:var(--acc);cursor:pointer}.bell-explainer-btns{display:flex;gap:10px;width:100%;margin-top:4px}.bell-explainer-cancel,.bell-explainer-confirm{padding:8px;font-family:"Inter","Barlow",sans-serif;font-size:11px;cursor:pointer;letter-spacing:0.3px}.bell-explainer-cancel{flex:1;background:0 0;border:1px solid var(--b2);color:var(--dim);transition:border-color .15s}.bell-explainer-cancel:hover{border-color:var(--text);color:var(--text)}.bell-explainer-confirm{flex:2;background:rgba(0,245,196,.1);border:1px solid var(--acc);color:var(--acc);font-weight:700;transition:background .15s}.bell-explainer-confirm:hover{background:rgba(0,245,196,.2)}.lb-tab.on{color:var(--gold)!important;border-bottom-color:var(--gold)!important}.lb-tab:hover{color:var(--text)!important;background:rgba(255,255,255,.03)!important}.lb-my-rank,.lb-row{display:flex;align-items:center}.lb-my-rank{justify-content:center;gap:16px;padding:14px 20px;background:rgba(0,245,196,.04);border-bottom:1px solid var(--b);flex-shrink:0;font-family:"Inter","Barlow",sans-serif}.lb-row{gap:12px;padding:12px 20px;border-bottom:1px solid rgba(30,52,72,.6);transition:background .1s}.lb-row:hover{background:rgba(255,255,255,.02)}.lb-row.lb-me{background:rgba(0,245,196,.04);border-left:3px solid var(--acc)}.lb-avatar,.lb-rank{width:36px;flex-shrink:0}.lb-rank{text-align:center}.lb-avatar{height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:700}.lb-info{flex:1;min-width:0}.lb-meta,.lb-name{display:flex;align-items:center;gap:6px}.lb-name{font-family:"Rajdhani",sans-serif;font-size:14px;font-weight:700;color:var(--text2)}.lb-meta{font-family:"Inter","Barlow",sans-serif;font-size:10px;color:var(--dim);margin-top:2px;flex-wrap:wrap}.lb-pts{text-align:right;flex-shrink:0}.onboard-backdrop{position:fixed;inset:0;z-index:900;background:rgba(6,8,13,.55);pointer-events:none}.onboard-highlight{z-index:902!important;box-shadow:0 0 0 2px var(--acc),0 0 0 6px rgba(0,245,196,.1),0 0 20px rgba(0,245,196,.15)!important;border-radius:6px;animation:onboardPulse 1.8s ease-in-out infinite;pointer-events:all!important}.onboard-highlight:not([style*="position:fixed"]):not([style*="position:absolute"]):not([style*="position: fixed"]):not([style*="position: absolute"]){position:relative}.onboard-click-prompt{position:fixed;z-index:903;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;animation:onboardBounce 1s ease-in-out infinite}.onboard-click-prompt .ocp-label{font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--acc);letter-spacing:0.5px;text-shadow:0 0 8px rgba(0,245,196,.6);white-space:nowrap}.onboard-click-prompt .ocp-arrow{font-size:20px;line-height:1;color:var(--acc);text-shadow:0 0 10px rgba(0,245,196,.8)}.onboard-close{position:absolute;top:10px;right:10px;background:0 0;border:0;color:var(--dim);font-size:14px;cursor:pointer;padding:2px 6px;line-height:1;z-index:1;transition:color .15s}.onboard-close:hover{color:var(--text2)}#onboard-welcome,.onboard-tooltip{position:fixed;border:1px solid rgba(255,255,255,.1)}.onboard-tooltip{z-index:903;width:320px;background:rgba(10,14,22,.97);border-radius:10px;padding:18px 20px 16px;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;box-shadow:0 12px 48px rgba(0,0,0,.6)}.onboard-tooltip-in{opacity:1;transform:translateY(0)}.onboard-step{font-family:"Rajdhani",sans-serif;font-size:10px;font-weight:600;color:var(--dim);letter-spacing:.5px;flex-shrink:0}.onboard-progress-bar{background:rgba(255,255,255,.07)}.onboard-title{font-family:"Rajdhani",sans-serif;font-size:16px;font-weight:700;color:var(--text2);letter-spacing:.3px;margin-bottom:8px}.onboard-action-hint,.onboard-desc{margin-bottom:14px;font-family:"Rajdhani",sans-serif}.onboard-desc{font-size:14px;color:var(--text2);line-height:1.6}.onboard-action-hint{display:flex;align-items:center;gap:8px;background:rgba(0,245,196,.05);border:1px solid rgba(0,245,196,.15);border-radius:6px;padding:8px 12px;font-size:11px;font-weight:600;color:var(--acc);letter-spacing:.3px}.onboard-action-hint .oah-icon{font-size:14px;flex-shrink:0}.onboard-dots{display:flex;gap:5px;justify-content:center;margin-bottom:14px}.onboard-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.12);flex-shrink:0}.onboard-dot.on{background:var(--acc);box-shadow:0 0 5px rgba(0,245,196,.5)}.onboard-btns{display:flex;justify-content:space-between;align-items:center;gap:8px}.onboard-skip{background:rgba(255,255,255,.06);border:0;border-radius:6px;font-size:12px;color:var(--dim);letter-spacing:.3px;cursor:pointer;padding:7px 14px;min-height:34px;transition:all .15s}.onboard-skip:hover{color:var(--text2);background:rgba(255,255,255,.1)}#onboard-welcome .ow-title,.onboard-next,.onboard-skip{font-family:"Rajdhani",sans-serif;font-weight:700}.onboard-next{background:var(--acc);color:#000;border:0;border-radius:6px;font-size:13px;letter-spacing:.5px;padding:9px 20px;cursor:pointer;flex:1;min-height:38px;transition:background .15s}.onboard-next:hover{background:#00d4a8}#onboard-welcome{top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:var(--bg2);border-radius:12px;padding:32px 36px;width:440px;max-width:calc(100vw - 32px);box-shadow:0 24px 80px rgba(0,0,0,.7);animation:onboardFadeIn .3s cubic-bezier(.2,.8,.4,1)}#onboard-welcome .ow-title{font-size:18px;color:var(--text2);letter-spacing:.3px;margin-bottom:10px}#onboard-welcome .ow-desc{font-family:"Rajdhani",sans-serif;font-size:15px;color:var(--text2);line-height:1.6;margin-bottom:20px}#onboard-welcome .ow-btns,.onboard-header{display:flex;gap:10px}#onboard-welcome .ow-btn-primary,#onboard-welcome .ow-btn-skip{border:0;border-radius:6px;font-family:"Rajdhani",sans-serif;font-weight:700;cursor:pointer;min-height:44px}#onboard-welcome .ow-btn-primary{flex:1;background:var(--acc);color:#000;padding:12px;font-size:13px;letter-spacing:.5px}#onboard-welcome .ow-btn-skip{background:rgba(255,255,255,.06);color:var(--dim);padding:12px 18px;font-size:12px}#onboard-welcome .ow-btn-skip:hover{background:rgba(255,255,255,.1);color:var(--text2)}#onboard-welcome .ow-icon{font-size:28px;margin-bottom:10px;line-height:1}#onboard-welcome .ow-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}#onboard-welcome .ow-feat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:var(--text2);font-family:"Rajdhani",sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px}.onboard-header{align-items:center;margin-bottom:10px}.onboard-progress-bar{flex:1;height:3px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}.onboard-progress-fill{height:100%;background:linear-gradient(90deg,var(--acc),#00c89a);border-radius:2px;transition:width .3s ease}.ai-autosuggest,.ai-teaser{border-radius:6px;margin:8px}.ai-autosuggest{background:rgba(0,245,196,.04);border:1px solid rgba(0,245,196,.15);border-left:3px solid var(--acc);padding:10px 12px}.ai-teaser{background:rgba(124,106,247,.04);border:1px solid rgba(124,106,247,.15);border-left:3px solid var(--purple);padding:14px;text-align:center}.ai-teaser-blur{filter:blur(4px);user-select:none;pointer-events:none;font-family:"Rajdhani",sans-serif;font-size:12px;color:var(--dim);line-height:1.8;margin:10px 0}.ai-teaser-blur div{margin-bottom:6px}.ai-report-card{background:rgba(240,180,41,.04);border:1px solid rgba(240,180,41,.15);border-top:3px solid var(--gold);margin:8px;overflow:hidden}.ai-report-hdr{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-family:"Barlow Condensed",sans-serif;font-size:10px;font-weight:700;color:var(--gold);letter-spacing:0.5px;border-bottom:1px solid rgba(240,180,41,.1)}.ai-report-match{padding:8px 12px 4px;font-family:"Rajdhani",sans-serif;font-size:14px;font-weight:700;color:var(--text2)}.ai-report-body{padding:6px 12px 10px;font-family:"Rajdhani",sans-serif;font-size:13px;color:var(--text);line-height:1.6}.ai-report-footer{padding:6px 12px;font-family:"Inter","Barlow",sans-serif;font-size:9px;color:var(--dim);letter-spacing:0.3px;border-top:1px solid rgba(240,180,41,.1)}#ai-sidebar-shell #panel-ai{flex:1;min-height:0;border:0!important;border-radius:0!important;height:100%;display:flex;flex-direction:column}#ai-sidebar-shell #panel-ai .ph{padding:10px 14px;border-bottom:1px solid var(--b2);position:relative;flex-shrink:0}#ai-sidebar-shell #ai-msgs{flex:1 1 0%;min-height:0;overflow-y:auto}#ai-sidebar-shell #ai-input-gate{flex-shrink:0;border-top:1px solid rgba(0,245,196,.1);background:linear-gradient(180deg,rgba(0,245,196,.02)0,rgba(0,0,0,.18) 100%)}#ai-sidebar-shell #ai-quick-btns{padding:14px 14px 10px;gap:6px;border-bottom:1px solid rgba(255,255,255,.05)}#ai-sidebar-shell #ai-quick-btns>button{font-size:11px;padding:7px 13px;border-radius:5px}#ai-sidebar-shell #ai-bar{border-top:none;padding:12px 12px 16px;gap:10px;align-items:stretch;background:0 0}#ai-sidebar-shell #ai-inp{font-size:14px;padding:16px;min-height:90px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);border-radius:6px;transition:border-color .15s}#ai-sidebar-shell #ai-inp:focus{border-color:rgba(0,245,196,.3)}#ai-sidebar-shell #ai-inp::placeholder{color:rgba(255,255,255,.25)}#ai-sidebar-shell #ai-go{min-height:90px;min-width:64px;font-size:13px;padding:0 20px;letter-spacing:0.3px;border-radius:6px}#ai-sidebar-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:1px solid var(--b);color:var(--dim);font-family:"Inter","Barlow",sans-serif;font-size:9px;letter-spacing:0.3px;padding:3px 8px;cursor:pointer;transition:color .15s,border-color .15s}#ai-sidebar-close:hover{color:var(--text2);border-color:var(--b2)}#ai-fab{z-index:496}@media (max-width:768px){#ai-sidebar-shell{width:100vw!important;height:calc(100vh - 62px)!important;top:0!important;bottom:62px!important}#ai-sidebar-shell #panel-ai{height:100%!important;max-height:100%!important}#ai-sidebar-shell #ai-msgs div,#ai-sidebar-shell #ai-msgs p,#ai-sidebar-shell .pb .ai-msg{font-size:14px!important;line-height:1.6!important}#ai-sidebar-shell #ai-go,#ai-sidebar-shell #ai-inp{font-size:14px!important;padding:14px!important;min-height:48px!important}#ai-sidebar-shell #ai-go{font-size:12px!important;padding:0 18px!important}#ai-sidebar-shell .pb{padding:12px 14px!important}#ai-sidebar-shell #ai-ask-btn,#ai-sidebar-shell button[id*=ask]{min-width:56px!important;min-height:44px!important;font-size:12px!important}#ai-sidebar-shell .ph{padding:12px 16px!important}#ai-fab{top:auto!important;bottom:80px!important;transform:none!important;right:0!important;border-radius:8px 0 0 8px!important}}.buzz-clip-card{transition:background .15s}.buzz-clip-card:hover{background:rgba(255,255,255,.02)!important}.buzz-clip-card[data-open="1"] .buzz-clip-thumb img{opacity:.25}.buzz-clip-card[data-open="1"] .buzz-play-overlay div{opacity:1!important}.buzz-clip-card[data-open="1"] .buzz-play-overlay div span{content:"■"}.buzz-reddit-card{transition:background .12s}.buzz-reddit-card:hover{background:rgba(255,255,255,.04)}.buzz-clip-media:hover .buzz-play-btn{transform:scale(1.1)!important;background:rgba(145,71,255,.7)!important}.buzz-clip-card[data-open="1"] .buzz-play-btn,.buzz-clip-card[data-open="1"] .buzz-play-overlay div{background:rgba(0,245,196,.2)!important;border-color:var(--acc)!important;transform:scale(1)!important}#layout-slot-label{font-size:9px;color:var(--acc);letter-spacing:0;font-family:"Inter",sans-serif}#layout-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:340px;background:var(--bg2);border:1px solid var(--b2);border-top:2px solid var(--acc);box-shadow:0 8px 32px rgba(0,0,0,.8);z-index:3000;font-family:"Inter",sans-serif}#layout-dropdown.hidden{display:none}.ls-num,.ls-slot{display:flex;align-items:center}.ls-slot{gap:8px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.ls-slot:hover{background:rgba(255,255,255,.03)}.ls-slot.ls-active{background:rgba(0,245,196,.05);border-left:2px solid var(--acc);padding-left:10px}.ls-slot.ls-locked{opacity:.5}.ls-num{width:16px;height:16px;border:1px solid var(--b2);justify-content:center;font-size:9px;color:var(--dim);flex-shrink:0}.ls-active .ls-num{border-color:var(--acc);color:var(--acc)}.ls-name{font-size:11px;color:var(--text2);font-family:"Rajdhani";font-weight:700}.ls-active-tag,.ls-pro-tag{font-size:8px;letter-spacing:0.3px}.ls-active-tag{color:var(--acc);white-space:nowrap}.ls-pro-tag{color:#f0b429;border:1px solid rgba(240,180,41,.4);padding:1px 4px}.ls-hotkey-badge{font-size:8px;color:var(--dim);border:1px solid var(--b);padding:2px 5px;cursor:pointer;letter-spacing:.5px;white-space:nowrap;transition:all .1s}.ls-btn:hover,.ls-hotkey-badge:hover{color:var(--text2);border-color:var(--text2)}.ls-hotkey-set{color:var(--acc);border-color:rgba(0,245,196,.4)}.ls-btn{background:0 0;border:1px solid var(--b);color:var(--dim);font-family:"Inter",sans-serif;font-size:8px;padding:2px 6px;cursor:pointer;letter-spacing:.5px;white-space:nowrap;transition:all .1s}.ls-save-btn:hover{color:#f0b429;border-color:rgba(240,180,41,.5)}.ls-load-btn:hover{color:var(--acc);border-color:rgba(0,245,196,.5)}.ls-del-btn:hover{color:#ff4e6a;border-color:rgba(255,78,106,.5)}.ls-text-btn{border:0;font-size:9px;padding:0}.ls-text-btn:hover{background:0 0}.ls-danger:hover{color:#ff4e6a!important}.ls-pro-btn{color:#f0b429;border-color:rgba(240,180,41,.4)}.s2-pick-row{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.s2-pick-row:hover{background:rgba(255,255,255,.05)}#onboard-trial-upsell{position:fixed;top:50%;left:50%;transform:translate(-50%,-48%) scale(.97);z-index:1101;width:420px;max-width:calc(100vw - 32px);background:var(--bg2);border:1px solid rgba(0,245,196,.3);border-top:3px solid var(--acc);padding:28px 28px 24px;box-shadow:0 24px 80px rgba(0,0,0,.9),0 0 0 1px rgba(0,245,196,.08);opacity:0;transition:opacity .3s,transform .3s}#onboard-trial-upsell::before{content:"";position:fixed;inset:0;background:rgba(6,8,13,.6);z-index:-1}#onboard-trial-upsell.otu-in{opacity:1;transform:translate(-50%,-50%) scale(1)}.otu-close{position:absolute;top:10px;right:12px;background:0 0;border:0;color:var(--dim);font-size:14px;cursor:pointer;padding:4px 6px;line-height:1}.otu-close:hover{color:var(--text2)}#esm-tips-welcome,.otu-badge{border:1px solid rgba(0,245,196,.2)}.otu-badge,.otu-desc,.otu-title{font-family:"Rajdhani",sans-serif}.otu-badge{display:inline-block;background:linear-gradient(90deg,rgba(0,245,196,.12),rgba(0,245,196,.06));border-radius:6px;color:var(--acc);font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;margin-bottom:12px}.otu-desc,.otu-title{font-size:14px}.otu-title{font-weight:700;color:var(--text);letter-spacing:.3px;margin-bottom:8px}.otu-desc{color:var(--text2);line-height:1.55;margin-bottom:14px}.otu-features{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.otu-feat{font-family:"Rajdhani",sans-serif;font-size:13px;color:var(--text2);display:flex;align-items:flex-start;gap:8px}.otu-check{color:var(--acc);flex-shrink:0;font-weight:700}.otu-btn,.otu-note{font-family:"Rajdhani",sans-serif}.otu-btn{width:100%;background:var(--acc);color:#000;border:0;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px;cursor:pointer;margin-bottom:8px;transition:opacity .15s}.otu-btn:hover{opacity:.88}.otu-note{text-align:center;font-size:11px;font-weight:600;color:var(--dim);letter-spacing:.3px}.mrow-stream-icon{flex-shrink:0;opacity:.5;display:flex;align-items:center;color:#9147ff;transition:opacity .15s}.mrow-stream-icon.yt{color:red}.mrow:hover .mrow-stream-icon{opacity:.9}.esm-tip{position:fixed;z-index:950;width:280px;max-width:calc(100vw - 24px);background:rgba(10,14,22,.97);border:1px solid rgba(0,245,196,.25);border-radius:8px;padding:14px 16px 12px;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px rgba(0,245,196,.05);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:auto}#esm-version-popup.vp-in,.esm-tip.esm-tip-in{opacity:1;transform:translateY(0)}.esm-tip-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.esm-tip-arrow.above{top:-16px;border-bottom-color:rgba(0,245,196,.25)}.esm-tip-arrow.below{bottom:-16px;border-top-color:rgba(0,245,196,.25)}.esm-tip-close{position:absolute;top:8px;right:8px;background:0 0;border:0;color:var(--dim);font-size:14px;cursor:pointer;padding:2px 6px;line-height:1;transition:color .15s}.esm-tip-close:hover{color:var(--text2)}.esm-tip-body,.esm-tip-title{font-family:"Rajdhani",sans-serif}.esm-tip-title{font-size:13px;font-weight:700;color:var(--acc);letter-spacing:.5px;margin-bottom:6px}.esm-tip-body{font-size:12px;font-weight:500;color:var(--text2);line-height:1.6}.esm-tip-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.esm-tip-dim{font-family:"Inter","Barlow",sans-serif;font-size:8px;color:var(--dim);letter-spacing:.5px}.esm-tip-off{font-family:"Rajdhani",sans-serif;font-size:10px;color:var(--dim);cursor:pointer;display:flex;align-items:center;gap:4px}.esm-tip-off input{width:12px;height:12px;accent-color:var(--acc)}#esm-tips-welcome{position:fixed;bottom:24px;right:24px;z-index:800;width:320px;max-width:calc(100vw - 32px);background:var(--bg2);border-radius:10px;padding:20px;box-shadow:0 12px 48px rgba(0,0,0,.6);animation:tipFadeIn .3s cubic-bezier(.2,.8,.4,1);transition:opacity .25s,transform .25s}@media (max-width:768px){.esm-tip{width:calc(100vw - 24px);max-width:320px}#esm-tips-welcome{bottom:68px;right:12px;left:12px;width:auto}}#esm-version-popup{position:fixed;z-index:850;background:var(--bg2);border:1px solid rgba(240,180,41,.3);border-radius:6px;padding:8px 14px;font-family:"Rajdhani",sans-serif;font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.5px;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.5);opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .35s;pointer-events:none}.vp-arrow{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(240,180,41,.3)}.wn-pulse svg{animation:wnPulse 1.2s ease-in-out infinite}.pro-popup{position:fixed;z-index:960;width:260px;max-width:calc(100vw - 24px);background:rgba(10,14,22,.97);border:1px solid rgba(240,180,41,.35);border-radius:10px;padding:16px 18px 14px;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px rgba(240,180,41,.08);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;text-align:center}.pro-popup.pro-popup-in{opacity:1;transform:translateY(0)}.pro-popup-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.pro-popup-arrow.above{top:-16px;border-bottom-color:rgba(240,180,41,.35)}.pro-popup-arrow.below{bottom:-16px;border-top-color:rgba(240,180,41,.35)}.pro-popup-close{position:absolute;top:6px;right:8px;background:0 0;border:0;color:var(--dim);font-size:15px;cursor:pointer;padding:2px 6px;line-height:1;transition:color .15s}.pro-popup-close:hover{color:var(--text2)}.pro-popup-title{font-family:"Rajdhani",sans-serif;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.5px;margin-bottom:6px}.pro-popup-cta,.pro-popup-desc{font-family:"Rajdhani",sans-serif;font-size:11px}.pro-popup-desc{font-weight:500;color:var(--text2);line-height:1.6;margin-bottom:12px}.pro-popup-cta{display:inline-block;padding:8px 20px;background:var(--gold);color:#000;border:0;border-radius:6px;font-weight:700;letter-spacing:0.3px;cursor:pointer;transition:opacity .15s}.pro-popup-cta:hover{opacity:.88}@media (max-width:768px){.pro-popup{width:calc(100vw - 24px);max-width:300px}}.skeleton{background:linear-gradient(90deg,var(--bg2) 25%,rgba(255,255,255,.03) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-card{padding:10px;border-bottom:1px solid var(--b);display:flex;align-items:center;gap:10px}.skeleton-icon{width:24px;height:24px;border-radius:4px}.skeleton-line{height:10px;border-radius:3px}.skeleton-line.w60{width:60%}.skeleton-line.w40{width:40%}.skeleton-line.w80{width:80%}
/* Contrast fixes for accessibility */
.mob-nav-lbl{color:var(--text)!important;}
.mrow-game-icon{font-weight:800!important;text-shadow:0 0 3px rgba(0,0,0,0.6);}
.panel .mrow-sub,.panel .mrow-status-label{color:var(--text)!important;}
.grid-col-1>.panel{min-height:200px;contain:content;}
.grid-col-2>.panel{contain:content;}
.ph{contain:layout;}
#hdr{position:relative;z-index:200;}
#hdr:has(.onboard-highlight){z-index:901!important;overflow:visible!important;}
#hdr .onboard-highlight{box-shadow:0 0 0 3px var(--acc),0 0 0 8px rgba(0,245,196,.2),0 0 30px rgba(0,245,196,.25)!important;}
.panel:has(.onboard-highlight),.grid-col:has(.onboard-highlight){z-index:901!important;contain:none!important;}
#stream-box.stream-active,#stream-2-body.stream-active{flex:1 1 0!important;width:100%;min-height:0;}
.panel.stream-ar-active{flex:0 0 auto;overflow:visible;}
.stream-corner-handle{position:absolute;width:12px;top:0;bottom:0;right:-4px;cursor:ew-resize;z-index:50;opacity:0;transition:opacity .15s;}
.panel:hover>.stream-corner-handle{opacity:.7;}
.stream-corner-handle::after{content:'';position:absolute;top:50%;right:2px;transform:translateY(-50%);width:4px;height:40px;border-radius:2px;background:rgba(0,245,196,.4);}
.stream-corner-handle.handle-left{right:auto;left:-4px;cursor:ew-resize;}
.stream-corner-handle.handle-left::after{right:auto;left:2px;}

/* ── Aesthetic Overhaul v1 ─────────────────────────────── */

/* 1. Sidebar: better truncation with tooltips via title attr + wider text area */
.mrow-title{max-width:160px;}
.mrow-sub{max-width:none;}
.mrow{padding:8px 10px;gap:8px;}

/* 2. Tighter type scale — normalize to fewer sizes */
.pt{font-size:12px;letter-spacing:0.3px;}
.mrow-title{font-size:12.5px;}
.mrow-sub{font-size:11px;}
.mrow-score-badge,.mrow-score{font-size:12px;}
.mrow-status-label{font-size:8.5px;}
.stab{font-size:10.5px;padding:6px 8px;}

/* 3. Unified accent palette — teal primary, muted gold for pro only */
.gate-btn{background:var(--acc);color:#000;border:1px solid transparent;}
.gate-btn:hover{opacity:0.85;}
.gate-prompt>div:nth-child(2){color:var(--acc)!important;font-size:18px!important;}
.pro-btn{background:var(--acc);color:#000;}
#subscribe-btn,.subscribe-btn{background:var(--acc)!important;color:#000!important;border:0!important;}
.trial-banner-btn{background:var(--acc);color:#000;}

/* 4. Panel spacing — more breathing room */
#grid{gap:6px;padding:6px 6px 6px 6px;}
.panel{border-radius:10px;border:1px solid rgba(255,255,255,0.04);}
.ph{padding:10px 14px;height:36px;min-height:32px;gap:8px;}
.pb{padding:2px 0;}
.col-vsplit{width:0px;background:transparent;}
.grid-col-1{width:260px;}

/* 5. Pro banner — subtler, slimmer */
#trial-banner{background:linear-gradient(90deg,rgba(0,245,196,0.03) 0,rgba(0,245,196,0.01) 100%);border-bottom:1px solid rgba(0,245,196,0.08);}
.trial-banner-inner{padding:5px 16px;gap:8px;}
.trial-banner-text{font-size:12px;color:var(--dim);}
.trial-banner-text strong{color:var(--acc);}
.trial-banner-btn{font-size:10px;padding:4px 12px;border-radius:3px;opacity:0.8;}
.trial-banner-btn:hover{opacity:1;}
.trial-banner-icon{font-size:12px;opacity:0.5;}

/* 6. Buzz panel — cleaner empty state */
#stream2-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;}

/* 7. Pro gate overlay — softer, uses accent instead of gold */
.pro-gate.locked::after{background:rgba(6,8,13,0.7);backdrop-filter:blur(4px);}
.gate-prompt{gap:12px;}

/* 8. Match Centre — breathe */
#mc-body{padding:4px 8px;}

/* 9. Odds table spacing */
.odds-hdr{padding:6px 12px;}

/* 10. Consistent border radius */
.tourn-filter-btn{border-radius:6px;}
.rbtn{border-radius:6px;}
.gtab{border-radius:6px;}
.auth-btn{border-radius:8px;}

/* 11. Softer panel backgrounds */
.ph{background:rgba(0,0,0,0.15);}
.tab-bar{background:rgba(0,0,0,0.06);border-bottom:1px solid rgba(255,255,255,0.04);}
.tourn-filter{background:rgba(0,0,0,0.06);border-bottom:1px solid rgba(255,255,255,0.04);}

/* 12. Section headers in sidebar */
.section-hdr{font-size:10px;letter-spacing:0.3px;padding:10px 12px 4px;}

/* ── Aesthetic Overhaul v2 — additional feedback ──────── */

/* 13. Unified dark backgrounds — single bg2 across all panels */
.panel{background:var(--bg2);}
.tab-bar,.tourn-filter,.odds-hdr,.section-hdr-row,.ph{border-bottom-color:rgba(255,255,255,0.04);}

/* 14. Nav visual hierarchy — dim secondary actions */
#hdr-clock,#hdr-lang-btn,.hdr-icon-btn{opacity:0.6;transition:opacity 0.15s;}
#hdr-clock:hover,#hdr-lang-btn:hover,.hdr-icon-btn:hover{opacity:1;}
#hdr-search{opacity:0.8;}
#hdr-search:focus{opacity:1;}
/* Primary nav actions stay full opacity */
#hdr-signin-btn,#hdr-mypicks-btn,#hdr-refresh-btn,.hdr-dd-trigger{opacity:1;}

/* 15. Match Centre — more prominent scoreboard */
.mc-score-row{font-size:18px!important;letter-spacing:0.5px!important;font-weight:700!important;}
.mc-team-name{font-size:14px!important;font-weight:700!important;}
.mc-team-logo,.mc-team-icon{width:36px!important;height:36px!important;border-radius:8px!important;}
.mc-bo-label,.mc-tourn-label{font-size:9px;background:rgba(255,255,255,0.05);padding:2px 8px;border-radius:4px;letter-spacing:0.5px;display:inline-block;}

/* 16. Enhanced hover states */
.mrow:hover{background:rgba(0,245,196,0.04);transition:background 0.12s ease;}
.mrow.sel{background:rgba(0,245,196,0.08);border-left:2px solid var(--acc);}
.stab:hover{color:var(--text2);background:rgba(255,255,255,0.03);}
.stab.on{color:var(--acc);border-bottom-color:var(--acc);}
.gtab:hover{background:rgba(255,255,255,0.04);color:var(--text2);}
.gtab.on{background:rgba(0,245,196,0.08);color:var(--acc);}
.rbtn:hover{background:rgba(0,245,196,0.08);color:var(--acc);}
.buzz-clip-card:hover{background:rgba(0,245,196,0.03)!important;}
.buzz-reddit-card:hover{background:rgba(0,245,196,0.03);}

/* 17. LIVE badge consistency */
.mrow-live-dot{width:6px;height:6px;border-radius:50%;background:#e53935;animation:blink 2s infinite;box-shadow:0 0 6px rgba(229,57,53,0.5);}
.mrow-conf-coin{display:inline-flex;align-items:center;flex-shrink:0;margin-left:2px;opacity:0.7;}
.mrow-conf-coin svg{width:14px;height:14px;}
.mrow:hover .mrow-conf-coin{opacity:1;}

/* 18. Intel Feed — game icon area */
.feed-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.03);transition:background 0.12s;}
.feed-item:hover{background:rgba(255,255,255,0.02);}
.feed-game-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;font-family:'Rajdhani',sans-serif;}

/* 19. Softer column splitters — just spacing, no visible divider */
.col-vsplit{background:transparent;width:2px;cursor:col-resize;}
.col-vsplit:hover{background:rgba(0,245,196,0.15);}

/* ── Aesthetic Overhaul v3 — nitpicks ─────────────────── */

/* 20. Game tab live dots — bigger, more visible */
.gtab .live-dot,.gtab-live-dot{width:7px!important;height:7px!important;box-shadow:0 0 6px rgba(229,57,53,0.6)!important;}
.gtab.on .live-dot,.gtab.on .gtab-live-dot{box-shadow:0 0 8px rgba(229,57,53,0.8)!important;}

/* 21. Odds panel — visual differentiation between teams and odds */
.odds-row{transition:background 0.12s;}
.odds-row:hover{background:rgba(0,245,196,0.03);}
.odds-match-name{color:var(--text);font-size:12px;}
.odds-val{font-family:'Barlow Condensed',sans-serif;color:var(--text2);font-weight:700;font-size:12px;letter-spacing:0.5px;}

/* 22. Refresh button — modern spin animation */
#rbtn{transition:transform 0.3s ease,color 0.15s;}
#rbtn:active{transform:rotate(180deg);}
#rbtn:disabled{transform:none;opacity:0.4;}

/* 23. Spinner replacement for refresh */
#sp{border-radius:50%;width:14px;height:14px;border:2px solid rgba(0,245,196,0.15);border-top-color:var(--acc);animation:spin 0.6s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* 24. Layout panel item labels (in layout dropdown) */
.layout-panel-item{font-size:11px;border-radius:4px;transition:background 0.12s;}

/* 25. Match Centre panel — ensure it gets minimum share */
.grid-col-2{min-width:280px;}

/* ── Aesthetic Overhaul v4 — unified dashboard feel ───── */

/* 26. UNIFIED DASHBOARD FLOW — the biggest change */
/* Remove panel borders, use shared background with subtle depth */
#grid{background:var(--bg);padding:4px;gap:4px;border-radius:0;}
.panel{border:none;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.03);transition:box-shadow 0.2s;}
.panel:hover{box-shadow:0 2px 8px rgba(0,0,0,0.4),0 0 0 1px rgba(0,245,196,0.06);}
/* Subtle top accent line on panels to create visual rhythm */
.ph{border-top:2px solid transparent;background:linear-gradient(180deg,rgba(0,245,196,0.02) 0%,rgba(0,0,0,0.15) 100%);}
.ph::before{content:'';position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,196,0.12),transparent);}
/* Column splitters as subtle dashed guides */
.col-vsplit{width:1px;background:rgba(255,255,255,0.02);}
.col-vsplit:hover{background:rgba(0,245,196,0.1);}

/* 27. SIDEBAR — wider text, bigger scores */
.grid-col-1{width:275px;}
.mrow-title{max-width:180px;font-size:13px;}
.mrow-sub{max-width:none;}
.mrow-score-badge{font-size:15px!important;font-weight:700!important;letter-spacing:0.5px!important;}
.mrow-score{font-size:15px!important;}
.mrow-status-label{font-size:9px;}
/* Selected match — stronger indicator */
.mrow.sel{background:rgba(0,245,196,0.06);border-left:3px solid var(--acc);padding-left:7px;}

/* 28. EMPTY STATES — modern, clean */
.stream-empty-icon{display:none!important;}

/* 29. Unify ALL green/teal buttons to exact same color */
.stream-load-btn,[onclick*="loadStream"]{background:var(--acc)!important;color:#000!important;border:none!important;border-radius:6px!important;}
.stream2-select-btn{background:var(--acc)!important;color:#000!important;border:none!important;}

/* 30. Game bar — subtle background to connect with panels */
#game-bar,.game-bar{background:var(--bg2);border-bottom:1px solid rgba(255,255,255,0.04);border-top:1px solid rgba(255,255,255,0.04);}

/* 31. Panel header — relative positioning for pseudo-element */
.ph{position:relative;}

/* ── Aesthetic Overhaul v5 — fixes ────────────────────── */

/* FIX: Score size only for live/finished matches, NOT upcoming times */
.mrow-score-badge{font-size:18px!important;font-weight:700!important;letter-spacing:0.3px!important;}
/* Only live match scores get the big treatment — they have color:var(--acc) inline */
.mrow-score-badge[style*="color:var(--acc)"]{font-size:15px!important;}
.mrow-score-badge[style*="color:var(--dim)"]{font-size:14px!important;}
/* Upcoming times — readable size with color:var(--purple) */
.mrow-score-badge[style*="color:var(--purple)"]{font-size:13px!important;font-weight:700!important;letter-spacing:0.5px!important;}

/* FIX: Remove gap below stream input bar */
#stream-box+div,#stream-ph{padding-bottom:0!important;}

/* FIX: Stream empty state — tighter spacing, no bottom gap */
#stream-ph-sub{margin-bottom:10px!important;}
#streamer-suggestions{margin-bottom:0!important;}

/* Stream panel: fill column when empty (no gap), shrink-wrap when stream active.
 * The !important was removed — it forced flex:1 1 0 permanently and defeated the
 * user's ability to drag the horizontal divider (inline `flex:0 0 Xpx` set by the
 * splitter drag handler was overridden every frame, causing "skipping and locking").
 * The default `.panel { flex: 1 1 0px }` rule already keeps the panel filling when
 * no inline style is set, so this rule would have been redundant without the !important. */
#panel-live-stream:not(.stream-ar-active):not([style*="flex:"]):not([style*="flex: "]){flex:1 1 0;overflow:hidden;}
/* When stream is active-AR, sibling panel fills remaining column space (no gap) */
.grid-col:has(> .panel.stream-ar-active) > .panel:not(.stream-ar-active) {flex:1 1 0!important;overflow:hidden!important;}
/* Placeholder fills panel when no stream */
#stream-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}

/* ── Aesthetic Overhaul v6 — Visual Cohesion ─────────── */

/* 1. Panels as zones, not boxes — remove hard borders, use background contrast */
.panel{border-radius:8px!important;box-shadow:none!important;border:none!important;background:var(--bg2);}
.panel:hover{box-shadow:none!important;}
.panel .ph{border-bottom:1px solid rgba(255,255,255,0.04);}

/* 2. Consistent border-radius: 8px across everything */
.tourn-filter-btn,.rbtn,.gtab,.auth-btn,.stream-load-btn,[onclick*="loadStream"],
.trial-banner-btn,.mc-bo-label,.mc-tourn-label,.layout-panel-item,
.badge,.cb{border-radius:8px!important;}
.ocell{border-radius:6px!important;}
.stab{border-radius:6px!important;}

/* 3. Background depth — subtle dot pattern */
#grid{background-image:radial-gradient(rgba(0,245,196,0.025) 1px,transparent 1px);background-size:20px 20px;}
[data-theme="light"] #grid{background-image:radial-gradient(rgba(0,167,126,0.04) 1px,transparent 1px);}

/* 4. Signal animation for empty states */
@keyframes signal{0%,100%{opacity:0.15;transform:scaleY(0.6);}50%{opacity:0.6;transform:scaleY(1);}}

/* 5. Empty state background glow */
.sph{background:radial-gradient(ellipse at center,rgba(0,245,196,0.02) 0%,transparent 70%);}
#stream-2-placeholder{background:radial-gradient(ellipse at center,rgba(0,245,196,0.02) 0%,transparent 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;}

/* 6. Odds panel — bolder values */
.ocell{font-size:15px!important;font-weight:800!important;padding:8px 6px!important;letter-spacing:0.3px!important;color:var(--text2)!important;}
.ocell.best{color:var(--acc)!important;background:rgba(0,245,196,0.08)!important;border-color:rgba(0,245,196,0.25)!important;}
.ocell.moved-down{background:rgba(0,230,118,0.1)!important;border-color:rgba(0,230,118,0.3)!important;color:#00e676!important;}
.ocell.moved-up{background:rgba(255,78,106,0.1)!important;border-color:rgba(255,78,106,0.3)!important;color:#ff4e6a!important;}

/* 7. Left sidebar — fade truncation instead of ellipsis */
.mrow-title,.mrow-sub{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* Bolder scores in sidebar */
.mrow-score-badge[style*="color:var(--acc)"]{font-size:16px!important;font-weight:800!important;}
.mrow-score-badge[style*="color:var(--dim)"]{font-size:15px!important;font-weight:700!important;}

/* Team logo pair */
.mrow-logos{display:flex;align-items:center;gap:2px;flex-shrink:0;}
.mrow-logos img{width:28px;height:28px;object-fit:contain;border-radius:4px;background:rgba(255,255,255,0.04);}

/* 8. News feed — cleaner dividers */
.fitem{border-bottom:1px solid rgba(255,255,255,0.06)!important;padding:12px 14px!important;}

/* 9. Typography cleanup */
.pt{font-size:13px!important;font-weight:700!important;letter-spacing:0.3px!important;}
.section-hdr{font-size:9px!important;font-weight:700!important;letter-spacing:0.5px!important;text-transform:uppercase;}

/* 10. Column splitters — invisible by default, accent on hover */
.col-vsplit{background:transparent!important;width:3px!important;}
.col-vsplit:hover{background:rgba(0,245,196,0.12)!important;}

/* 11. Sidebar mode — full team names when overlay opens */
.sidebar-mode .sidebar-open .mrow-title,
.sidebar-mode .sidebar-open .mrow-sub{max-width:none!important;-webkit-mask-image:none!important;mask-image:none!important;white-space:normal!important;text-overflow:clip!important;line-height:1.3!important;}
.sidebar-mode .sidebar-open .mrow{padding:8px 10px!important;align-items:flex-start!important;}
.sidebar-mode .sidebar-open .mrow-title{font-size:13px!important;font-weight:600!important;}
.sidebar-mode .sidebar-open .mrow-info{min-width:0!important;flex:1 1 0%!important;}

/* 12. Layout dropdown — Customise as a proper button */
.ls-customize-btn{color:var(--acc)!important;border:1px solid rgba(0,245,196,0.3)!important;padding:5px 12px!important;font-size:9px!important;background:rgba(0,245,196,0.08)!important;border-radius:6px!important;letter-spacing:0.3px!important;}
.ls-customize-btn:hover{background:rgba(0,245,196,0.15)!important;border-color:rgba(0,245,196,0.5)!important;}

/* 13. One accent colour — unify purple → teal family */
:root,[data-theme="dark"]{--purple:#4ecdc4;}
[data-theme="light"]{--purple:#2a9d8f;}

/* Override: CTA buttons → bright teal; hardcoded purple rgba → teal family */
#bt-place-parlay{background:var(--acc)!important;}
#odds-props-btn{color:var(--purple)!important;background:rgba(0,245,196,0.06)!important;border-color:rgba(0,245,196,0.15)!important;}
#odds-props-btn:hover{background:rgba(0,245,196,0.12)!important;border-color:rgba(0,245,196,0.3)!important;}
.badge[style*="124,106,247"]{background:rgba(0,245,196,0.08)!important;color:var(--purple)!important;border-color:rgba(0,245,196,0.2)!important;}
#bt-parlay-odds-val{color:var(--acc)!important;}
#h-matches{color:var(--purple)!important;}

/* 14. Consistent spacing system */
.panel .pb{padding:4px 0!important;}
.mrow{padding:7px 10px!important;gap:8px!important;}
.fitem{padding:10px 14px!important;}
.ph{padding:10px 14px!important;gap:8px!important;}
#grid{gap:5px!important;}

/* 15. Softer borders — Bloomberg-style zone separation via bg contrast, not lines */
/* Panel headers: remove hard bottom border, use ultra-subtle gradient fade instead */
.panel .ph{border-bottom:none!important;border-top:none!important;background:linear-gradient(180deg,rgba(255,255,255,0.015) 0%,transparent 100%)!important;}
.ph::before{opacity:0.4!important;}
/* Panel body top edge — invisible */
.panel .pb{border-top:none!important;}
/* Horizontal splitters between stacked panels — barely visible */
.col-hsplit{height:3px!important;background:rgba(255,255,255,0.02)!important;}
.col-hsplit:hover{background:rgba(0,245,196,0.08)!important;box-shadow:none!important;}
.col-hsplit.active{background:var(--acc)!important;}
/* Feed item dividers — thinner, dimmer */
.fitem{border-bottom:1px solid rgba(255,255,255,0.03)!important;}
/* Tab bars and filter bars — softer underlines */
.tab-bar,.tourn-filter,.odds-hdr,.section-hdr-row{border-bottom:1px solid rgba(255,255,255,0.025)!important;}
/* Game bar top/bottom — barely there */
#game-bar,.game-bar{border-bottom:1px solid rgba(255,255,255,0.025)!important;border-top:1px solid rgba(255,255,255,0.025)!important;}
/* Match row borders — near invisible */
.mrow{border-bottom:1px solid rgba(255,255,255,0.02)!important;}
/* Odds rows */
.orow{border-bottom:1px solid rgba(255,255,255,0.025)!important;}
/* Trial banner */
#trial-banner{border-bottom:1px solid rgba(0,245,196,0.04)!important;}
/* Panel box-shadow — softer, no outline ring */
.panel{box-shadow:0 1px 2px rgba(0,0,0,0.2)!important;}
.panel:hover{box-shadow:0 1px 4px rgba(0,0,0,0.25)!important;}
/* Onboarding highlight must override .panel box-shadow */
.panel.onboard-highlight,.grid-col.onboard-highlight,.onboard-highlight.onboard-highlight{box-shadow:0 0 0 4px var(--acc),0 0 0 10px rgba(0,245,196,0.25),0 0 40px 6px rgba(0,245,196,0.45)!important;animation:onboardPulse 1.8s ease-in-out infinite!important;outline:2px solid var(--acc)!important;outline-offset:2px!important;}
.panel.onboard-highlight:hover,.grid-col.onboard-highlight:hover{box-shadow:0 0 0 4px var(--acc),0 0 0 10px rgba(0,245,196,0.25),0 0 40px 6px rgba(0,245,196,0.45)!important;}
/* Let glow bleed out of parents */
.grid-col:has(.onboard-highlight),body:has(.onboard-highlight) #grid,body:has(.onboard-highlight) #app{overflow:visible!important;}

/* 16. Panel headers — flex layout prevents title/controls overlap at any width */
.panel>.ph{display:flex!important;align-items:center!important;gap:6px;}
.panel>.ph>.pt{flex:1 1 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;text-align:center;}
.panel>.ph>*:not(.pt){flex-shrink:0!important;position:relative!important;right:auto!important;overflow:hidden!important;}
#panel-betting-odds>.ph>*:not(.pt){flex-shrink:1!important;min-width:0!important;}

/* 17. Fix Match Centre empty state top cutoff — flex center clips overflow top */
#mc-empty-state{justify-content:flex-start!important;padding-top:10px!important;}
#mc-body{padding:6px 12px!important;}

/* 18. Pro Feature gate overlay — bigger, bolder */
.gate-prompt{gap:16px!important;}
.gate-btn{font-size:13px!important;padding:10px 28px!important;border-radius:8px!important;letter-spacing:1.2px!important;}
.gate-prompt>div:nth-child(2){font-size:18px!important;}
.gate-prompt>div:nth-child(3){font-size:14px!important;line-height:1.9!important;max-width:320px!important;}

/* 19. Light mode — ensure all text is readable */
[data-theme="light"] .panel{background:var(--bg2);box-shadow:0 1px 3px rgba(0,0,0,0.08)!important;}
[data-theme="light"] .panel:hover{box-shadow:0 2px 6px rgba(0,0,0,0.12)!important;}
[data-theme="light"] .ph{background:linear-gradient(180deg,rgba(0,0,0,0.02) 0%,transparent 100%)!important;}
[data-theme="light"] .ph::before{background:linear-gradient(90deg,transparent,rgba(0,150,120,0.15),transparent)!important;}
[data-theme="light"] .pt{color:var(--text2)!important;}
[data-theme="light"] .mrow-title{color:var(--text2)!important;}
[data-theme="light"] .mrow-sub{color:var(--dim)!important;}
[data-theme="light"] .mrow-status-label{color:var(--dim)!important;}
[data-theme="light"] .mrow-score-badge{color:var(--text2)!important;}
[data-theme="light"] .mrow-score-badge[style*="color:var(--acc)"]{color:var(--acc)!important;}
[data-theme="light"] .mrow-score-badge[style*="color:var(--dim)"]{color:var(--dim)!important;}
[data-theme="light"] .mrow-score-badge[style*="color:var(--purple)"]{color:var(--purple)!important;}
[data-theme="light"] .mrow.sel{background:rgba(0,184,148,0.08)!important;border-left-color:var(--acc)!important;}
[data-theme="light"] .mrow:hover{background:rgba(0,184,148,0.05)!important;}
[data-theme="light"] .stab{color:var(--dim)!important;}
[data-theme="light"] .stab.on{color:var(--acc)!important;border-bottom-color:var(--acc)!important;}
[data-theme="light"] .gtab{color:var(--dim)!important;}
[data-theme="light"] .gtab.on{color:var(--acc)!important;background:rgba(0,184,148,0.1)!important;}
[data-theme="light"] .section-hdr{color:var(--dim)!important;}
[data-theme="light"] .fitem{color:var(--text)!important;border-bottom-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] .ocell{color:var(--text2)!important;}
[data-theme="light"] .ocell.best{color:var(--acc)!important;background:rgba(0,184,148,0.08)!important;border-color:rgba(0,184,148,0.2)!important;}
[data-theme="light"] .odds-match-name{color:var(--text)!important;}
[data-theme="light"] .orow{border-bottom-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] .tab-bar,[data-theme="light"] .tourn-filter,[data-theme="light"] .odds-hdr,[data-theme="light"] .section-hdr-row{border-bottom-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] .col-vsplit{background:rgba(0,0,0,0.04)!important;}
[data-theme="light"] .col-vsplit:hover{background:rgba(0,184,148,0.2)!important;}
[data-theme="light"] .col-hsplit{background:rgba(0,0,0,0.04)!important;}
[data-theme="light"] .col-hsplit:hover{background:rgba(0,184,148,0.15)!important;}
[data-theme="light"] .mrow{border-bottom-color:rgba(0,0,0,0.05)!important;}
[data-theme="light"] #game-bar,[data-theme="light"] .game-bar{background:var(--bg2)!important;border-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] .panel .ph{border-bottom-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] .gate-prompt>div:nth-child(2){color:var(--acc)!important;}
[data-theme="light"] .gate-prompt>div:nth-child(3){color:var(--text)!important;}
[data-theme="light"] .gate-btn{background:var(--acc)!important;color:#fff!important;}
[data-theme="light"] #bt-pro-gate{background:rgba(240,242,245,0.92)!important;}
[data-theme="light"] #ai-full-gate{background:rgba(240,242,245,0.92)!important;}
[data-theme="light"] .pro-gate.locked::after{background:rgba(240,242,245,0.85)!important;}
[data-theme="light"] #trial-banner{background:linear-gradient(90deg,rgba(0,184,148,0.04) 0,rgba(0,184,148,0.01) 100%)!important;border-bottom-color:rgba(0,184,148,0.1)!important;}
[data-theme="light"] .trial-banner-text{color:var(--dim)!important;}
[data-theme="light"] .trial-banner-text strong{color:var(--acc)!important;}
[data-theme="light"] .mc-team-name{color:var(--text2)!important;}
[data-theme="light"] .mc-score-row{color:var(--text2)!important;}
[data-theme="light"] .sph{background:radial-gradient(ellipse at center,rgba(0,184,148,0.04) 0%,transparent 70%)!important;}
[data-theme="light"] .mob-nav-lbl{color:var(--text)!important;}
[data-theme="light"] .mrow-game-icon{text-shadow:none!important;}

/* ── MOTD Panel Styles ─────────────────────────────── */
#motd-container{background:var(--bg2);}
.motd-hero{padding:0;}
.motd-accent-bar{height:4px;background:linear-gradient(90deg,var(--acc),var(--purple));border-radius:2px 2px 0 0;}
.motd-teams{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;}
.motd-team-name{font-family:'Rajdhani',sans-serif;font-size:28px;font-weight:700;color:var(--text2);letter-spacing:0.5px;line-height:1.1;}
.motd-vs{font-family:'Barlow Condensed',sans-serif;font-size:14px;color:var(--dim);font-weight:700;padding:0 12px;}
.motd-prob-bar{display:flex;height:28px;border-radius:4px;overflow:hidden;margin:0 14px 12px;border:1px solid rgba(255,255,255,0.06);}
.motd-prob-t1{background:var(--acc);display:flex;align-items:center;justify-content:center;transition:width .4s ease;}
.motd-prob-t2{background:var(--purple);display:flex;align-items:center;justify-content:center;transition:width .4s ease;}
.motd-prob-label{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;color:#0a0c10;}
.motd-odds-table{margin:0 14px 12px;}
.motd-odds-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border:1px solid rgba(255,255,255,0.06);border-radius:4px;margin-bottom:4px;font-family:'Rajdhani',sans-serif;font-size:13px;}
.motd-odds-bk{color:var(--dim);font-size:11px;min-width:80px;font-family:'Inter','Barlow',sans-serif;letter-spacing:0.5px;}
.motd-odds-val{font-weight:700;color:var(--text2);min-width:50px;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:14px;}
.motd-odds-best{color:var(--acc);background:rgba(0,245,196,0.08);border-radius:3px;padding:2px 6px;}
.motd-value-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:rgba(0,245,196,0.1);border:1px solid rgba(0,245,196,0.3);border-radius:12px;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;color:var(--acc);margin:0 14px 12px;}
.motd-live{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 0;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;color:var(--red);letter-spacing:0.3px;}
.motd-live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:motd-pulse 1.5s ease-in-out infinite;}
@keyframes motd-pulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
.motd-meta{display:flex;flex-wrap:wrap;gap:12px;padding:8px 14px;border-top:1px solid rgba(255,255,255,0.06);font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--dim);}
.motd-meta a{color:var(--acc);text-decoration:none;font-weight:700;}
.motd-meta a:hover{text-decoration:underline;}
.motd-big-row{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Rajdhani',sans-serif;font-size:12px;cursor:pointer;transition:background .15s;}
.motd-big-row:hover{background:rgba(255,255,255,0.03);}
.motd-game-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;font-family:'Rajdhani',sans-serif;letter-spacing:0.5px;color:#0a0c10;flex-shrink:0;line-height:1.4;}
.motd-big-teams{flex:1;color:var(--text2);font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.motd-big-tourn{color:var(--dim);font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.motd-big-time{font-family:'Inter','Barlow',sans-serif;font-size:15px;font-weight:700;color:var(--acc);min-width:50px;text-align:right;}
.motd-big-prob{width:60px;height:6px;border-radius:3px;background:rgba(255,255,255,0.06);overflow:hidden;flex-shrink:0;}
.motd-big-prob-fill{height:100%;background:linear-gradient(90deg,var(--acc),var(--purple));border-radius:3px;}
.motd-pick{padding:14px;border-bottom:1px solid rgba(255,255,255,0.04);display:flex;gap:12px;}
.motd-pick-num{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;color:rgba(0,245,196,0.2);line-height:1;min-width:36px;}
.motd-pick-body{flex:1;min-width:0;}
.motd-pick-title{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;color:var(--text2);margin-bottom:4px;line-height:1.2;}
.motd-pick-blurb{font-family:'Rajdhani',sans-serif;font-size:12px;color:var(--text);line-height:1.5;margin:0 0 8px;opacity:0.85;}
.motd-pick-cta{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;color:var(--acc);text-decoration:none;letter-spacing:0.5px;}
.motd-pick-cta:hover{text-decoration:underline;}

/* AI Analysis blurb */
.motd-ai-blurb{padding:8px 14px;background:rgba(0,245,196,0.03);border-left:2px solid var(--acc);margin:8px 14px;border-radius:0 4px 4px 0;}

/* Big Matches expanded detail card */
.motd-big-expand{padding:10px 14px;background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(255,255,255,0.06);}
.motd-big-row-active{background:rgba(0,245,196,0.04)!important;border-bottom-color:transparent;}

/* Big Matches dropdown cards */
.motd-dd-card{border-bottom:1px solid rgba(255,255,255,0.06);cursor:pointer;transition:background .15s;}
.motd-dd-card:hover{background:rgba(255,255,255,0.03);}
.motd-dd-featured{background:rgba(0,245,196,0.02);}

/* Focus indicators for keyboard a11y */
.motd-big-row:focus-visible,
#motd-tabs .stab:focus-visible,
.motd-pick-cta:focus-visible,
.motd-dd-card:focus-visible,
#big-matches-btn:focus-visible,
#motd-toggle-btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}

/* Bell notification icon */
.motd-bell-btn:hover svg{stroke:var(--acc)!important;}
.motd-bell-on svg{filter:drop-shadow(0 0 4px var(--acc));}
.motd-bell-btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:3px;}

/* Light theme overrides for MOTD */
/* ── Light theme — MOTD ─────────────────────────────── */
[data-theme="light"] .motd-team-name{color:var(--text2)!important;}
[data-theme="light"] .motd-prob-label{color:#fff!important;}
[data-theme="light"] .motd-prob-bar{border-color:rgba(0,0,0,0.1)!important;}
[data-theme="light"] .motd-odds-row{border-color:rgba(0,0,0,0.1)!important;background:rgba(0,0,0,0.02);}
[data-theme="light"] .motd-odds-bk{color:#374151!important;}
[data-theme="light"] .motd-odds-val{color:var(--text2)!important;}
[data-theme="light"] .motd-odds-best{background:rgba(0,166,126,0.1)!important;}
[data-theme="light"] .motd-vs{color:#374151!important;}
[data-theme="light"] .motd-meta{border-top-color:rgba(0,0,0,0.08)!important;color:#374151!important;}
[data-theme="light"] .motd-value-pill{background:rgba(0,166,126,0.08)!important;border-color:rgba(0,166,126,0.25)!important;}
[data-theme="light"] .motd-big-row{border-bottom-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] .motd-big-row:hover{background:rgba(0,0,0,0.03)!important;}
[data-theme="light"] .motd-big-teams{color:var(--text2)!important;}
[data-theme="light"] .motd-big-tourn{color:#374151!important;}
[data-theme="light"] .motd-big-time{color:#00a67e!important;}
[data-theme="light"] .motd-big-prob{background:rgba(0,0,0,0.08)!important;}
[data-theme="light"] .motd-pick{border-bottom-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] .motd-pick-num{color:rgba(0,166,126,0.25)!important;}
[data-theme="light"] .motd-pick-title{color:var(--text2)!important;}
[data-theme="light"] .motd-pick-blurb{color:var(--text)!important;opacity:1!important;}
[data-theme="light"] .motd-ai-blurb{background:rgba(0,166,126,0.05)!important;}
[data-theme="light"] .motd-big-expand{background:rgba(0,0,0,0.03)!important;border-bottom-color:rgba(0,0,0,0.08)!important;}
[data-theme="light"] .motd-big-row-active{background:rgba(0,166,126,0.06)!important;}
[data-theme="light"] .motd-dd-card{border-bottom-color:rgba(0,0,0,0.08)!important;}
[data-theme="light"] .motd-dd-card:hover{background:rgba(0,0,0,0.03)!important;}
[data-theme="light"] .motd-dd-featured{background:rgba(0,166,126,0.04)!important;}
[data-theme="light"] .motd-game-tag{color:#fff!important;}

/* ── Light theme — What's New dropdown & popup ──────── */
[data-theme="light"] #whats-new-dropdown{border-color:rgba(191,135,0,0.25)!important;box-shadow:0 8px 24px rgba(0,0,0,0.12)!important;}
[data-theme="light"] #whats-new-dropdown ul{color:#374151!important;}
[data-theme="light"] #whats-new-dropdown li strong{color:var(--acc)!important;}
[data-theme="light"] #wn-popup{border-color:rgba(191,135,0,0.3)!important;box-shadow:0 12px 40px rgba(0,0,0,0.15)!important;}
[data-theme="light"] #wn-popup-overlay{background:rgba(0,0,0,0.25)!important;}
[data-theme="light"] #wn-popup .wn-pop-body ul{color:#374151!important;}
[data-theme="light"] #wn-popup .wn-pop-body ul li strong{color:var(--acc)!important;}
[data-theme="light"] #wn-popup .wn-pop-hdr{border-bottom-color:rgba(191,135,0,0.15)!important;}

/* ── Light theme — MOTD footer & inline dim text ───── */
[data-theme="light"] #motd-footer{background:rgba(0,0,0,0.04)!important;border-top-color:rgba(0,0,0,0.08)!important;color:#374151!important;}
[data-theme="light"] #motd-container [style*="color:var(--dim)"]{color:#374151!important;}

/* ── Light theme — general readability boost ─────────── */
[data-theme="light"] .stab{color:#374151!important;}
[data-theme="light"] .stab.on{color:var(--acc)!important;}
[data-theme="light"] #feed-status{border-bottom-color:rgba(0,0,0,0.06)!important;color:#374151!important;}
[data-theme="light"] #odds-more-dd{border-color:rgba(0,0,0,0.1)!important;box-shadow:0 4px 16px rgba(0,0,0,0.1)!important;}
[data-theme="light"] #odds-more-dd .stab{border-bottom-color:rgba(0,0,0,0.06)!important;}
[data-theme="light"] #ai-quick-btns button{color:#374151!important;background:rgba(0,0,0,0.03)!important;border-color:rgba(0,0,0,0.1)!important;}
[data-theme="light"] #ai-quick-btns button:hover{background:rgba(0,135,95,0.08)!important;color:var(--acc)!important;}
[data-theme="light"] #fs-btn{color:#374151!important;border-color:rgba(0,0,0,0.1)!important;}
[data-theme="light"] #fs-btn:hover{background:rgba(0,135,95,0.08)!important;color:var(--acc)!important;}

/* ── Light theme — Big Matches dropdown ──────────────── */
[data-theme="light"] #big-matches-dropdown{background:var(--bg2)!important;box-shadow:0 8px 24px rgba(0,0,0,0.12)!important;border-color:rgba(0,0,0,0.12)!important;}
[data-theme="light"] #big-matches-btn{background:rgba(0,135,95,0.08)!important;border-color:rgba(0,135,95,0.2)!important;}

/* ── Light theme — header & misc readability ─────────── */
[data-theme="light"] #whats-new-btn{color:#374151!important;}
[data-theme="light"] #whats-new-btn svg{fill:var(--gold)!important;}
[data-theme="light"] #username-modal>div{border-color:rgba(0,0,0,0.12)!important;}

/* ── Light theme — deep readability pass ─────────────── */
[data-theme="light"] .mrow-sub{color:#374151!important;}
[data-theme="light"] .mrow-status-label{color:#374151!important;}
[data-theme="light"] .section-hdr{color:#374151!important;}
[data-theme="light"] .motd-odds-bk{color:#374151!important;}
[data-theme="light"] .motd-vs{color:#374151!important;}
[data-theme="light"] .motd-meta{color:#374151!important;}
[data-theme="light"] .motd-big-tourn{color:#374151!important;}
[data-theme="light"] .motd-big-time{color:#006b4f!important;}
[data-theme="light"] svg{opacity:1!important;}
[data-theme="light"] .ph .pt{font-weight:700!important;}
[data-theme="light"] #whats-new-dropdown ul{color:#374151!important;}
[data-theme="light"] #wn-popup .wn-pop-body ul{color:#374151!important;}
[data-theme="light"] #motd-footer{color:#374151!important;}

/* What's New lightning bolt glow indicator */
@keyframes wnGlow{
  0%,100%{filter:drop-shadow(0 0 4px rgba(240,180,41,0.3));transform:scale(1);}
  50%{filter:drop-shadow(0 0 10px rgba(240,180,41,0.7)) drop-shadow(0 0 20px rgba(240,180,41,0.3));transform:scale(1.12);}
}
#whats-new-btn.wn-has-new svg{animation:wnGlow 2s ease-in-out infinite;}
#whats-new-btn.wn-has-new #whats-new-dot{display:block!important;animation:wnGlow 2s ease-in-out infinite;}

/* What's New popup overlay */
#wn-popup-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity 0.3s ease;}
#wn-popup-overlay.wn-visible{opacity:1;}
#wn-popup{background:var(--bg2);border:1px solid rgba(240,180,41,0.25);border-radius:12px;width:400px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px rgba(0,0,0,0.6);animation:wnPopIn 0.35s ease-out;}
@keyframes wnPopIn{0%{transform:scale(0.9) translateY(16px);opacity:0;}100%{transform:scale(1) translateY(0);opacity:1;}}
#wn-popup .wn-pop-hdr{padding:18px 20px 14px;font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;color:var(--gold);letter-spacing:0.3px;border-bottom:1px solid rgba(240,180,41,0.15);display:flex;align-items:center;gap:8px;}
#wn-popup .wn-pop-hdr svg{flex-shrink:0;}
#wn-popup .wn-pop-body{padding:14px 20px 18px;}
#wn-popup .wn-pop-body ul{margin:8px 0 0 14px;font-family:'Inter','Barlow',sans-serif;font-size:12px;color:var(--dim);line-height:2;list-style:none;padding:0;}
#wn-popup .wn-pop-body ul li::before{content:'▸ ';color:var(--acc);}
#wn-popup .wn-pop-dismiss{display:block;margin:4px auto 16px;background:var(--acc);color:#0a0c10;border:none;padding:9px 32px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;cursor:pointer;border-radius:4px;letter-spacing:0.3px;transition:background 0.15s;}
#wn-popup .wn-pop-dismiss:hover{background:var(--gold);}
#wn-popup .wn-pop-ver{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--acc);letter-spacing:0.5px;margin-bottom:2px;}

/* ── VISUAL REBRAND v2 ── */

/* Animations */
@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}
@keyframes scoreFlash{0%{color:#00f5c4}to{color:inherit}}

/* Header: teal accent line */
#hdr{border-bottom:3px solid #00f5c4!important;position:relative!important}
#hdr .logo-mark{font-style:italic!important;font-weight:700!important;font-size:20px!important}
#hdr .logo{font-size:15px!important}

/* Search bar: true center */
#hdr-search-wrap{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important}

/* Live count badge in header */
#hdr-live-count,[data-live-count]{background:#00f5c4;color:#080b12;border-radius:20px;padding:2px 8px;font-weight:700;font-family:"Barlow",sans-serif}

/* Panel backgrounds */
.panel{background:var(--bg2)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:10px!important}

/* Panel header borders */
.ph{border-bottom:1px solid rgba(255,255,255,0.06)!important}

/* Cards/containers */
.mrow{border-radius:10px!important}
.mrow-logos img{width:28px!important;height:28px!important;border-radius:6px}

/* Score badge */
.mrow-score-badge{font-size:18px!important;font-weight:700!important;font-family:"Barlow",sans-serif!important}

/* Live dot pulse animation */
.mrow-live-dot{animation:livePulse 1.5s infinite!important;background:#00f5c4!important;box-shadow:0 0 6px #00f5c4!important}
.mrow-live-pip.green{animation:livePulse 1.5s infinite!important}

/* Live badge bright */
.live,.mrow-status-label .live,.status-live{background:#00f5c4!important;color:#080b12!important;border:none!important;font-weight:700!important;border-radius:4px;padding:1px 6px}

/* Game tab: stronger active state with game color border */
.gtab{transition:all 200ms ease!important}
.gtab.on{border-bottom:3px solid var(--acc)!important}

/* Game-specific active tab colours */
.gtab.on[data-g="cs2"]{border-bottom-color:#f0a500!important;background:rgba(240,165,0,0.08)!important;color:#f0a500!important}
.gtab.on[data-g="lol"]{border-bottom-color:#c89b3c!important;background:rgba(200,155,60,0.08)!important;color:#c89b3c!important}
.gtab.on[data-g="valorant"]{border-bottom-color:#ff4655!important;background:rgba(255,70,85,0.08)!important;color:#ff4655!important}
.gtab.on[data-g="dota2"]{border-bottom-color:#dd4444!important;background:rgba(221,68,68,0.08)!important;color:#dd4444!important}
.gtab.on[data-g="rl"]{border-bottom-color:#4e9efc!important;background:rgba(78,158,252,0.08)!important;color:#4e9efc!important}
.gtab.on[data-g="cod"]{border-bottom-color:#8bc34a!important;background:rgba(139,195,74,0.08)!important;color:#8bc34a!important}
.gtab.on[data-g="fortnite"]{border-bottom-color:#00d4ff!important;background:rgba(0,212,255,0.08)!important;color:#00d4ff!important}
.gtab.on[data-g="ow"]{border-bottom-color:#fa9c1e!important;background:rgba(250,156,30,0.08)!important;color:#fa9c1e!important}
.gtab.on[data-g="r6"]{border-bottom-color:#fff!important;background:rgba(255,255,255,0.06)!important;color:#fff!important}
.gtab.on[data-g="apex"]{border-bottom-color:#e04040!important;background:rgba(224,64,64,0.08)!important;color:#e04040!important}
.gtab.on[data-g="chess"]{border-bottom-color:#7c6af7!important;background:rgba(124,106,247,0.08)!important;color:#7c6af7!important}
.gtab.on[data-g="rivals"]{border-bottom-color:#e63946!important;background:rgba(230,57,70,0.08)!important;color:#e63946!important}
.gtab.on[data-g="eafc"]{border-bottom-color:#00a859!important;background:rgba(0,168,89,0.08)!important;color:#00a859!important}
.gtab.on[data-g="kog"]{border-bottom-color:#e8b730!important;background:rgba(232,183,48,0.08)!important;color:#e8b730!important}

/* Game-specific left border on match sidebar when game active */
[data-active-game="cs2"] #gcol-1{border-left:3px solid #f0a500}
[data-active-game="lol"] #gcol-1{border-left:3px solid #c89b3c}
[data-active-game="valorant"] #gcol-1{border-left:3px solid #ff4655}
[data-active-game="dota2"] #gcol-1{border-left:3px solid #dd4444}
[data-active-game="rl"] #gcol-1{border-left:3px solid #4e9efc}
[data-active-game="cod"] #gcol-1{border-left:3px solid #8bc34a}
[data-active-game="fortnite"] #gcol-1{border-left:3px solid #00d4ff}
[data-active-game="ow"] #gcol-1{border-left:3px solid #fa9c1e}
[data-active-game="r6"] #gcol-1{border-left:3px solid #fff}
.sidebar-mode [data-active-game] #gcol-1,
.sidebar-mode[data-active-game] #gcol-1{border-left:none!important}

/* Match card: game-colour left border via inline style set by JS */
.mrow[data-game-border]{border-left:3px solid var(--mrow-game-color)!important}

/* Scrollbar: subtle, matches dividers */
::-webkit-scrollbar{width:3px;height:3px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.06)!important;border-radius:4px!important}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.12)!important}
::-webkit-scrollbar-track{background:transparent!important}
*{scrollbar-color:rgba(255,255,255,0.06) transparent}

/* text-transform: sentence/title case overrides */
.pt{text-transform:uppercase!important}
.slabel{text-transform:none!important}
.section-hdr{text-transform:none!important}
.pp-role{text-transform:none!important}
.pp-heroes-title{text-transform:none!important}

/* Score flash on update */
.mrow-score-badge.score-flash{animation:scoreFlash 500ms ease!important}

/* Auth overlay logo */
.auth-logo{font-family:"Barlow Condensed",sans-serif!important;font-weight:700!important;font-style:italic!important}

/* Live count header badge */
#hs-live{background:#00f5c4!important;border-radius:20px!important;padding:2px 8px!important}
#hs-live .hs-val{color:#080b12!important}
#hs-live .hs-lbl{color:#080b12!important;opacity:.8}

/* ── MATCH SIDEBAR POLISH v2.1 ── */

/* Team logos: 32px minimum */
.mrow-logos img{width:32px!important;height:32px!important;border-radius:6px!important}

/* Match card row height: 56px min */
.mrow{min-height:56px!important;padding:8px 10px 10px!important;align-items:center;position:relative;overflow:hidden}

/* Team names: allow wrapping, no truncation */
.mrow-title{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;line-height:1.3!important}

/* LIVE section header styling */
.slabel{text-transform:uppercase!important;font-weight:700!important;font-size:11px!important;letter-spacing:0.1em!important}
.slabel:first-of-type,.slabel:has(+ .mrow[data-status="running"]){color:#00f5c4!important}

/* UPCOMING section header */
.slabel~.slabel{color:var(--dim)!important}

/* Live match cards: teal left border */
.mrow[data-status="running"]{border-left:3px solid #00f5c4!important}

/* Non-live match cards: use game color border (already set via inline style) */
.mrow[data-status="not_started"],.mrow[data-status="finished"]{border-left-color:rgba(255,255,255,0.06)!important}

/* LIVE section header: teal */
.slabel-live{color:#00f5c4!important}

/* UPCOMING section header: dim */
.slabel-upcoming{color:var(--dim)!important}

/* ── FIX: Match card text/score overlap ── */
/* Revert team name wrapping — use ellipsis truncation to prevent overlap */
.mrow-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:none!important}
/* Ensure info section respects flex constraints */
.mrow-info{flex:1 1 0%!important;min-width:0!important;overflow:hidden!important}
/* Score/status area stays fixed width */
.mrow-status{flex-shrink:0!important;min-width:fit-content!important;margin-left:6px!important}

/* ── Kill wide letter-spacing globally for modern sans-serif feel ── */
.pt,.slabel,.section-hdr,.ls-hdr,.ph .pt{letter-spacing:0.3px!important}
#layout-btn{letter-spacing:0.3px!important}

/* ── LIVE section header: more prominent ── */
.slabel-live{color:#080b12!important;background:#00f5c4!important;border-radius:6px!important;margin:4px 4px 2px!important;padding:6px 12px!important;font-size:12px!important;font-weight:700!important;letter-spacing:0.1em!important}
.slabel-live .slabel-count{background:rgba(0,0,0,0.25)!important;color:#fff!important;border-radius:10px!important;padding:0 6px!important}

/* ── FIX: Match card text truncation — logos too large for sidebar ── */
.mrow-logos img{width:24px!important;height:24px!important}
.mrow-logos{gap:3px!important}
.mrow-title{max-width:none!important}
.mrow-sub{max-width:none!important}
.mrow-info{flex:1 1 0%!important;min-width:0!important}
.mrow{gap:6px!important}

/* ── LIVE header: bigger, bolder, unmissable ── */
.slabel-live{font-size:14px!important;padding:8px 14px!important;color:#080b12!important;background:#00f5c4!important;text-transform:uppercase!important;font-weight:800!important;letter-spacing:0.15em!important;border-radius:8px!important;margin:6px 4px 4px!important}
.slabel-live .slabel-count{font-size:13px!important;background:rgba(0,0,0,0.3)!important;color:#fff!important;padding:1px 8px!important;border-radius:12px!important}

/* ── LIVE header: just bigger text, no background ── */
.slabel-live{color:#00f5c4!important;background:none!important;border-radius:0!important;margin:0!important;padding:8px 10px 6px!important;font-size:14px!important;font-weight:700!important;letter-spacing:0.1em!important}
.slabel-live .slabel-count{background:none!important;color:#00f5c4!important;padding:0!important;border-radius:0!important;font-size:14px!important}

/* ── VISUAL POLISH v2.2 ── */

/* 1. Social/clips panel: warmer, native feel */
#panel-buzz .pb{background:var(--bg2)!important}
.buzz-clip-card{background:var(--bg3,#111826)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:10px!important;overflow:hidden}
.buzz-clip-card:hover{background:rgba(0,245,196,0.04)!important;border-color:rgba(0,245,196,0.15)!important}
.buzz-clip-thumb img{border-radius:8px 8px 0 0!important}
.buzz-reddit-card{background:var(--bg3,#111826)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:10px!important}
.buzz-reddit-card:hover{background:rgba(0,245,196,0.04)!important;border-color:rgba(0,245,196,0.15)!important}
#panel-buzz .tab-bar{background:var(--bg2)!important;border-bottom:1px solid rgba(255,255,255,0.06)!important}

/* 2. Match Odds tab row: visual grouping, less crammed */
#odds-tabs{background:var(--bg3,#111826)!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;padding:2px 6px!important;gap:2px!important}
#odds-tabs .stab{border-radius:6px!important;padding:5px 10px!important;font-size:10px!important;border-bottom:none!important;transition:all 150ms ease!important}
#odds-tabs .stab.on{background:rgba(0,245,196,0.12)!important;color:var(--acc)!important}
#odds-tabs .stab:hover{background:rgba(255,255,255,0.06)!important}
.odds-hdr{background:var(--bg2)!important;border-bottom:1px solid rgba(255,255,255,0.06)!important;padding:6px 12px!important}

/* 3. Game filter tabs: more personality */
#game-bar{background:var(--bg)!important;border-bottom:1px solid rgba(0,245,196,0.08)!important;padding:4px 10px!important;gap:4px!important;overflow-x:auto;scrollbar-width:none}
#game-bar::-webkit-scrollbar{display:none}
.gtab{font-size:14px!important;padding:5px 14px!important;border-radius:8px!important;font-weight:600!important;border-bottom:none!important}
.gtab:hover{background:rgba(255,255,255,0.06)!important;color:var(--text2)!important}
.gtab.on{border-bottom:none!important;box-shadow:inset 0 0 0 1px currentColor!important}

/* 4. Footer: higher contrast for compliance */
#dash-footer{background:var(--bg3,#111826)!important;border-top:2px solid rgba(0,245,196,0.12)!important;padding:10px 24px!important}
#dash-footer span,#dash-footer a{color:#a8c4d4!important;font-size:11px!important}
#dash-footer div:last-child{color:#c0d0dc!important;font-size:12px!important}

/* ── FIX: Scope .live badge — don't clobber streamer cards ── */
.live,.mrow-status-label .live,.status-live{background:rgba(0,230,118,0.15)!important;color:#00e676!important;border:1px solid rgba(0,230,118,0.2)!important;font-weight:700!important;border-radius:4px!important;padding:1px 6px!important}
/* Only the match row live label gets bright teal */
.mrow .mrow-status-label{color:#00f5c4!important}

/* Streamer cards: proper dark styling */
#stream-panel-grid>div,#panel-live-stream .sph~div>div[onclick*="loadStreamer"]{background:var(--bg3,#111826)!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:10px!important;color:var(--text)!important;font-family:"Inter",sans-serif!important}
#stream-panel-grid>div:hover{border-color:rgba(0,245,196,0.2)!important;background:rgba(0,245,196,0.04)!important}

/* LIVE NOW ON TWITCH header */
#stream-panel-grid~div,div[style*="LIVE NOW"]{font-family:"Inter",sans-serif!important}

/* ── NUCLEAR FIX: Reset .live to scoped only, streamer cards dark ── */
.live{background:rgba(0,230,118,0.15)!important;color:#00e676!important;border:1px solid rgba(0,230,118,0.2)!important}
div[onclick*="loadStreamer"]{background:#111826!important;border:1px solid rgba(255,255,255,0.08)!important;border-radius:10px!important;font-family:"Inter",sans-serif!important;color:var(--text)!important}
div[onclick*="loadStreamer"]:hover{background:#162030!important;border-color:rgba(0,245,196,0.2)!important}
/* ── Missing game tab colors ── */.g-kog.on{color:#c8a951;background:rgba(200,169,81,.1)}.g-nba2k.on{color:#1d428a;background:rgba(29,66,138,.15)}.g-sc2.on{color:#1a6fa8;background:rgba(26,111,168,.1)}.g-sf6.on{color:#ff6b35;background:rgba(255,107,53,.1)}.g-tft.on{color:#c4a24e;background:rgba(196,162,78,.1)}
/* ── Game bar customization (Pro) ── */.gtab{position:relative;}.gtab-remove{display:none;position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;background:rgba(229,62,62,0.8);color:#fff;font-size:9px;font-weight:700;line-height:14px;text-align:center;cursor:pointer;z-index:10;transition:transform .1s;font-family:'Inter',sans-serif;border:none;padding:0;}.gtab:hover .gtab-remove{display:block;}.gtab-remove:hover{transform:scale(1.2);background:#e53e3e;}.mg-row{display:flex;align-items:center;gap:6px;width:100%;}.mg-add-btn{margin-left:auto;width:16px;height:16px;border-radius:50%;background:rgba(0,245,196,0.15);color:var(--acc);font-size:12px;font-weight:700;line-height:16px;text-align:center;cursor:pointer;border:none;padding:0;flex-shrink:0;font-family:'Inter',sans-serif;transition:background .15s;}.mg-add-btn:hover{background:rgba(0,245,196,0.3);}@media(max-width:768px){.gtab-remove,.mg-add-btn{display:none!important;}}

/* ── CLIP CARDS NATIVE REDESIGN ── */
.buzz-clip-card{background:var(--bg3,#111826);border:1px solid rgba(255,255,255,0.06);border-radius:8px;overflow:hidden;margin-bottom:6px;transition:background 0.15s,border-color 0.15s;}
.buzz-clip-card:hover{background:rgba(0,245,196,0.04);border-color:rgba(0,245,196,0.15);}
.buzz-clip-thumb{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer;}
.buzz-clip-thumb img{transition:transform 0.2s;}
.buzz-clip-card:hover .buzz-clip-thumb img{transform:scale(1.03);}
.buzz-clip-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,245,196,0);opacity:0;transition:opacity 0.2s,background 0.2s;}
.buzz-clip-card:hover .buzz-clip-overlay{opacity:1;background:rgba(0,245,196,0.08);}
.buzz-clip-dur{position:absolute;bottom:6px;right:8px;background:rgba(0,0,0,0.85);color:#fff;font-family:'Inter',sans-serif;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:0.3px;}
.buzz-clip-game{position:absolute;top:6px;left:8px;font-family:'Inter',sans-serif;font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:0.5px;text-transform:uppercase;}
.buzz-clip-info{padding:8px 10px;}
.buzz-clip-title{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.buzz-clip-meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:10px;color:var(--dim);font-family:'Inter',sans-serif;}

/* ═══════════════════════════════════════════════════════════════════
   FRAGS VIRTUAL CURRENCY
   ═══════════════════════════════════════════════════════════════════ */
.frag-coin{display:inline-block;vertical-align:middle;margin-right:1px;position:relative;top:-1px;}
#frags-balance{font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--acc);cursor:pointer;padding:4px 8px;border:1px solid rgba(0,245,196,0.15);border-radius:4px;transition:background 0.2s;}
#frags-balance:hover{background:rgba(0,245,196,0.08);}
.frags-float{position:fixed;z-index:10001;font-family:'Share Tech Mono',monospace;font-size:14px;font-weight:700;color:var(--acc);pointer-events:none;opacity:1;transition:opacity 1s,transform 1s;white-space:nowrap;text-shadow:0 0 8px rgba(0,245,196,0.4);}
.frags-float-go{opacity:0;transform:translateY(-40px);}

/* Wallet Popup Notification */
.frags-wallet-popup{position:fixed;z-index:10002;width:200px;background:var(--bg2);border:1px solid var(--b);border-radius:8px;padding:8px 10px;box-shadow:0 4px 16px rgba(0,0,0,0.4);opacity:0;transform:translateY(-6px);transition:opacity 0.3s,transform 0.3s;pointer-events:none;}
.fwp-in{opacity:1;transform:translateY(0);}
.fwp-amount{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--acc);display:flex;align-items:center;gap:4px;}
.fwp-amount .frag-coin{width:14px;height:14px;}
.fwp-reason{font-size:10px;color:var(--dim);margin-top:2px;text-transform:uppercase;letter-spacing:0.5px;}
.fwp-match{font-size:11px;color:var(--text);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Frags Store Modal */
.frags-store-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s;backdrop-filter:blur(4px);}
.frags-store-in{opacity:1;}
.frags-store-card{background:linear-gradient(180deg,#0c1018 0%,#080b12 100%);border:1px solid rgba(240,180,41,0.12);border-radius:12px;padding:0;width:640px;max-width:94vw;max-height:85vh;position:relative;box-shadow:0 0 80px rgba(240,180,41,0.06),0 2px 24px rgba(0,0,0,0.6);overflow:hidden;}
.frags-store-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--dim);font-size:22px;cursor:pointer;line-height:1;z-index:10;transition:color 0.2s;}
.frags-store-close:hover{color:var(--text2);}
.frags-store-header{text-align:center;padding:28px 28px 20px;background:linear-gradient(180deg,rgba(240,180,41,0.06) 0%,transparent 100%);border-bottom:1px solid rgba(240,180,41,0.08);}
.frags-store-title{font-family:'Rajdhani',sans-serif;font-size:24px;font-weight:900;color:#f0b429;letter-spacing:3px;margin-bottom:6px;text-transform:uppercase;}
.frags-store-title .frag-coin{filter:drop-shadow(0 0 6px rgba(240,180,41,0.4));vertical-align:middle;margin-right:4px;}
.frags-store-balance{font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--dim);}
.frags-store-balance strong{color:#f0b429;}
.frags-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:24px 28px;overflow-y:auto;max-height:calc(85vh - 120px);filter:blur(5px);pointer-events:none;user-select:none;}
.frags-store-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:border-color 0.2s,background 0.2s;}
.frags-store-item:hover{border-color:rgba(240,180,41,0.2);background:rgba(240,180,41,0.02);}
.frags-store-item.frags-pro-locked{opacity:0.7;}
.frags-store-icon{font-size:28px;margin-bottom:2px;}
.frags-store-name{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text2);}
.frags-store-desc{font-family:'Inter',sans-serif;font-size:10px;color:var(--dim);line-height:1.5;flex:1;}
.frags-store-btn{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.5px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;margin-top:6px;transition:all 0.2s;}
.frags-btn-buy{background:linear-gradient(135deg,#f0b429,#d49a1f);color:#000;box-shadow:0 2px 8px rgba(240,180,41,0.3);}
.frags-btn-buy:hover{box-shadow:0 4px 16px rgba(240,180,41,0.4);transform:translateY(-1px);}
.frags-btn-equip{background:rgba(0,245,196,0.12);color:var(--acc);border:1px solid rgba(0,245,196,0.3);}
.frags-btn-equipped{background:rgba(0,245,196,0.2);color:var(--acc);border:1px solid var(--acc);}
.frags-btn-locked{background:rgba(255,255,255,0.05);color:var(--dim);}
.frags-btn-disabled{background:rgba(255,255,255,0.03);color:var(--dim);cursor:not-allowed;opacity:0.5;}
/* Coming Soon gate */
.frags-store-gate{position:relative;display:flex;align-items:center;justify-content:center;min-height:340px;background:radial-gradient(ellipse at center,rgba(8,11,18,0.92) 0%,rgba(8,11,18,0.8) 100%);}
.frags-store-gate-content{text-align:center;max-width:360px;padding:40px 24px;}
.frags-store-gate-glow{position:absolute;top:50%;left:50%;width:260px;height:260px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(240,180,41,0.12) 0%,transparent 70%);border-radius:50%;animation:gateGlow 3s ease infinite;pointer-events:none;}
.frags-store-gate-icon{margin-bottom:16px;}
.frags-store-gate-icon .frag-coin{filter:drop-shadow(0 0 16px rgba(240,180,41,0.6));}
.frags-store-gate-title{font-family:'Rajdhani',sans-serif;font-size:32px;font-weight:900;letter-spacing:4px;color:#f0b429;text-shadow:0 0 30px rgba(240,180,41,0.3);margin-bottom:12px;}
.frags-store-gate-sub{font-family:'Inter',sans-serif;font-size:12px;color:var(--dim);line-height:1.7;margin-bottom:20px;}
.frags-store-gate-cta{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;color:var(--acc);letter-spacing:1.5px;animation:gatePulse 2s ease infinite;}
@keyframes gateGlow{0%,100%{opacity:0.5;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2);}}
@keyframes gatePulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
@media(max-width:768px){.frags-store-grid{grid-template-columns:1fr;padding:16px;}}

/* Frags Receipt Panel */
.frags-receipt-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s;backdrop-filter:blur(4px);}
.frags-receipt-in{opacity:1;}
.frags-receipt-card{background:linear-gradient(180deg,#0c1018 0%,#080b12 100%);border:1px solid rgba(240,180,41,0.12);border-radius:12px;width:420px;max-width:94vw;max-height:80vh;position:relative;box-shadow:0 0 60px rgba(240,180,41,0.05),0 2px 20px rgba(0,0,0,0.5);overflow:hidden;display:flex;flex-direction:column;}
.frags-receipt-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--dim);font-size:20px;cursor:pointer;z-index:2;transition:color 0.2s;}
.frags-receipt-close:hover{color:var(--text2);}
.frags-receipt-header{text-align:center;padding:24px 24px 16px;border-bottom:1px solid rgba(240,180,41,0.08);}
.frags-receipt-title{font-family:'Rajdhani',sans-serif;font-size:20px;font-weight:900;color:#f0b429;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;}
.frags-receipt-title .frag-coin{vertical-align:middle;margin-right:4px;}
.frags-receipt-date{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--dim);}
.frags-receipt-body{padding:16px 20px;overflow-y:auto;flex:1;}
.frags-receipt-total{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:rgba(240,180,41,0.06);border:1px solid rgba(240,180,41,0.12);border-radius:8px;margin-bottom:14px;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text2);}
.frags-receipt-total-amount{color:#f0b429;font-family:'Share Tech Mono',monospace;font-size:16px;display:flex;align-items:center;gap:4px;}
.frags-receipt-total-amount .frag-coin{width:14px;height:14px;}
.frags-receipt-list{display:flex;flex-direction:column;gap:2px;}
.frags-receipt-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;transition:background 0.15s;}
.frags-receipt-row:hover{background:rgba(255,255,255,0.02);}
.frags-receipt-row-left{flex:1;min-width:0;}
.frags-receipt-row-label{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;color:var(--text2);}
.frags-receipt-row-match{font-family:'Inter',sans-serif;font-size:9px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}
.frags-receipt-row-game{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:600;color:var(--acc);letter-spacing:0.5px;text-transform:uppercase;}
.frags-receipt-row-right{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.frags-receipt-row-amount{font-family:'Share Tech Mono',monospace;font-size:13px;font-weight:700;color:var(--acc);}
.frags-receipt-row-time{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--dim);min-width:50px;text-align:right;}
.frags-receipt-mult{font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;font-family:'Barlow Condensed',sans-serif;}
.frags-receipt-mult{background:rgba(0,245,196,0.12);color:var(--acc);}
.frags-receipt-mult-match{background:rgba(240,180,41,0.15);color:#f0b429;}
.frags-receipt-loading,.frags-receipt-empty{text-align:center;padding:32px 16px;font-family:'Inter',sans-serif;font-size:12px;color:var(--dim);}
#frags-receipt-btn{background:none;border:none;font-size:13px;cursor:pointer;padding:0 2px;opacity:0.6;transition:opacity 0.2s;vertical-align:middle;}
#frags-receipt-btn:hover{opacity:1;}

/* ═══════════════════════════════════════════════════════════════════
   MATCH HYPE SCORE
   ═══════════════════════════════════════════════════════════════════ */
/* Hype gauge */
.hype-gauge{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,0.03);overflow:visible;border-radius:0 0 10px 10px;z-index:1;}
.hype-gauge .hype-fill{height:100%;border-radius:0 0 2px 10px;transition:width 1s ease,background 0.6s ease;position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0;}
.hype-indicator-wrap{position:absolute;right:-2px;bottom:-2px;z-index:2;white-space:nowrap;pointer-events:none;}
.hype-indicator{font-size:12px;line-height:1;white-space:nowrap;}
/* Inline hype bar for match centre */
.hype-bar-inline{display:inline-block;width:40px;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;vertical-align:middle;margin-left:6px;overflow:hidden;}
.hype-fill-inline{display:block;height:100%;border-radius:2px;}
#mc-hype{margin-right:8px;}
/* Legacy .hype-bar cleanup */
.hype-bar{display:none;}

@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}

/* ═══════════════════════════════════════════════════════════════════
   EM CHAT & CHAT DRAWER
   ═══════════════════════════════════════════════════════════════════ */

/* EM Chat toggle button */
#em-chat-btn{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.5px;padding:4px 10px;border:1px solid var(--b2);background:transparent;color:var(--dim);cursor:pointer;border-radius:4px;margin-left:4px;}
#em-chat-btn.em-chat-active{background:rgba(0,245,196,0.12);color:var(--acc);border-color:rgba(0,245,196,0.3);}
#stream-chat-hdr-btn.em-chat-active{background:rgba(145,70,255,0.15);color:#bf94ff;}

/* EM Chat container */
.em-chat-container{display:flex;flex-direction:column;height:100%;}
.em-chat-msgs{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;}
.em-chat-input-wrap{display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--b);align-items:center;}
.em-chat-input{flex:1;background:rgba(255,255,255,0.04);border:1px solid var(--b);border-radius:4px;padding:8px 10px;color:var(--text2);font-family:'Inter',sans-serif;font-size:11px;outline:none;}
.em-chat-input:focus{border-color:rgba(0,245,196,0.3);}
.em-chat-send{background:var(--acc);color:#000;border:none;border-radius:4px;padding:8px 14px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;cursor:pointer;}
.em-chat-gate{font-family:'Rajdhani',sans-serif;font-size:11px;color:var(--dim);display:flex;align-items:center;justify-content:center;padding:8px;}

/* Chat message */
.em-msg{padding:3px 0;}
.em-msg-avatar{display:none;}
.em-msg-body{min-width:0;}
.em-msg-meta{display:inline;}
.em-msg-badge{font-size:10px;}
.em-msg-title{font-family:'Rajdhani',sans-serif;font-size:8px;font-weight:700;letter-spacing:0.5px;color:var(--gold);background:rgba(240,180,41,0.12);padding:1px 4px;border-radius:2px;}
.em-msg-name{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;}
.em-msg-time{font-family:'Inter',sans-serif;font-size:9px;color:var(--dim);margin-left:4px;}
.em-msg-name-colon{font-weight:700;font-family:'Rajdhani',sans-serif;font-size:11px;}
.em-msg-report{background:none;border:none;color:var(--dim);font-size:10px;cursor:pointer;padding:0 2px;opacity:0;transition:opacity 0.2s;}
.em-msg:hover .em-msg-report{opacity:1;}
.em-msg-report:hover{color:var(--red);}
.em-msg-text{display:inline;font-family:'Inter',sans-serif;font-size:12px;color:#DADADA;line-height:1.5;word-break:break-word;}

/* Chat Drawer */
#chat-drawer{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--bg2);border-left:1px solid var(--b2);z-index:900;transform:translateX(100%);transition:transform 0.25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,0.4);overflow:hidden;}
#chat-drawer.chat-drawer-open{transform:translateX(0);}
.cd-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--b);}
.cd-title{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;color:var(--text2);letter-spacing:1px;}
.cd-close{background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;}
.cd-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--b);padding:0 4px;gap:2px;}
.cd-tab{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;color:var(--dim);background:none;border:none;border-bottom:2px solid transparent;padding:8px 10px;cursor:pointer;white-space:nowrap;position:relative;}
.cd-tab-active{color:var(--acc);border-bottom-color:var(--acc);}
.cd-tab-unread{font-size:8px;background:var(--red);color:#fff;border-radius:8px;padding:1px 4px;margin-left:3px;}
.cd-tab-close{font-size:10px;color:var(--dim);margin-left:4px;cursor:pointer;}
.cd-tab-close:hover{color:var(--red);}
.cd-msgs{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px;}
.cd-input-wrap{display:flex;gap:4px;padding:8px 10px;border-top:1px solid var(--b);align-items:center;}
.cd-input{flex:1;background:rgba(255,255,255,0.04);border:1px solid var(--b);border-radius:4px;padding:8px 10px;color:var(--text2);font-family:'Inter',sans-serif;font-size:11px;outline:none;}
.cd-input:focus{border-color:rgba(0,245,196,0.3);}
.cd-send{background:var(--acc);color:#000;border:none;border-radius:4px;padding:8px 14px;font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;cursor:pointer;}

/* Chat drawer nav button */
#chat-drawer-btn{position:relative;background:none;border:1px solid var(--b);border-radius:4px;padding:4px 8px;cursor:pointer;color:var(--dim);font-size:16px;line-height:1;}
#chat-drawer-btn:hover{border-color:var(--b2);color:var(--text);}
#chat-drawer-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-size:8px;font-family:'Inter',sans-serif;font-weight:700;padding:1px 4px;border-radius:8px;display:none;min-width:14px;text-align:center;}

/* Pin button in Match Centre */
.mc-pin-btn{font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:600;color:var(--dim);background:none;border:1px solid var(--b);border-radius:4px;padding:2px 8px;cursor:pointer;}
.mc-pin-btn:hover{color:var(--acc);border-color:rgba(0,245,196,0.3);}

@media(max-width:768px){
  #chat-drawer{width:100vw;}
  .frags-store-card{padding:0;}
}

/* ═══════════════════════════════════════════════════════════════════
   FEATURES TOUR
   ═══════════════════════════════════════════════════════════════════ */
.ft-welcome{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);z-index:9100;background:var(--bg2);border:1px solid rgba(0,245,196,0.2);border-radius:12px;padding:20px 24px;width:340px;max-width:90vw;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,0.6);opacity:0;animation:ftSlideIn 0.4s 0.2s forwards;}
@keyframes ftSlideIn{to{opacity:1;transform:translateX(-50%) translateY(0);}}
.ft-icon{font-size:28px;margin-bottom:8px;}
.ft-title{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--acc);letter-spacing:1px;margin-bottom:6px;}
.ft-desc{font-family:'Rajdhani',sans-serif;font-size:13px;color:var(--text);line-height:1.6;margin-bottom:14px;}
.ft-btns{display:flex;gap:8px;justify-content:center;}
.ft-btn-primary{font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:700;padding:10px 20px;background:var(--acc);color:#000;border:none;border-radius:6px;cursor:pointer;letter-spacing:0.5px;}
.ft-btn-skip{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;padding:10px 16px;background:transparent;border:1px solid var(--b2);border-radius:6px;color:var(--dim);cursor:pointer;}

/* Light theme overrides */
[data-theme="light"] .frags-store-overlay{background:rgba(255,255,255,0.88);backdrop-filter:blur(4px);}
[data-theme="light"] .frags-store-card{background:linear-gradient(180deg,#fefefe 0%,#f8f9fa 100%);border-color:rgba(240,180,41,0.2);}
[data-theme="light"] .frags-store-header{background:linear-gradient(180deg,rgba(240,180,41,0.06) 0%,transparent 100%);border-bottom-color:rgba(240,180,41,0.1);}
[data-theme="light"] .frags-store-item{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.08);}
[data-theme="light"] .frags-store-gate{background:radial-gradient(ellipse at center,rgba(255,255,255,0.92) 0%,rgba(248,249,250,0.85) 100%);}
[data-theme="light"] .frags-store-gate-sub{color:#6b7280;}
[data-theme="light"] #chat-drawer{background:var(--bg2);border-left-color:var(--b2);}
[data-theme="light"] .ft-welcome{background:var(--bg2);}

/* Multiplier 8x card glow — light theme */
[data-theme="light"] .mrow-2x-active{border-left-color:#4a9e20 !important;}
[data-theme="light"] .mrow-4x-active{border-left-color:#f0a500 !important;}
[data-theme="light"] .mrow-8x-active{border-color:#9d8fff !important;box-shadow:0 0 8px rgba(124,106,247,0.15);}
[data-theme="light"] .mrow-surprise-active{border-left-color:#ff4e6a !important;}
[data-theme="light"] .fm-pill{border-color:rgba(0,0,0,0.1);}
[data-theme="light"] .fm-pill-teaser{background:rgba(0,0,0,0.04) !important;border-color:rgba(0,0,0,0.08) !important;}
[data-theme="light"] .fm-surprise-banner{background:linear-gradient(90deg,#fff5f5,#f8f9ff,#fff5f5);border-bottom-color:#ff4e6a;}
/* ── Daily Earnings inside Frag Store ── */
.frags-store-daily{margin:0 20px 16px;background:rgba(0,245,196,0.04);border:1px solid rgba(0,245,196,0.1);border-radius:10px;overflow:hidden;}
.frags-daily-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;color:var(--text2);letter-spacing:0.5px;border-bottom:1px solid rgba(255,255,255,0.04);}
.frags-daily-header svg{vertical-align:-2px;}
.frags-daily-total{color:#00f5c4;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;}
.frags-daily-list{max-height:140px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.06) transparent;}
.frags-daily-row{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-bottom:1px solid rgba(255,255,255,0.03);font-size:11px;}
.frags-daily-row:last-child{border-bottom:none;}
.frags-daily-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0;}
.frags-daily-label{color:var(--text2);font-family:'Inter',sans-serif;font-weight:500;}
.frags-daily-game{color:var(--dim);font-size:10px;font-family:'Inter',sans-serif;opacity:0.7;}
.frags-daily-right{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.frags-daily-amount{color:#00f5c4;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;}
.frags-daily-time{color:var(--dim);font-size:10px;font-family:'Inter',sans-serif;}
/* ── Daily Earnings Button + Dropdown v2 ── */
.frags-daily-toggle{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;background:rgba(0,245,196,0.06);border:1px solid rgba(0,245,196,0.15);border-radius:8px;color:var(--text2);font-family:'Inter',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;width:auto;}
.frags-daily-toggle:hover{background:rgba(0,245,196,0.12);border-color:rgba(0,245,196,0.3);}
.frags-daily-toggle svg{flex-shrink:0;}
.frags-daily-badge{color:#00f5c4;font-weight:700;font-size:13px;margin-left:auto;}
.frags-daily-chev{color:var(--dim);font-size:10px;margin-left:4px;transition:transform 0.15s;}
.frags-daily-dd{margin:0 20px 12px;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.04);border-radius:0 0 8px 8px;border-top:none;overflow:hidden;animation:slideDown 0.15s ease;}
@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}
.frags-daily-dd .frags-daily-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.06) transparent;}
/* ── Daily Earnings v3 NUCLEAR FIX ── */
.frags-store-card{overflow-y:auto!important;}
.frags-store-daily{display:none!important;}
.frags-daily-toggle{display:flex!important;align-items:center;gap:8px;margin:10px auto 0;padding:8px 16px;background:rgba(0,245,196,0.06)!important;border:1px solid rgba(0,245,196,0.15)!important;border-radius:8px;color:var(--text2)!important;font-family:'Inter',sans-serif!important;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.15s;}
.frags-daily-toggle:hover{background:rgba(0,245,196,0.12)!important;border-color:rgba(0,245,196,0.3)!important;}
.frags-daily-toggle svg{flex-shrink:0;width:14px;height:14px;}
.frags-daily-badge{color:#00f5c4!important;font-weight:700;font-size:13px;margin-left:auto;}
.frags-daily-chev{color:var(--dim);font-size:10px;margin-left:4px;}
.frags-daily-dd{margin:0 24px 16px!important;background:rgba(0,0,0,0.3)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:8px!important;overflow:hidden!important;position:relative!important;z-index:1!important;}
.frags-daily-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.06) transparent;}
.frags-daily-row{display:flex!important;align-items:center;justify-content:space-between;padding:8px 14px!important;border-bottom:1px solid rgba(255,255,255,0.04);font-family:'Inter',sans-serif!important;}
.frags-daily-row:last-child{border-bottom:none;}
.frags-daily-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
.frags-daily-label{color:var(--text2);font-size:12px!important;font-weight:500;}
.frags-daily-game{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:0.5px;}
.frags-daily-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.frags-daily-amount{color:#00f5c4!important;font-weight:700;font-size:12px!important;}
.frags-daily-time{color:var(--dim);font-size:10px;}
/* ── Fix: Store card above blur overlay ── */
.frags-store-card{position:relative!important;z-index:10000!important;}
.frags-store-close{z-index:10003!important;position:absolute!important;}
.frags-store-header{position:relative!important;z-index:10001!important;}
#frags-daily-toggle{position:relative!important;z-index:10002!important;}
#frags-daily-dd{position:relative!important;z-index:10001!important;}
/* ── gate fix applied at source ── */
/* ── Footer: hide clock & theme toggle on mobile ── */
@media(max-width:900px){#footer-clock{display:none!important;}#dash-footer #theme-toggle-btn{display:none!important;}}

/* ── Global scrollbar override: barely visible ── */
*::-webkit-scrollbar{width:3px!important;height:3px!important}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.06)!important;border-radius:4px!important}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.12)!important}
*::-webkit-scrollbar-track{background:transparent!important}
*{scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,0.06) transparent!important}


/* ── PICKS ARENA — DASHBOARD PANEL MODE ── */
#panel-arena {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
#panel-arena .ph {
  flex-shrink: 0;
}
#arena-panel-inline {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  background: #05070d;
}
#arena-panel-inline .arena-tabs {
  flex-shrink: 0;
  padding: 0 10px;
  display: flex;
  gap: 2px;
  background: #080b14;
  border-bottom: 1px solid #0a1520;
}
#arena-panel-inline .arena-filters {
  flex-shrink: 0;
}
#arena-panel-inline .arena-ai-bar {
  flex-shrink: 0;
}
#arena-panel-inline .arena-feed {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
#panel-arena .ph {
  background: linear-gradient(135deg,#080b14 0%,#0a1025 100%) !important;
  border-bottom: 1px solid rgba(0,245,196,0.15) !important;
}

/* ── PICKS ARENA — SIDEBAR MODE ── */
#arena-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 360px;
  height: 100vh;
  background: #05070d;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.25s cubic-bezier(0.4,0,0.2,1);
  box-shadow: -4px 0 24px rgba(0,0,0,.6);
}

#arena-panel.arena-open {
  transform: translateX(0);
  display: flex !important;
}

/* HEADER */ .arena-hdr {
  padding: 13px 14px 0;
  flex-shrink: 0;
  background: linear-gradient(180deg, #080b14, #05070d);
  border-bottom: 1px solid #0a1520;
}

.arena-hdr-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.arena-hdr-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.arena-logo-wrap {
  position: relative;
  width: 30px;
  height: 30px;
}

.arena-logo-bg {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--acc);
  display: flex;
  align-items: center;
  justify-content: center;
}

.arena-logo-gloss {
  position: absolute;
  top: 1px;
  left: 2px;
  right: 2px;
  height: 13px;
  background: rgba(255,255,255,.22);
  border-radius: 7px 7px 3px 3px;
  pointer-events: none;
}

.arena-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1;
}

.arena-subtitle {
  font-size: 10px;
  color: var(--dim);
  margin-top: 1px;
  letter-spacing: .04em;
}

.arena-post-btn {
  background: linear-gradient(135deg, var(--acc) 0%, #00d4a8 100%);
  color: #05070d;
  border: none;
  border-radius: 6px;
  padding: 7px 16px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: transform .15s, box-shadow .15s;
  box-shadow: 0 2px 8px rgba(0,245,196,0.25);
}

.arena-post-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,245,196,0.35);
}

.arena-post-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(0,245,196,0.2);
}

.arena-post-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: rgba(255,255,255,.15);
  border-radius: 6px 6px 0 0;
  pointer-events: none;
}

.arena-post-btn-sm {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 3px 10px;
  background: linear-gradient(135deg, var(--acc) 0%, #00d4a8 100%);
  border: none;
  border-radius: 4px;
  color: #05070d;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
  box-shadow: 0 1px 6px rgba(0,245,196,0.2);
}

.arena-post-btn-sm:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0,245,196,0.3);
}

.arena-post-btn-sm:active {
  transform: translateY(0);
}

.arena-tabs {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
}

.arena-tabs::-webkit-scrollbar {
  display: none;
}

.arena-tab {
  padding: 8px 12px;
  font-size: 11px;
  color: #7a8fa0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: .03em;
  transition: color .15s;
}

.arena-tab.on {
  color: var(--acc);
  border-bottom-color: var(--acc);
}

/* FILTERS */ .arena-filters {
  display: flex;
  gap: 5px;
  padding: 8px 10px;
  overflow-x: auto;
  scrollbar-width: none;
  border-bottom: 1px solid #080f18;
  flex-shrink: 0;
}

.arena-filters::-webkit-scrollbar {
  display: none;
}

.arena-fil {
  font-size: 10px;
  color: #7a8fa0;
  background: #080e18;
  border: 1px solid #1a2a3a;
  border-radius: 20px;
  padding: 3px 9px;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 600;
  transition: all .15s;
}

.arena-fil.on {
  color: var(--text2);
  background: #0c1e2e;
  border-color: #1a3040;
}

/* AI STATS BAR */ .arena-ai-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  background: linear-gradient(90deg, #080a18, #0a0c1e);
  border-bottom: 1px solid #12103a;
  flex-shrink: 0;
}

.arena-ai-ava {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1a1240, #2a1a60);
  border: 2px solid #5a4aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}

.arena-ai-bar-txt {
  flex: 1;
  font-size: 11px;
  color: #9d8fff;
  line-height: 1.4;
}

.arena-ai-bar-txt strong {
  color: #b8a8ff;
}

.arena-ai-wr {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 24px;
  font-weight: 900;
  color: #6a5adf;
  line-height: 1;
}

/* FEED */ .arena-feed {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.arena-feed::-webkit-scrollbar {
  width: 2px;
}

.arena-feed::-webkit-scrollbar-thumb {
  background: #0d1a2a;
  border-radius: 2px;
}

.arena-loading, .arena-empty {
  text-align: center;
  color: var(--dim);
  font-size: 12px;
  padding: 40px 20px;
  line-height: 1.6;
}

/* ── CARD BASE ── */ .arena-card {
  border-radius: 13px;
  position: relative;
  isolation: isolate;
  cursor: pointer;
  transition: transform .15s;
}

.arena-card:hover {
  transform: translateY(-1px);
}

.arena-card-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  overflow: hidden;
}

.arena-card-glow-a, .arena-card-glow-b {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.arena-card-topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  pointer-events: none;
}

.arena-card-content {
  position: relative;
  z-index: 1;
  padding: 12px 14px 10px;
}

/* AI CHALLENGE CARD */ .arena-card-ai .arena-card-bg {
  background: #090814;
}

.arena-card-ai .arena-card-glow-a {
  top: -30px;
  left: -30px;
  width: 160px;
  height: 160px;
  background: rgba(100,80,220,.18);
  filter: blur(28px);
}

.arena-card-ai .arena-card-glow-b {
  bottom: -20px;
  right: -20px;
  width: 110px;
  height: 110px;
  background: rgba(0,196,158,.1);
  filter: blur(22px);
}

.arena-card-ai .arena-card-topbar {
  background: linear-gradient(90deg, #4030aa, #9d8fff, #7c6af7, #4030aa);
  background-size: 200%;
  animation: arena-sweep 2.5s linear infinite;
}

@keyframes arena-sweep {
  0% { background-position: 0% }
  100% { background-position: 200% }
}

/* HOT COMMUNITY CARD */ .arena-card-hot .arena-card-bg {
  background: #0e0608;
}

.arena-card-hot .arena-card-glow-a {
  top: -20px;
  right: -20px;
  width: 140px;
  height: 140px;
  background: rgba(255,78,106,.15);
  filter: blur(26px);
}

.arena-card-hot .arena-card-glow-b {
  bottom: -20px;
  left: -20px;
  width: 110px;
  height: 110px;
  background: rgba(240,165,0,.1);
  filter: blur(22px);
}

.arena-card-hot .arena-card-topbar {
  background: linear-gradient(90deg, #ff4e6a, #f0b429, #ff6b35, #ff4e6a);
  background-size: 300%;
  animation: arena-fire 1.8s linear infinite;
}

@keyframes arena-fire {
  0% { background-position: 0% }
  100% { background-position: 300% }
}

.arena-card-hot .arena-card-gloss {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 52%;
  background: linear-gradient(180deg,     rgba(255,255,255,.055) 0%,     rgba(255,255,255,.018) 45%,     rgba(255,255,255,0) 100%);
  border-radius: 13px 13px 0 0;
  pointer-events: none;
  z-index: 2;
}

/* STANDARD COMMUNITY CARD */ .arena-card-std {
  border: 1px solid rgba(0,210,170,.28);
}

.arena-card-std .arena-card-bg {
  background: #060d0e;
}

.arena-card-std .arena-card-glow-a {
  top: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  background: rgba(0,245,196,.12);
  filter: blur(22px);
}

.arena-card-std .arena-card-glow-b {
  bottom: -10px;
  left: -10px;
  width: 90px;
  height: 90px;
  background: rgba(0,196,158,.07);
  filter: blur(18px);
}

.arena-card-std .arena-card-topbar {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--acc), #00c49e, transparent);
}

.arena-card-std .arena-card-gloss {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg,     rgba(0,245,196,.04) 0%,     rgba(0,245,196,.01) 50%,     rgba(0,245,196,0) 100%);
  border-radius: 13px 13px 0 0;
  pointer-events: none;
  z-index: 2;
}

/* RESOLVED CARDS */ .arena-card-rw .arena-card-bg {
  background: radial-gradient(ellipse at 50% -10%, rgba(255,78,106,.08) 0%, transparent 60%), #0c0508;
}

.arena-card-rw .arena-card-topbar {
  height: 2px;
  background: #5a1a20;
}

.arena-card-rl .arena-card-bg {
  background: radial-gradient(ellipse at 50% -10%, rgba(0,245,196,.09) 0%, transparent 60%), #060d0c;
}

.arena-card-rl .arena-card-topbar {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--acc), #00c49e, transparent);
}

/* COLLAPSED CARD LAYOUT */ .arena-collapsed-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.arena-collapsed-left {
  flex: 1;
  min-width: 0;
}

.arena-collapsed-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex-shrink: 0;
}

/* Tags */ .arena-tag-ai {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}

.arena-tag-ai-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7c6af7;
  animation: arena-pulse 1.4s ease-in-out infinite;
}

@keyframes arena-pulse {
  0%,100% { opacity: 1 }
  50% { opacity: .3 }
}

.arena-tag-ai-txt {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  color: #8a7af8;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.arena-tag-conf {
  font-size: 9px;
  color: #b8a8ff;
  background: rgba(124,106,247,.1);
  border: 1px solid rgba(124,106,247,.2);
  border-radius: 8px;
  padding: 1px 6px;
  margin-left: 3px;
}

.arena-tag-hot {
  display: inline-flex;
  align-items: center;
  margin-bottom: 5px;
}

.arena-tag-hot-txt {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  background: linear-gradient(90deg, #ff6a7a, #f0b429);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.arena-tag-com {
  display: inline-flex;
  align-items: center;
  margin-bottom: 5px;
}

.arena-tag-com-txt {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 800;
  color: var(--acc);
  letter-spacing: .09em;
  text-transform: uppercase;
}

.arena-card-match-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 19px;
  font-weight: 900;
  color: #fff;
  letter-spacing: .02em;
  line-height: 1.05;
  margin-bottom: 3px;
}

.arena-card-meta {
  font-size: 10px;
  color: var(--dim);
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 7px;
}

.arena-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: #1a0818;
  border: 1px solid #ff3a5a;
  border-radius: 10px;
  padding: 1px 6px;
}

.arena-live-pill-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff3a5a;
  animation: arena-pulse .8s infinite;
}

.arena-live-pill-txt {
  font-size: 9px;
  color: #ff3a5a;
  font-weight: 700;
}

/* Confidence mini bar */ .arena-conf-mini {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
}

.arena-conf-mini-lbl {
  font-size: 9px;
  color: #9d8fff;
  width: 55px;
  flex-shrink: 0;
}

.arena-conf-mini-track {
  flex: 1;
  height: 4px;
  background: #12103a;
  border-radius: 2px;
  overflow: hidden;
}

.arena-conf-mini-fill {
  height: 100%;
  background: linear-gradient(90deg, #4030aa, #9d8fff);
  border-radius: 2px;
}

.arena-conf-mini-val {
  font-size: 10px;
  font-weight: 800;
  color: #9d8fff;
  font-family: 'Barlow Condensed', sans-serif;
  width: 26px;
  text-align: right;
}

/* Pick preview row */ .arena-pick-preview {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
  flex-wrap: wrap;
}

.arena-pick-lbl {
  font-size: 9px;
  color: var(--dim);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
}

.arena-pick-team {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: var(--text2);
}

.arena-pick-vs {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #6a8898;
}

.arena-pick-chal-ai {
  color: #7c6af7;
}

.arena-pick-chal-hot {
  color: #ff8a9a;
}

.arena-pick-chal-com {
  color: #5aaa90;
}

/* User mini line */ .arena-user-mini {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
}

.arena-user-mini-name {
  font-size: 11px;
  color: var(--text);
  font-weight: 600;
}

.arena-user-mini-acc {
  font-size: 10px;
  color: var(--dim);
}

.arena-pro-tag {
  font-size: 9px;
  background: #0a1e18;
  border: 1px solid var(--acc);
  color: var(--acc);
  padding: 1px 5px;
  border-radius: 5px;
  font-weight: 700;
}

.arena-sharp-tag {
  font-size: 9px;
  background: #1a1008;
  border: 1px solid var(--gold);
  color: var(--gold);
  padding: 1px 5px;
  border-radius: 5px;
  font-weight: 700;
}

/* Mini pool bar */ .arena-pool-mini {
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  margin-bottom: 4px;
}

.arena-pool-mini-back {
  background: var(--acc);
  border-radius: 2px 0 0 2px;
}

.arena-pool-mini-chal {
  background: var(--red);
  border-radius: 0 2px 2px 0;
}

.arena-pool-mini-chal-ai {
  background: #7c6af7;
  border-radius: 0 2px 2px 0;
}

.arena-pool-row {
  display: flex;
  justify-content: space-between;
}

.arena-pool-lbl {
  font-size: 10px;
  color: #6a8898;
}

.arena-pool-lbl span {
  color: #9ab0c0;
  font-weight: 600;
}

.arena-pool-ret {
  font-size: 10px;
  color: #1e3040;
}

.arena-pool-ret span {
  color: var(--gold);
  font-weight: 700;
}

/* Right side badges */ .arena-mult-badge {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 900;
  padding: 3px 10px;
  border-radius: 7px;
  line-height: 1;
  text-align: center;
}

.arena-mb-purple {
  background: rgba(124,106,247,.13);
  border: 1px solid rgba(124,106,247,.35);
  color: #9d8fff;
}

.arena-mb-hot {
  background: rgba(240,165,0,.1);
  border: 1px solid rgba(240,165,0,.32);
  color: var(--gold);
}

.arena-mb-teal {
  background: rgba(0,196,158,.1);
  border: 1px solid rgba(0,196,158,.3);
  color: var(--acc);
}

.arena-pool-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--text2);
  text-align: right;
}

.arena-pool-num span {
  font-size: 10px;
  color: var(--dim);
  font-weight: 400;
}

.arena-timer {
  font-size: 10px;
  color: var(--dim);
  font-weight: 700;
  margin-top: 2px;
}
.arena-timer-urgent {
  color: var(--red);
}

.arena-entry {
  font-size: 9px;
  color: var(--dim);
  text-align: right;
}

/* Expand arrow */ .arena-arrow {
  font-size: 9px;
  color: #1a3040;
  text-align: center;
  padding-top: 3px;
  user-select: none;
  letter-spacing: .04em;
  transition: transform .2s;
}

/* EXPANDED CONTENT */ .arena-expanded {
  display: none;
  padding: 0 14px 13px;
  position: relative;
  z-index: 2;
}
.arena-btn-ai, .arena-btn-back, .arena-btn-chal {
  position: relative;
  z-index: 3;
  pointer-events: auto;
}

.arena-exp-sep {
  height: 1px;
  margin-bottom: 10px;
}

.arena-exp-sep-ai {
  background: #1a1040;
}

.arena-exp-sep-hot {
  background: #1a0a10;
}

.arena-exp-sep-com {
  background: #0a1e20;
}

/* User row in expanded */ .arena-user-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.arena-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  font-family: 'Barlow Condensed', sans-serif;
  flex-shrink: 0;
  position: relative;
}

.arena-avatar::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 3px;
  right: 3px;
  height: 10px;
  background: rgba(255,255,255,.15);
  border-radius: 50% 50% 0 0;
  pointer-events: none;
}

.arena-ava-r {
  background: linear-gradient(135deg,#2a0a0e,#1a0808);
  border: 2px solid var(--red);
  color: var(--red);
}

.arena-ava-t {
  background: linear-gradient(135deg,#0a2018,#061410);
  border: 2px solid var(--acc);
  color: var(--acc);
}

.arena-ava-o {
  background: linear-gradient(135deg,#1e1408,#120e04);
  border: 2px solid var(--gold);
  color: var(--gold);
}

.arena-ava-p {
  background: linear-gradient(135deg,#1a1240,#2a1a60);
  border: 2px solid #7c6af7;
  color: #9d8fff;
}

/* Full confidence bar */ .arena-conf-full {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.arena-conf-full-lbl {
  font-size: 10px;
  color: #9d8fff;
  width: 64px;
  flex-shrink: 0;
}

.arena-conf-full-track {
  flex: 1;
  height: 5px;
  background: #12103a;
  border-radius: 3px;
  overflow: hidden;
}

.arena-conf-full-fill {
  height: 100%;
  background: linear-gradient(90deg, #4030aa, #9d8fff);
  border-radius: 3px;
}

.arena-conf-full-val {
  font-size: 11px;
  font-weight: 800;
  color: #9d8fff;
  font-family: 'Barlow Condensed', sans-serif;
  width: 28px;
  text-align: right;
}

/* Reasoning quote */ .arena-reasoning {
  font-size: 11px;
  font-style: italic;
  padding: 9px 11px;
  border-radius: 9px;
  border-left: 2px solid;
  line-height: 1.55;
  margin-bottom: 10px;
}

.arena-reasoning-ai {
  color: #b8a8ff;
  background: rgba(100,80,220,.07);
  border-left-color: #7c6af7;
}

.arena-reasoning-hot {
  color: #7a3040;
  background: rgba(255,78,106,.05);
  border-left-color: #8a2030;
}

.arena-reasoning-com {
  color: #3a6050;
  background: rgba(0,196,158,.05);
  border-left-color: #006a50;
}

/* Multiplier reward box */ .arena-mult-box {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, rgba(124,106,247,.15), rgba(80,60,180,.08));
  border: 1px solid rgba(124,106,247,.35);
  border-radius: 10px;
  padding: 10px 13px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.arena-mult-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: rgba(255,255,255,.04);
  border-radius: 10px 10px 0 0;
  pointer-events: none;
}

.arena-mult-big {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 36px;
  font-weight: 900;
  color: #9d8fff;
  line-height: 1;
}

.arena-mult-box-title {
  font-size: 12px;
  font-weight: 600;
  color: #e8d8ff;
}

.arena-mult-box-sub {
  font-size: 10px;
  color: #8a7abf;
  margin-top: 3px;
}

.arena-mult-box-cost {
  font-size: 11px;
  color: var(--gold);
  font-weight: 700;
  margin-top: 4px;
}

/* VS block */ .arena-vs-block {
  display: flex;
  align-items: stretch;
  gap: 6px;
  margin-bottom: 9px;
}

.arena-vs-side {
  flex: 1;
  padding: 8px 10px;
  border-radius: 9px;
  position: relative;
  overflow: hidden;
}

.arena-vs-side::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: rgba(255,255,255,.04);
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}

.arena-vs-pick {
  background: rgba(0,245,196,.07);
  border: 1px solid rgba(0,245,196,.22);
}

.arena-vs-chal {
  background: rgba(255,78,106,.07);
  border: 1px solid rgba(255,78,106,.22);
}

.arena-vs-lbl {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.arena-vs-lbl-p {
  color: #00a07e;
}

.arena-vs-lbl-c {
  color: #c03050;
}

.arena-vs-team {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
}

.arena-vs-stake {
  font-size: 10px;
  color: var(--dim);
  margin-top: 2px;
}

.arena-vs-mid {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  flex-shrink: 0;
}

.arena-vs-mid-txt {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px;
  font-weight: 900;
  color: #1a2d3a;
}

/* Full pool bar */ .arena-pool-bar-full {
  height: 5px;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  margin-bottom: 5px;
}

.arena-pb-back {
  background: var(--acc);
  border-radius: 3px 0 0 3px;
}

.arena-pb-chal {
  background: var(--red);
  border-radius: 0 3px 3px 0;
}

.arena-pb-chal-ai {
  background: #7c6af7;
  border-radius: 0 3px 3px 0;
}

.arena-pool-stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 10px;
}

.arena-ps-l {
  color: #2a1a5a;
}

.arena-ps-l span {
  color: #a090e0;
  font-weight: 600;
}

.arena-ps-lh {
  color: #3a1a1a;
}

.arena-ps-lh span {
  color: #ff8a9a;
  font-weight: 600;
}

.arena-ps-lt {
  color: #1e3840;
}

.arena-ps-lt span {
  color: #6a9a90;
  font-weight: 600;
}

.arena-ps-r {
  color: #2a1a5a;
}

.arena-ps-r span {
  color: var(--gold);
  font-weight: 700;
}

/* Action buttons */ .arena-btn-ai {
  width: 100%;
  background: linear-gradient(135deg, #2a1a60, #1e1248);
  border: 1.5px solid #6a5adf;
  color: #b8a8ff;
  font-size: 13px;
  font-weight: 800;
  padding: 11px;
  border-radius: 10px;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.arena-btn-ai::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: rgba(255,255,255,.06);
  border-radius: 10px 10px 0 0;
  pointer-events: none;
}
.arena-ai-btns {
  display: flex;
  gap: 6px;
  width: 100%;
}
.arena-ai-btns .arena-btn-ai {
  flex: 1;
  font-size: 11px;
  padding: 10px 6px;
}
.arena-btn-back-ai {
  background: linear-gradient(135deg, #0a2a2a, #0a1e1e) !important;
  border-color: var(--acc) !important;
  color: var(--acc) !important;
}

/* Confirmation overlay */
.arena-confirm-overlay {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center;
}
.arena-confirm-box {
  background: var(--bg2, #1a1a2e); border: 1px solid var(--border, #333);
  border-radius: 12px; padding: 24px; max-width: 340px; width: 90%; text-align: center;
}
.arena-confirm-title { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 10px; }
.arena-confirm-msg { font-size: 12px; color: var(--dim, #888); margin-bottom: 16px; line-height: 1.5; }
.arena-confirm-msg b { color: var(--acc, #00f5c4); }
.arena-confirm-check {
  display: flex; align-items: center; gap: 6px; justify-content: center;
  font-size: 11px; color: var(--dim, #888); margin-bottom: 16px; cursor: pointer;
}
.arena-confirm-check input { accent-color: var(--acc, #00f5c4); }
.arena-confirm-btns { display: flex; gap: 10px; }
.arena-confirm-cancel, .arena-confirm-go {
  flex: 1; padding: 10px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; text-align: center;
}
.arena-confirm-cancel { background: rgba(255,255,255,.05); color: var(--dim, #888); }
.arena-confirm-go {
  background: linear-gradient(135deg, var(--acc, #00f5c4), #00c9a7);
  color: #000;
}

/* Pick coin on match cards */
.mrow-pick-coin {
  flex-shrink: 0; margin-left: 2px; display: inline-flex; align-items: center;
  animation: pickCoinPulse 2s ease-in-out infinite;
}
@keyframes pickCoinPulse { 0%,100%{opacity:1} 50%{opacity:.6} }

/* Match center pick badge */
.mc-pick-badge {
  display: inline-flex; align-items: center; gap: 5px;
  background: rgba(255,193,7,.12); border: 1px solid rgba(255,193,7,.4);
  border-radius: 6px; padding: 4px 10px; font-size: 11px; font-weight: 600;
  color: #ffc107; margin-top: 8px; cursor: pointer;
}
.mc-pick-badge:hover { background: rgba(255,193,7,.2); }
.mc-pick-badge svg { flex-shrink: 0; }

/* Already entered badge on arena cards */
.arena-already-entered {
  display: flex; align-items: center; gap: 6px;
  background: rgba(0,245,196,.08); border: 1px solid rgba(0,245,196,.25);
  border-radius: 8px; padding: 10px 12px; font-size: 11px; font-weight: 600;
  color: var(--acc, #00f5c4); text-align: center; justify-content: center;
}
.arena-ae-check {
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--acc, #00f5c4); color: #000;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; flex-shrink: 0;
}

.arena-btns-2 {
  display: flex;
  gap: 7px;
}

.arena-btn-back {
  flex: 1;
  background: rgba(0,245,196,.07);
  border: 1.5px solid rgba(0,245,196,.5);
  color: var(--acc);
  font-size: 12px;
  font-weight: 800;
  padding: 10px 6px;
  border-radius: 9px;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.arena-btn-back::after, .arena-btn-chal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: rgba(255,255,255,.05);
  border-radius: inherit;
  pointer-events: none;
}

.arena-btn-chal {
  flex: 1;
  background: rgba(255,78,106,.07);
  border: 1.5px solid rgba(255,78,106,.5);
  color: var(--red);
  font-size: 12px;
  font-weight: 800;
  padding: 10px 6px;
  border-radius: 9px;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* RESOLVED CARDS */ .arena-res-content {
  position: relative;
  z-index: 1;
  padding: 11px 14px;
}

.arena-res-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 6px;
  padding: 3px 9px;
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 800;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.arena-rb-ai {
  background: #1a0808;
  border: 1px solid #5a1a20;
  color: #ff6a7a;
}

.arena-rb-com {
  background: #061e1a;
  border: 1px solid #00a080;
  color: var(--acc);
}

.arena-res-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.arena-res-match {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: #b8c8d0;
}

.arena-res-meta {
  font-size: 10px;
  color: #1e3040;
  margin-top: 2px;
}

.arena-res-pay-num {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 900;
}

.arena-rp-red {
  color: #ff6a7a;
}

.arena-rp-teal {
  color: var(--acc);
}

.arena-res-pay-lbl {
  font-size: 10px;
  color: #1e3040;
  text-align: right;
}

.arena-upset-note {
  margin-top: 5px;
  font-size: 10px;
  font-weight: 600;
  color: var(--acc);
}

/* DIVIDER */ .arena-divider {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 0;
}

.arena-dv-l {
  flex: 1;
  height: 1px;
  background: #080f18;
}

.arena-dv-t {
  font-size: 9px;
  color: #0e1e2a;
  letter-spacing: .12em;
  font-weight: 700;
  text-transform: uppercase;
}

/* MODALS */ .arena-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(6,8,14,.85);
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arena-modal {
  background: var(--bg2);
  border: 1px solid var(--b);
  border-radius: 14px;
  width: 340px;
  max-width: 95vw;
  max-height: 85vh;
  overflow-y: auto;
}

.arena-modal-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 12px;
  border-bottom: 1px solid var(--b);
}

.arena-modal-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: var(--text2);
  letter-spacing: .04em;
}

.arena-modal-close {
  background: none;
  border: none;
  color: var(--dim);
  cursor: pointer;
  font-size: 16px;
  padding: 2px 6px;
}

.arena-modal-body {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.arena-modal-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--text);
  text-transform: uppercase;
  letter-spacing: .06em;
}

.arena-modal-sublabel {
  color: var(--dim);
  font-weight: 400;
  margin-left: 4px;
}

.arena-modal-select {
  width: 100%;
  background: var(--bg3);
  border: 1px solid var(--b);
  border-radius: 8px;
  color: var(--text2);
  padding: 8px 10px;
  font-size: 13px;
  outline: none;
}

.arena-team-btns {
  display: flex;
  align-items: center;
  gap: 8px;
}

.arena-team-btn {
  flex: 1;
  padding: 10px;
  background: var(--bg3);
  border: 1px solid var(--b);
  border-radius: 9px;
  text-align: center;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: var(--text2);
  transition: all .15s;
}

.arena-team-btn.selected {
  border-color: var(--acc);
  background: rgba(0,245,196,.08);
  color: var(--acc);
}

.arena-vs-sep {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 900;
  color: var(--dim);
}

.arena-stake-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.arena-stake-row input[type="range"] {
  flex: 1;
  accent-color: var(--acc);
}

.arena-stake-row input[type="number"] {
  width: 90px;
  background: var(--bg3);
  border: 1px solid var(--b);
  border-radius: 8px;
  color: var(--text2);
  padding: 6px 8px;
  font-size: 13px;
  outline: none;
}

.arena-stake-preview {
  font-size: 12px;
  color: var(--dim);
  text-align: center;
  padding: 6px;
  background: var(--bg3);
  border-radius: 8px;
}

.arena-stake-preview strong {
  color: var(--acc);
}

.arena-modal-textarea {
  width: 100%;
  background: var(--bg3);
  border: 1px solid var(--b);
  border-radius: 8px;
  color: var(--text2);
  padding: 8px 10px;
  font-size: 12px;
  resize: none;
  height: 64px;
  outline: none;
  font-family: inherit;
}

.arena-post-submit-btn {
  width: 100%;
  background: var(--acc);
  color: #05070d;
  border: none;
  border-radius: 10px;
  padding: 11px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.arena-post-submit-btn:disabled {
  background: var(--b);
  color: var(--dim);
  cursor: not-allowed;
}

.arena-post-cancel-btn {
  width: 100%;
  background: none;
  border: 1px solid var(--b);
  border-radius: 10px;
  color: var(--dim);
  padding: 9px;
  font-size: 12px;
  cursor: pointer;
}

.arena-stake-outcomes {
  display: flex;
  gap: 8px;
}

.arena-outcome-correct, .arena-outcome-wrong {
  flex: 1;
  padding: 8px 10px;
  background: var(--bg3);
  border-radius: 8px;
}

.arena-outcome-lbl {
  font-size: 9px;
  color: var(--dim);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 3px;
}

.arena-outcome-val {
  font-size: 13px;
  font-weight: 700;
  color: var(--acc);
  font-family: 'Barlow Condensed', sans-serif;
}

.arena-outcome-wrong-val {
  color: var(--red);
}

.arena-stake-balance {
  font-size: 11px;
  color: var(--dim);
  text-align: center;
}

.arena-stake-balance strong {
  color: var(--text2);
}

.arena-stake-match-info {
  padding: 10px;
  background: var(--bg3);
  border-radius: 8px;
  border: 1px solid var(--b);
  font-size: 12px;
  color: var(--text);
  line-height: 1.5;
}

/* ── Arena Live Score & In Play ────────────────────── */
.arena-live-score {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: var(--acc);
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 4px;
  text-shadow: 0 0 12px rgba(0,245,196,0.3);
}

.arena-in-play {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: var(--acc);
  letter-spacing: 1px;
  margin-top: 2px;
}

/* ── PRO MODAL — Premium Redesign ─────────────────── */

#pro-modal {
  background: rgba(3,5,10,0.96);
  z-index: 900;
}

.pro-box {
  width: 540px;
  background: linear-gradient(170deg, #0c1020 0%, #080b14 40%, #0a0e1a 100%);
  border: 1px solid rgba(240,180,41,0.12);
  border-radius: 16px;
  padding: 32px 28px 24px;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 24px 80px rgba(0,0,0,0.6), 0 0 60px rgba(240,180,41,0.04);
}

.pro-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--dim);
  cursor: pointer;
  font-size: 14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

.pro-close:hover {
  background: rgba(255,255,255,0.1);
  color: var(--text2);
}

.pro-modal-hdr {
  text-align: center;
  margin-bottom: 20px;
}

.pro-modal-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: var(--gold);
  letter-spacing: 3px;
  margin-bottom: 10px;
}

.pro-modal-badge {
  display: inline-block;
  background: linear-gradient(90deg, rgba(240,180,41,0.12), rgba(240,180,41,0.05));
  border: 1px solid rgba(240,180,41,0.3);
  color: var(--gold);
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.8px;
  padding: 6px 18px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.pro-modal-sub {
  font-size: 10px;
  color: var(--dim);
  letter-spacing: 1.5px;
  font-family: 'Inter', sans-serif;
}

/* Billing toggle */
.pro-toggle-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 auto 20px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  overflow: hidden;
  max-width: 260px;
  background: rgba(0,0,0,0.3);
}

.pro-toggle-btn {
  flex: 1;
  padding: 9px 14px;
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  background: transparent;
  color: var(--dim);
  transition: all 0.2s;
}

.pro-toggle-btn.active {
  background: var(--gold);
  color: #000;
}

.pro-save-tag {
  font-size: 8px;
  color: var(--gold);
  font-weight: 700;
}

.pro-toggle-btn.active .pro-save-tag {
  color: #000;
}

/* Plan grid */
.plan-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0 0 16px;
}

/* Free card */
.plan-card.plan-free {
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 22px 18px;
  background: rgba(255,255,255,0.02);
}

.plan-card.plan-free .plan-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--dim);
  letter-spacing: 1px;
  margin-bottom: 4px;
}

.plan-card.plan-free .plan-price {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: var(--text2);
  margin: 6px 0 12px;
}

.plan-card.plan-free .plan-price span {
  font-size: 12px;
  color: var(--dim);
}

.plan-card.plan-free .plan-feat li {
  color: var(--dim);
  font-size: 11.5px;
  line-height: 2;
}

.plan-card.plan-free .plan-feat li::before {
  color: rgba(255,255,255,0.2);
}

/* PRO card — elite design */
.plan-card.plan-pro {
  border: 1px solid rgba(240,180,41,0.25);
  border-radius: 12px;
  padding: 22px 18px;
  position: relative;
  overflow: hidden;
  background: linear-gradient(170deg, rgba(240,180,41,0.06) 0%, rgba(240,180,41,0.01) 40%, transparent 100%);
}

.plan-card.plan-pro::before {
  content: "BEST VALUE";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #f0b429, #d4991a);
  color: #000;
  font-size: 8px;
  font-weight: 800;
  padding: 3px 14px;
  border-radius: 0 0 6px 6px;
  letter-spacing: 1px;
  font-family: 'Inter', sans-serif;
}

.plan-pro-glow {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 120px;
  background: radial-gradient(ellipse, rgba(240,180,41,0.08) 0%, transparent 70%);
  pointer-events: none;
}

.plan-card.plan-pro .plan-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 900;
  color: var(--gold);
  letter-spacing: 2px;
  margin-top: 6px;
  margin-bottom: 4px;
}

.plan-card.plan-pro .plan-price {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  margin: 4px 0 8px;
}

.plan-card.plan-pro .plan-price span {
  font-size: 12px;
  color: rgba(240,180,41,0.7);
}

.plan-annual-note {
  font-size: 10px;
  color: var(--gold);
  text-align: center;
  margin: -4px 0 8px;
  font-family: 'Inter', sans-serif;
}

.plan-pro-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240,180,41,0.2), transparent);
  margin: 4px 0 8px;
}

/* Pro features list */
.plan-feat-pro li {
  color: rgba(255,255,255,0.85);
  font-size: 11.5px;
  line-height: 2;
}

.plan-feat-pro li::before {
  color: var(--gold) !important;
}

.plan-feat-highlight {
  color: var(--gold) !important;
  font-weight: 700;
}

/* CTA button */
.pro-cta-btn {
  width: 100%;
  padding: 13px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, #f0b429 0%, #d4991a 100%);
  color: #000;
  margin-top: 12px;
  transition: all 0.2s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(240,180,41,0.25);
}

.pro-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(240,180,41,0.35);
}

.pro-cta-btn:active {
  transform: translateY(0);
}

.pro-cta-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: rgba(255,255,255,0.15);
  border-radius: 8px 8px 0 0;
  pointer-events: none;
}

.pro-modal-footer {
  font-size: 10px;
  color: var(--dim);
  text-align: center;
  margin-top: 12px;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

@media (max-width: 600px) {
  .pro-box {
    width: 95vw !important;
    padding: 24px 16px 20px;
    border-radius: 12px;
  }
  .plan-grid {
    grid-template-columns: 1fr !important;
  }
  .plan-card.plan-pro .plan-price {
    font-size: 24px;
  }
}
/* ── Sidebar tab solid background ── */
#sidebar-trigger{background:var(--bg2)!important;}
#sidebar-trigger:hover{background:var(--bg3)!important;box-shadow:2px 0 12px rgba(0,245,196,.3)!important;}

/* ── JARVIS STAKE LABEL ── */
.arena-jarvis-stake {
  font-size: 9px;
  color: #7c6af7;
  font-weight: 700;
  text-align: right;
  margin-top: 2px;
  letter-spacing: .02em;
}

/* ── COMMUNITY PRIZE POOL NAV WIDGET ── */
#prize-pool-nav {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  cursor: pointer;
  border: 2px solid #c8880a;
  border-radius: 10px;
  overflow: hidden;
  height: 30px;
  transition: border-color .15s;
}
#prize-pool-nav:hover { border-color: #f5c030; }

.pp-nav-icon {
  width: 30px;
  background: #c8880a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.pp-nav-icon::after {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 45%;
  background: rgba(255,255,255,.22);
  pointer-events: none;
}
.pp-nav-f {
  font-size: 13px;
  font-weight: 900;
  color: #3a1a00;
  position: relative;
  z-index: 1;
  font-family: monospace;
}

.pp-nav-body {
  background: #0c0900;
  padding: 4px 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  min-width: 135px;
}

.pp-nav-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}

.pp-nav-label {
  font-size: 8px;
  color: #8a5818;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  white-space: nowrap;
}

.pp-nav-num {
  font-size: 13px;
  font-weight: 900;
  color: #f5d050;
  font-family: 'Barlow Condensed', monospace;
  letter-spacing: .02em;
  white-space: nowrap;
}

.pp-nav-track {
  width: 100%;
  height: 5px;
  background: #2a1400;
  border-radius: 3px;
  border: 1px solid #4a2800;
  overflow: hidden;
  position: relative;
}

.pp-nav-fill {
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg, #a05a00, #f0b020, #ffe060);
  transition: width 1.2s cubic-bezier(.4,0,.2,1);
  position: relative;
}
.pp-nav-fill::after {
  content: '';
  position: absolute;
  top: 0; left: 3px; right: 3px;
  height: 2px;
  background: rgba(255,255,255,.55);
  border-radius: 1px;
}

/* ── Esports Store (em- prefix) ──────────────────────────────────── */

.em-store-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: opacity 0.3s; backdrop-filter: blur(4px);
}
.em-store-in { opacity: 1; }
.em-store-card {
  background: linear-gradient(180deg, #0d1120 0%, #080b12 100%);
  box-shadow: inset 0 0 0 1px #1e3448, 0 0 80px rgba(0,245,196,0.04), 0 2px 24px rgba(0,0,0,0.6);
  border-radius: 12px; width: 480px; max-width: 92vw; max-height: 80vh;
  position: relative; overflow-y: auto; overflow-x: hidden;
}
.em-store-card::-webkit-scrollbar { width: 4px; }
.em-store-card::-webkit-scrollbar-track { background: transparent; }
.em-store-card::-webkit-scrollbar-thumb { background: #1e3448; border-radius: 2px; }
.em-store-header {
  display: flex; align-items: center; padding: 18px 22px 14px; gap: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.04); position: sticky; top: 0;
  background: #0d1120; z-index: 2;
}
.em-store-title { flex: 1; display: flex; align-items: center; gap: 8px; }
.em-store-bal {
  display: flex; align-items: center; gap: 6px; padding: 6px 14px;
  background: rgba(240,180,41,0.08); border: 1px solid rgba(240,180,41,0.15);
  border-radius: 8px; color: #f0b429; font-family: Inter, sans-serif; font-size: 13px; font-weight: 600;
}
.em-store-close {
  position: absolute; top: 14px; right: 16px; background: none; border: none;
  color: var(--dim); font-size: 22px; cursor: pointer; line-height: 1; z-index: 10;
  transition: color 0.2s;
}
.em-store-close:hover { color: var(--text2); }

/* Tabs */
.em-store-tabs {
  display: flex; gap: 0; padding: 0 22px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.em-tab {
  background: none; border: none; padding: 12px 18px; cursor: pointer;
  font-family: Rajdhani, sans-serif; font-size: 13px; font-weight: 600;
  color: var(--dim); border-bottom: 2px solid transparent; transition: all 0.2s;
  text-transform: uppercase; letter-spacing: 0.5px;
}
.em-tab:hover { color: var(--text); }
.em-tab-active { color: #00f5c4; border-bottom-color: #00f5c4; }
.em-tab-locked { opacity: 0.5; cursor: default; }
.em-tab-locked:hover { color: var(--dim); }

/* Body */
.em-store-body { padding: 16px 22px 22px; }
.em-section-label {
  font-size: 9px; font-weight: 600; letter-spacing: 1.5px; color: #00f5c4;
  text-transform: uppercase; margin-bottom: 12px; font-family: Rajdhani, sans-serif;
}

/* Boost Cards */
.em-boost-cards { display: flex; gap: 12px; margin-bottom: 16px; }
.em-boost-card {
  flex: 1; border-radius: 10px; cursor: pointer; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.3s, border-color 0.3s;
  background: #111826;
}
.em-boost-card:hover { transform: translateY(-3px); }

/* Card visual zone */
.em-boost-vis {
  height: 148px; position: relative; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.em-boost-vis-sel {}
.em-boost-floor {
  position: absolute; bottom: 0; left: 0; right: 0; height: 80px; pointer-events: none;
}
.em-boost-grid {
  position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;
}
.em-boost-num {
  position: relative; z-index: 1; width: 120px; height: 70px; margin-top: -8px;
}
.em-boost-sublabel {
  font-size: 7.5px; letter-spacing: 3.5px; text-transform: uppercase;
  opacity: 0.45; position: relative; z-index: 1; margin-top: -6px;
}
.em-boost-badge {
  position: absolute; top: 8px; right: 8px; padding: 2px 8px;
  font-family: Rajdhani, sans-serif; font-size: 8px; font-weight: 700;
  letter-spacing: 0.8px; text-transform: uppercase; color: #000;
  border-radius: 4px; z-index: 2;
}
.em-boost-check {
  position: absolute; top: 8px; left: 8px; width: 18px; height: 18px;
  border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2;
}
.em-boost-owned {
  position: absolute; bottom: 8px; right: 10px;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-style: italic;
  font-size: 14px; z-index: 2; opacity: 0.7;
}
.em-boost-label {
  padding: 10px 12px 2px; font-family: Inter, sans-serif; font-size: 12px;
  font-weight: 600; color: var(--text2);
}
.em-boost-price {
  padding: 2px 12px 12px; display: flex; align-items: center; gap: 4px;
  font-family: Inter, sans-serif; font-size: 12px; color: var(--dim);
}
.em-boost-dur {
  margin-left: auto; font-size: 10px; color: var(--dim); opacity: 0.6;
}

/* Scanline animation */
.em-boost-scan {
  position: absolute; left: 0; right: 0; height: 30px;
  animation: em-scan 3s linear infinite; z-index: 1; pointer-events: none;
}
@keyframes em-scan { 0% { top: -30px; } 100% { top: 148px; } }

/* Corner brackets */
.em-boost-bracket {
  position: absolute; width: 14px; height: 14px;
  border: 1px solid; z-index: 2; pointer-events: none;
}
.em-br-tl { top: 4px; left: 4px; border-right: none; border-bottom: none; }
.em-br-br { bottom: 4px; right: 4px; border-left: none; border-top: none; }

/* Detail panel */
.em-detail {
  background: #0a0f1a; border-radius: 10px; padding: 16px; margin-bottom: 20px;
  box-shadow: inset 0 0 0 1px #1e3448; transition: border-color 0.3s;
}
.em-detail-head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px; }
.em-detail-icon {
  width: 40px; height: 40px; border-radius: 8px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.em-detail-info { flex: 1; }
.em-detail-name {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-style: italic;
  font-size: 16px; letter-spacing: 2px; color: var(--text2); margin-bottom: 4px;
}
.em-detail-desc { font-size: 11px; color: #6a90a8; line-height: 1.5; margin-bottom: 6px; }
.em-detail-note { font-size: 10px; color: #6a90a8; opacity: 0.7; }
.em-detail-note strong { color: var(--text); }

/* Stats row */
.em-detail-stats {
  display: flex; gap: 0; margin-bottom: 14px; border-radius: 8px;
  background: rgba(0,0,0,0.2); overflow: hidden;
}
.em-stat {
  flex: 1; padding: 10px 12px; text-align: center;
  border-right: 1px solid rgba(255,255,255,0.04);
}
.em-stat:last-child { border-right: none; }
.em-stat-val {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-style: italic;
  font-size: 18px; color: var(--text2); letter-spacing: 1px;
}
.em-stat-lbl {
  font-size: 8px; font-weight: 400; letter-spacing: 0.5px; color: #6a90a8;
  text-transform: uppercase; margin-top: 2px;
}
.em-stat-dim { font-size: 13px; color: #6a90a8; font-weight: 400; }

/* Footer */
.em-detail-footer {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.em-detail-cost { display: flex; flex-direction: column; gap: 4px; }
.em-cost-total { display: flex; align-items: center; gap: 6px; }
.em-detail-actions { display: flex; align-items: center; gap: 10px; }
.em-qty-stepper {
  display: flex; align-items: center; box-shadow: inset 0 0 0 1px #1e3448;
  border-radius: 6px; overflow: hidden;
}
.em-qty-btn {
  background: none; border: none; color: var(--text); cursor: pointer;
  width: 30px; height: 32px; font-size: 14px; font-family: Inter, sans-serif;
  transition: background 0.15s;
}
.em-qty-btn:hover { background: rgba(255,255,255,0.05); }
.em-qty-val {
  width: 28px; text-align: center; font-family: 'Barlow Condensed', sans-serif;
  font-weight: 900; font-style: italic; font-size: 16px; color: var(--text2);
}
.em-buy-btn {
  background: #00f5c4; color: #000; border: none; border-radius: 8px;
  padding: 8px 20px; font-family: Rajdhani, sans-serif; font-weight: 700;
  font-size: 12px; letter-spacing: 0.8px; text-transform: uppercase;
  cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 6px;
  white-space: nowrap;
}
.em-buy-btn:hover { background: #00ddb3; transform: translateY(-1px); }
.em-buy-btn:disabled {
  background: #1e3448; color: #6a90a8; cursor: not-allowed; transform: none;
}

/* Inventory */
.em-inventory { display: flex; flex-direction: column; gap: 8px; }
.em-inv-row {
  display: flex; align-items: center; gap: 12px; padding: 12px;
  background: #0a0f1a; border-radius: 8px; box-shadow: inset 0 0 0 1px #1e3448;
}
.em-inv-icon {
  width: 38px; height: 38px; border-radius: 8px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.em-inv-info { flex: 1; }
.em-inv-name { font-size: 13px; font-weight: 600; color: var(--text2); font-family: Inter, sans-serif; }
.em-inv-sub { font-size: 10px; color: #6a90a8; margin-top: 2px; }
.em-inv-count { text-align: right; margin-right: 8px; }
.em-inv-max { font-size: 11px; color: #6a90a8; }
.em-inv-empty {
  text-align: center; padding: 24px; color: #6a90a8;
  font-size: 12px; font-family: Inter, sans-serif;
}
.em-inv-active {
  display: flex; align-items: center; gap: 6px; padding: 6px 14px;
  background: rgba(0,245,196,0.1); border-radius: 6px;
  color: #00f5c4; font-family: Rajdhani, sans-serif; font-size: 11px;
  font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
}
.em-pulse {
  width: 6px; height: 6px; border-radius: 50%; background: #00f5c4;
  animation: em-pulse-anim 1.5s ease-in-out infinite;
}
@keyframes em-pulse-anim { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }
.em-activate-btn {
  background: none; border: none; padding: 6px 14px; border-radius: 6px;
  font-family: Rajdhani, sans-serif; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: all 0.2s;
}
.em-activate-btn:hover { background: rgba(255,255,255,0.04); }
.em-activate-btn:disabled {
  color: #3a4a5a !important; box-shadow: inset 0 0 0 1px #1e3448 !important;
  cursor: not-allowed;
}

/* Coming soon tab */
.em-coming-soon {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; padding: 60px 20px; text-align: center;
}
.em-cs-icon { font-size: 40px; margin-bottom: 16px; }
.em-cs-title {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 900; font-style: italic;
  font-size: 20px; letter-spacing: 2px; color: var(--text2); margin-bottom: 8px;
}
.em-cs-sub { font-size: 12px; color: #6a90a8; max-width: 300px; line-height: 1.6; }

/* ── Cosmetics Tab ──────────────────────────────────────────────── */
.cosm-subtabs { display:flex; gap:6px; padding:0 0 14px; flex-wrap:wrap; }
.cosm-pill {
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08);
  border-radius:16px; padding:6px 14px; color:#ADADB8; font-family:Inter,sans-serif;
  font-size:11px; font-weight:600; cursor:pointer; transition:all 0.2s;
}
.cosm-pill:hover { background:rgba(255,255,255,0.08); color:#EFEFF1; }
.cosm-pill-active { background:rgba(0,212,184,0.12); border-color:rgba(0,212,184,0.3); color:#00D4B8; }

/* Name FX Layout */
.cosm-namefx-layout { display:flex; gap:16px; min-height:360px; }
.cosm-namefx-left { flex:1; min-width:0; display:flex; flex-direction:column; }
.cosm-fx-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; flex:1; }
.cosm-fx-card {
  border-radius:10px; border:1px solid #22222C; cursor:pointer; position:relative;
  overflow:hidden; transition:all 0.2s; display:flex; flex-direction:column;
}
.cosm-fx-card:hover { border-color:#3D3D47; }
.cosm-fx-card-sel { border-color:#00D4B8 !important; box-shadow:0 0 0 1px rgba(0,212,184,0.3); }
.cosm-fx-art { height:80px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.cosm-fx-canvas { width:100%; height:100%; }
.cosm-fx-tag {
  position:absolute; top:6px; right:6px; padding:2px 6px; border-radius:3px;
  font-size:8px; font-weight:700; color:#fff; letter-spacing:0.5px; text-transform:uppercase;
}
.cosm-fx-type {
  font-size:8px; color:#3D3D47; text-align:center; text-transform:uppercase;
  letter-spacing:1px; padding:4px 0 2px;
}
.cosm-fx-info {
  display:flex; justify-content:space-between; align-items:center;
  padding:4px 10px 8px; font-size:10px;
}
.cosm-fx-name { color:#EFEFF1; font-weight:700; font-family:'Barlow Condensed',sans-serif; }
.cosm-fx-price { color:#FFD700; font-weight:600; display:flex; align-items:center; gap:3px; }
.cosm-fx-owned { color:#00D4B8; font-weight:600; font-size:9px; }

/* Pagination */
.cosm-pagination {
  display:flex; align-items:center; justify-content:center; gap:10px; padding:10px 0 4px;
}
.cosm-page-btn {
  background:none; border:1px solid #22222C; border-radius:4px; padding:4px 10px;
  color:#ADADB8; font-size:10px; font-weight:600; cursor:pointer; transition:all 0.2s;
}
.cosm-page-btn:hover:not(:disabled) { border-color:#00D4B8; color:#00D4B8; }
.cosm-page-btn:disabled { opacity:0.3; cursor:default; }
.cosm-page-dots { display:flex; gap:5px; }
.cosm-dot { width:6px; height:6px; border-radius:50%; background:#22222C; cursor:pointer; transition:all 0.2s; }
.cosm-dot-active { background:#00D4B8; }
.cosm-page-count { font-size:9px; color:#525259; font-weight:600; letter-spacing:0.5px; }

/* Detail Panel */
.cosm-detail-panel {
  width:240px; flex-shrink:0; background:#0C0C12; border:1px solid #1E1E26;
  border-radius:10px; padding:16px; display:flex; flex-direction:column; gap:10px;
}
.cosm-detail-compact { width:100%; margin-top:12px; padding:12px 16px; }
.cosm-detail-icon { display:flex; justify-content:center; }
.cosm-detail-canvas { width:44px; height:44px; border-radius:4px; }
.cosm-detail-name {
  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:15px;
  letter-spacing:1.5px; color:#EFEFF1; text-align:center;
}
.cosm-detail-desc { font-size:10px; color:#525259; line-height:1.5; text-align:center; }
.cosm-detail-note { font-size:9px; color:#3D3D47; text-align:center; font-style:italic; }
.cosm-stat-grid { display:flex; gap:8px; }
.cosm-stat {
  flex:1; background:#080810; border-radius:6px; padding:8px 6px; text-align:center;
  border:1px solid #1A1A22;
}
.cosm-stat-val { font-size:11px; font-weight:700; color:#EFEFF1; margin-bottom:2px; }
.cosm-stat-label { font-size:7px; color:#3D3D47; text-transform:uppercase; letter-spacing:0.8px; }

/* Chat Preview */
.cosm-chat-preview {
  background:#0A0A0C; border:1px solid #1E1E26; border-radius:6px; padding:8px 10px;
}
.cosm-chat-row { display:flex; align-items:center; gap:5px; padding:3px 0; font-size:10px; }
.cosm-chat-sep { height:1px; background:#1E1E26; margin:2px 0; }
.cosm-chat-time { color:#3D3D47; font-size:8px; font-family:monospace; }
.cosm-chat-chip {
  width:14px; height:14px; border-radius:50%; font-size:6px; font-weight:800;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.cosm-chip-fg { background:#160A00; color:#FFD700; border:1px solid #C89000; }
.cosm-chip-an { background:#041C1A; color:#00D4B8; border:1px solid #00D4B8; }
.cosm-chip-or { background:#0A0420; color:#A080FF; border:1px solid #9147FF; }
.cosm-chat-user { font-weight:700; font-family:Rajdhani,sans-serif; font-size:10px; }
.cosm-chat-text { color:#DADADA; font-size:10px; }
.cosm-preview-canvas { height:14px; width:55px; }

/* Action Buttons */
.cosm-detail-footer { display:flex; flex-direction:column; gap:6px; align-items:center; margin-top:auto; }
.cosm-purchase-label { font-size:9px; color:#3D3D47; text-transform:uppercase; letter-spacing:0.5px; }
.cosm-equipped-label { font-size:11px; color:#00D4B8; font-weight:700; }
.cosm-btn {
  width:100%; padding:8px 16px; border-radius:6px; border:none; cursor:pointer;
  font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:12px;
  letter-spacing:1px; text-transform:uppercase; transition:all 0.2s;
}
.cosm-btn-buy { background:linear-gradient(135deg,#00D4B8,#00A894); color:#0A0A0C; }
.cosm-btn-buy:hover { box-shadow:0 0 20px rgba(0,212,184,0.3); }
.cosm-btn-equip { background:rgba(0,212,184,0.15); border:1px solid rgba(0,212,184,0.3); color:#00D4B8; }
.cosm-btn-equip:hover { background:rgba(0,212,184,0.25); }
.cosm-btn-unequip { background:rgba(255,255,255,0.05); border:1px solid #22222C; color:#525259; }

/* Username Colors Grid */
.cosm-colors-layout { display:flex; flex-direction:column; gap:12px; }
.cosm-colors-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.cosm-color-card {
  background:#0C0C12; border:1px solid #22222C; border-radius:10px; padding:12px;
  cursor:pointer; transition:all 0.2s; position:relative; text-align:center;
}
.cosm-color-card:hover { border-color:#3D3D47; }
.cosm-color-card-sel { border-color:#00D4B8 !important; box-shadow:0 0 0 1px rgba(0,212,184,0.3); }
.cosm-color-preview {
  height:50px; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,0.3); border-radius:6px; margin-bottom:8px;
}
.cosm-color-text { font-family:Rajdhani,sans-serif; font-weight:800; font-size:16px; }
.cosm-owned-check {
  position:absolute; top:6px; left:6px; width:16px; height:16px; border-radius:50%;
  background:#00D4B8; color:#0A0A0C; font-size:9px; font-weight:900;
  display:flex; align-items:center; justify-content:center;
}
.cosm-color-name { font-size:10px; font-weight:700; color:#ADADB8; margin-bottom:2px; }
.cosm-color-price { font-size:9px; color:#FFD700; display:flex; align-items:center; justify-content:center; gap:3px; }

/* Message Styles */
.cosm-msg-layout { display:flex; flex-direction:column; gap:12px; }
.cosm-msg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.cosm-msg-card {
  background:#0C0C12; border:1px solid #22222C; border-radius:10px;
  cursor:pointer; transition:all 0.2s; position:relative; overflow:hidden;
}
.cosm-msg-card:hover { border-color:#3D3D47; }
.cosm-msg-card-sel { border-color:#00D4B8 !important; box-shadow:0 0 0 1px rgba(0,212,184,0.3); }
.cosm-msg-preview { padding:10px; display:flex; flex-direction:column; gap:4px; }
.cosm-msg-sample { padding:3px 6px; border-radius:0 3px 3px 0; font-size:10px; }
.cosm-msg-name { font-size:10px; font-weight:700; color:#ADADB8; text-align:center; padding:4px; }
.cosm-msg-price { font-size:9px; color:#FFD700; text-align:center; padding-bottom:8px; display:flex; align-items:center; justify-content:center; gap:3px; }

/* Message style classes — applied to .emc-msg-row / .em-msg */

/* Message style classes — applied to .emc-msg-row / .em-msg */

/* Teal Glow */
.mb-teal {
  background: rgba(0, 212, 184, 0.2) !important;
  border-left: 4px solid #00D4B8 !important;
  border-radius: 0;
  box-shadow: inset 0 0 20px rgba(0, 212, 184, 0.15), 0 0 6px rgba(0, 212, 184, 0.1);
}
.mb-teal .emc-msg-user,
.mb-teal .em-msg-name { color: #00D4B8 !important; }

/* Purple Aura */
.mb-purple {
  background: rgba(145, 71, 255, 0.2) !important;
  border-left: 4px solid #9147FF !important;
  border-radius: 0;
  box-shadow: inset 0 0 20px rgba(145, 71, 255, 0.15), 0 0 6px rgba(145, 71, 255, 0.1);
}
.mb-purple .emc-msg-user,
.mb-purple .em-msg-name { color: #9147FF !important; }

/* Gold Trim */
.mb-gold {
  background: rgba(255, 215, 0, 0.15) !important;
  border-left: 4px solid #FFD700 !important;
  border-radius: 0;
  box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.1), 0 0 6px rgba(255, 215, 0, 0.08);
}
.mb-gold .emc-msg-user,
.mb-gold .em-msg-name { color: #FFD700 !important; }

/* Flame Border */
.mb-flame {
  background: rgba(255, 96, 0, 0.2) !important;
  border-left: 4px solid #FF6000 !important;
  border-radius: 0;
  box-shadow: inset 0 0 20px rgba(255, 96, 0, 0.15), 0 0 6px rgba(255, 96, 0, 0.1);
  animation: mb-flame-border 1.5s ease-in-out infinite;
}
.mb-flame .emc-msg-user,
.mb-flame .em-msg-name { color: #FF6000 !important; }
@keyframes mb-flame-border {
  0%, 100% { border-left-color: #FF6000; }
  50% { border-left-color: #FFD700; }
}

/* Aurora (premium) */
.mb-aurora {
  border-left: 4px solid #00D4B8 !important;
  border-radius: 0;
  animation: mb-aurora-bg 3s ease infinite;
  box-shadow: inset 0 0 20px rgba(0, 212, 184, 0.12), 0 0 6px rgba(145, 71, 255, 0.08);
}
.mb-aurora .emc-msg-user,
.mb-aurora .em-msg-name { animation: mb-aurora-name 3s ease infinite !important; }
@keyframes mb-aurora-bg {
  0%, 100% { background: rgba(0, 212, 184, 0.15); border-left-color: #00D4B8; box-shadow: inset 0 0 20px rgba(0, 212, 184, 0.12), 0 0 6px rgba(0, 212, 184, 0.1); }
  50% { background: rgba(145, 71, 255, 0.15); border-left-color: #9147FF; box-shadow: inset 0 0 20px rgba(145, 71, 255, 0.12), 0 0 6px rgba(145, 71, 255, 0.1); }
}
@keyframes mb-aurora-name {
  0%, 100% { color: #00D4B8; }
  50% { color: #9147FF; }
}

@media (prefers-reduced-motion: reduce) {
  .mb-flame, .mb-aurora, .mb-aurora .emc-msg-user, .mb-aurora .em-msg-name {
    animation: none !important;
  }
}

/* Entry Effects */
.cosm-entry-layout { display:flex; flex-direction:column; gap:12px; }
.cosm-entry-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.cosm-entry-card {
  background:#0C0C12; border:1px solid #22222C; border-radius:10px;
  cursor:pointer; transition:all 0.2s; position:relative; overflow:hidden;
}
.cosm-entry-card:hover { border-color:#3D3D47; }
.cosm-entry-card-sel { border-color:#00D4B8 !important; box-shadow:0 0 0 1px rgba(0,212,184,0.3); }
.cosm-entry-preview {
  height:80px; position:relative; display:flex; align-items:flex-end;
  justify-content:center; padding-bottom:10px; background:rgba(0,0,0,0.3);
}
.cosm-entry-label { font-size:9px; color:#3D3D47; font-style:italic; }
.cosm-entry-name { font-size:10px; font-weight:700; color:#ADADB8; text-align:center; padding:6px; }
.cosm-entry-price { font-size:9px; color:#FFD700; text-align:center; padding-bottom:8px; display:flex; align-items:center; justify-content:center; gap:3px; }

/* Particles */
@keyframes float-up {
  0% { opacity:1; transform:translateY(0) scale(1); }
  100% { opacity:0; transform:translateY(-40px) scale(0); }
}
.cosm-particle {
  position:absolute; border-radius:50%;
  animation:float-up 1.2s ease-out infinite;
}

/* Toast */
.em-toast {
  position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(20px);
  padding: 10px 24px; border-radius: 8px; font-family: Inter, sans-serif;
  font-size: 13px; font-weight: 600; z-index: 10001;
  opacity: 0; transition: all 0.3s; pointer-events: none;
}
.em-toast-in { opacity: 1; transform: translateX(-50%) translateY(0); }
.em-toast-success { background: rgba(0,245,196,0.15); color: #00f5c4; box-shadow: 0 4px 20px rgba(0,0,0,0.4); }
.em-toast-error { background: rgba(255,78,106,0.15); color: #ff4e6a; box-shadow: 0 4px 20px rgba(0,0,0,0.4); }

/* Stream Boost Widget */
.em-bw-pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px; border-radius: 4px;
  font-family: Rajdhani, sans-serif; font-size: 10px; font-weight: 700;
  letter-spacing: 0.5px; text-transform: uppercase; white-space: nowrap;
}
.em-bw-btn {
  background: rgba(0,245,196,0.08); border: 1px solid rgba(0,245,196,0.25);
  color: #00f5c4; cursor: pointer; transition: all 0.15s;
}
.em-bw-btn:hover { background: rgba(0,245,196,0.15); }
.em-bw-active {
  background: transparent; border: 1px solid;
  font-size: 10px; cursor: default;
}
.em-bw-dropdown {
  position: fixed; z-index: 10000;
  background: #0d1120; border: 1px solid #1e3448; border-radius: 10px;
  padding: 10px; min-width: 240px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6), 0 0 0 1px rgba(0,245,196,0.08);
}
.em-bw-title {
  font-size: 8px; font-weight: 600; letter-spacing: 1.5px; color: #6a90a8;
  text-transform: uppercase; margin-bottom: 8px; font-family: Rajdhani, sans-serif;
}
.em-bw-item {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 8px; border-radius: 6px; background: rgba(0,0,0,0.2);
  border: 1px solid rgba(255,255,255,0.04); cursor: pointer;
  margin-bottom: 6px; transition: all 0.15s;
}
.em-bw-item:last-child { margin-bottom: 0; }
.em-bw-item:hover { background: rgba(255,255,255,0.04); }
.em-bw-mult {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 900;
  font-style: italic; font-size: 18px; min-width: 28px;
}
.em-bw-info {
  flex: 1; font-size: 11px; font-weight: 600; color: var(--text2);
  font-family: Inter, sans-serif; line-height: 1.3; text-align: left;
}
.em-bw-sub { font-size: 9px; color: #6a90a8; font-weight: 400; }
.em-bw-go {
  padding: 4px 10px; border-radius: 4px; color: #000;
  font-family: Rajdhani, sans-serif; font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.5px;
}
.em-bw-empty {
  text-align: center; padding: 12px; color: #6a90a8;
  font-size: 11px; font-family: Inter, sans-serif;
}

/* Light theme */
[data-theme="light"] .em-store-overlay { background: rgba(255,255,255,0.88); }
[data-theme="light"] .em-store-card { background: linear-gradient(180deg, #fefefe 0%, #f8f9fa 100%); box-shadow: inset 0 0 0 1px #d0d8e0, 0 2px 24px rgba(0,0,0,0.1); }
[data-theme="light"] .em-store-header { background: #fefefe; }
[data-theme="light"] .em-detail { background: #f2f4f6; box-shadow: inset 0 0 0 1px #d0d8e0; }
[data-theme="light"] .em-inv-row { background: #f2f4f6; box-shadow: inset 0 0 0 1px #d0d8e0; }
[data-theme="light"] .em-boost-card { background: #f2f4f6; }

/* Mobile */
@media (max-width: 600px) {
  .em-boost-cards { flex-direction: column; }
  .em-boost-vis { height: 100px; }
  .em-detail-stats { flex-wrap: wrap; }
  .em-stat { min-width: 45%; }
  .em-detail-footer { flex-direction: column; align-items: stretch; }
  .em-detail-actions { justify-content: space-between; }
}

/* ── Old badge system removed — see css/badges-v2.css ────────────── */

/* ── Crossfire Banner ─────────────────────────────────────────────── */
.crossfire-banner{margin:4px 14px;background:#170E2A;border:1px solid #32145A;border-radius:5px;padding:5px 10px;display:flex;align-items:center;gap:7px;}
.crossfire-dot{width:5px;height:5px;border-radius:50%;background:#9147FF;flex-shrink:0;animation:crossfirePulse 1.8s infinite;}
@keyframes crossfirePulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.crossfire-text{font-family:'Inter',sans-serif;font-size:11px;color:#9060DF;font-weight:500;}

/* ── Clickable username for badge case ────────────────────────────── */
.em-msg-name[data-uid]{cursor:pointer;transition:opacity 0.15s;}
.em-msg-name[data-uid]:hover{opacity:0.7;}

/* View My Badge Case button in modal */
.badge-modal-view-case{display:block;width:100%;margin-top:14px;padding:9px 0;background:rgba(145,71,255,0.08);border:1px solid rgba(145,71,255,0.25);border-radius:6px;color:#9147FF;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:background 0.15s,border-color 0.15s;}
.badge-modal-view-case:hover{background:rgba(145,71,255,0.14);border-color:rgba(145,71,255,0.4);}

/* Dropdown BETA pill */
.dd-beta-pill{background:#9147FF;color:#fff;font-family:'Inter',sans-serif;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;margin-left:auto;letter-spacing:0.5px;}

/* Responsive */
@media (max-width:520px){
  #badge-modal{width:100%;max-width:100vw;max-height:100vh;border-radius:0;}
  .badge-modal-card{flex-wrap:wrap;}
  .badge-card-unlock{width:100%;align-items:flex-start;margin-left:0;margin-top:8px;}
  .badge-card-requirements{max-width:100%;}
  #badge-case-modal{width:100%;max-width:100vw;border-radius:0;}
  .badge-case-grid{grid-template-columns:repeat(3,1fr);gap:6px;}
}

/* ── Lighthouse SEO/Accessibility Fixes ─────────────────────────── */
/* Optimize PandaScore team logo images — limit decode size */
img[src*="pandascore"] { content-visibility:auto; image-rendering:optimizeSpeed; }
/* Global minimum font size — Lighthouse requires 60%+ of text >= 12px */
body, body * { font-size-adjust: none; }
#app { font-size: 12px; }
/* Force 12px minimum on all common text containers */
.panel, .panel *, .pb, .pb *, .ph, .ph *,
#grid, #grid *, #game-bar, #game-bar *,
.match-row, .match-row *,
.em-msg, .em-msg *,
.hdr-dd, .hdr-dd *,
.bt-row, .bt-row *,
#gcol-1, #gcol-1 * { min-font-size: 12px; }
/* Explicit overrides for elements known to be < 12px */
[style*="font-size:8px"],
[style*="font-size:9px"],
[style*="font-size:10px"],
[style*="font-size:11px"] { font-size: 12px !important; }
/* Match sidebar text */
.mr-teams,.mr-score,.mr-meta,.mr-time,.mr-league,.mr-t1,.mr-t2 { font-size:12px !important; }
.match-row span, .match-row div, .match-row a { font-size:12px !important; }
/* Panel headers */
.pt, .ph span, .ph div, .ph button { font-size:12px !important; }
/* Game bar tabs */
.gtab { font-size:12px !important; min-height:36px; padding:6px 10px !important; }
/* Chat */
.em-msg-time,.em-msg-text,.em-msg-name,.em-msg-name-colon,.em-msg-badge,.em-msg-report { font-size:12px !important; }
/* Arena/Picks */
.bt-ftab { font-size:12px !important; min-height:40px; padding:8px 14px !important; }
.bt-add-btn { min-height:40px; }
.cb, .spin { font-size:12px !important; }
/* Dropdown items */
.hdr-dd-item { min-height:44px; font-size:12px !important; }
/* Search */
#hdr-search { min-height:40px; padding:8px 12px !important; font-size:13px !important; }
/* Leaderboard / stats */
.lb-tab, .lb-row, .lb-row * { font-size:12px !important; }
/* Generic small text in panels */
.intel-row, .intel-row *, .buzz-item, .buzz-item * { font-size:12px !important; }
/* Tap targets: minimum interactive element sizes */
button, a, input, select, textarea, [role="button"] { min-height:36px; }
.auth-close-btn, .em-store-close, [class*="close"] { min-width:36px; min-height:36px; }