/* Dota IQ V2 visual layer for the existing analyser engine. */
:root {
  --bg:#080a0f !important; --s1:#10151d !important; --s2:#171d28 !important; --s3:#202837 !important;
  --border:rgba(255,255,255,.085) !important; --border2:rgba(255,255,255,.14) !important;
  --gold:#ff9f2f !important; --golddim:rgba(255,159,47,.11) !important; --orange:#e6652a !important;
  --text:#f6f3ea !important; --muted:#7f8795 !important; --green:#5bd48c !important; --red:#ff6d76 !important;
}
html{color-scheme:dark;background:#080a0f}
body{background:radial-gradient(circle at 12% -10%,rgba(255,159,47,.12),transparent 30%),radial-gradient(circle at 92% 8%,rgba(78,215,223,.07),transparent 26%),#080a0f !important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 78%)}

#screen-upload,#screen-dash{min-height:100vh;background:transparent!important}
.top-bar{position:sticky!important;top:0!important;z-index:90!important;min-height:72px!important;height:auto!important;padding:10px clamp(14px,3vw,34px)!important;background:rgba(8,10,15,.84)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(18px)!important;display:flex!important;align-items:center!important;gap:18px!important}
.top-logo,.upload-brand{font-family:Inter,ui-sans-serif,system-ui!important;font-size:15px!important;font-weight:900!important;letter-spacing:.14em!important;color:var(--text)!important;min-width:max-content}
.upload-brand-mark{width:42px!important;height:42px!important;border-radius:0!important;clip-path:polygon(25% 4%,75% 4%,96% 25%,96% 75%,75% 96%,25% 96%,4% 75%,4% 25%)!important;background:linear-gradient(145deg,rgba(255,159,47,.25),rgba(230,101,42,.09))!important;border:1px solid rgba(255,159,47,.48)!important;color:var(--gold)!important;box-shadow:inset 0 0 22px rgba(255,159,47,.11),0 0 32px rgba(255,159,47,.08)!important}
.upload-brand-title{font-family:Inter,ui-sans-serif,system-ui!important;font-size:15px!important;letter-spacing:.18em!important;color:var(--text)!important}.upload-brand-sub{font-family:Inter,ui-sans-serif,system-ui!important;font-size:10px!important;letter-spacing:.18em!important;color:var(--muted)!important}
.top-meta{margin-left:auto!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}.top-meta span{border:1px solid var(--border)!important;background:rgba(255,255,255,.035)!important;border-radius:999px!important;padding:7px 10px!important;font-size:11px!important;color:var(--muted)!important}
.top-badge{border-radius:999px!important;padding:7px 11px!important;border:1px solid var(--border)!important;background:rgba(255,255,255,.035)!important;font-size:11px!important;letter-spacing:.05em!important}
.site-nav{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important;flex-wrap:wrap!important}.site-nav .btn{clip-path:none!important;border:0!important;border-radius:10px!important;background:transparent!important;min-width:auto!important;height:40px!important;padding:0 12px!important;font-family:Inter,ui-sans-serif,system-ui!important;font-size:12px!important;font-weight:750!important;letter-spacing:0!important;color:#c3c7ce!important}.site-nav .btn:hover,.site-nav .btn.active{background:rgba(255,255,255,.055)!important;color:var(--text)!important;transform:none!important}.site-nav .btn.danger{color:#ffadb3!important}

.upload-main{min-height:calc(100vh - 72px)!important;padding:clamp(54px,8vw,110px) 18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
.wordmark{font-family:Inter,ui-sans-serif,system-ui!important;font-size:clamp(40px,8vw,76px)!important;letter-spacing:-.055em!important;font-weight:950!important;color:var(--text)!important;line-height:1!important}
.tagline{margin-top:10px!important;color:var(--muted)!important;font-family:Inter,ui-sans-serif,system-ui!important;letter-spacing:.14em!important;font-size:11px!important;text-transform:uppercase!important}
.upload-card{width:min(720px,100%)!important;margin-top:30px!important;padding:14px!important;border-radius:22px!important;clip-path:none!important;background:linear-gradient(180deg,rgba(22,27,37,.93),rgba(14,18,25,.95))!important;border:1px solid var(--border)!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important}
.drop-zone{min-height:290px!important;border:1px dashed rgba(255,159,47,.38)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,159,47,.055),rgba(255,255,255,.018))!important;display:grid!important;place-content:center!important;text-align:center!important;padding:34px!important;transition:.18s ease!important}.drop-zone:hover,.drop-zone.over{border-color:rgba(255,159,47,.75)!important;background:rgba(255,159,47,.09)!important;transform:translateY(-1px)}
.drop-icon{font-size:36px!important;margin-bottom:16px!important;filter:grayscale(1) sepia(1) saturate(4)!important}.drop-title{font-family:Inter,ui-sans-serif,system-ui!important;font-weight:900!important;font-size:20px!important;letter-spacing:-.02em!important}.drop-sub{margin-top:8px!important;color:var(--muted)!important;font-size:13px!important}
#upload-status{padding:16px 8px 4px!important;color:var(--muted)!important;line-height:1.55!important}.check-btn{border:1px solid rgba(255,159,47,.42)!important;background:linear-gradient(135deg,var(--gold),var(--orange))!important;color:#100b06!important;border-radius:12px!important;padding:12px 16px!important;font-weight:850!important}

#screen-loading{background:rgba(8,10,15,.98)!important;backdrop-filter:blur(16px)!important}.spin{border-color:rgba(255,255,255,.08)!important;border-top-color:var(--gold)!important;box-shadow:0 0 35px rgba(255,159,47,.12)!important}.load-progress-wrap{width:min(560px,calc(100% - 36px))!important}.load-stage{font-family:Inter,ui-sans-serif,system-ui!important;font-weight:850!important;letter-spacing:0!important;color:var(--text)!important}.load-progress-track{height:10px!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;overflow:hidden!important}.load-progress-bar{border-radius:999px!important;background:linear-gradient(90deg,var(--orange),var(--gold))!important;box-shadow:0 0 24px rgba(255,159,47,.3)!important}

.score-banner{max-width:1240px!important;margin:26px auto 0!important;border:1px solid var(--border)!important;border-radius:20px!important;clip-path:none!important;background:linear-gradient(180deg,rgba(22,27,37,.9),rgba(14,18,25,.94))!important;box-shadow:0 20px 60px rgba(0,0,0,.3)!important;padding:24px!important}.score-num{font-family:Inter,ui-sans-serif,system-ui!important;font-weight:950!important;letter-spacing:-.06em!important}.score-team-name{font-family:Inter,ui-sans-serif,system-ui!important;font-weight:850!important;letter-spacing:.08em!important}.score-divider{border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;padding:0 24px!important}
.match-summary{max-width:1240px!important;margin:14px auto!important;border:1px solid var(--border)!important;border-radius:16px!important;clip-path:none!important;background:rgba(255,255,255,.022)!important;box-shadow:none!important}
.scoreboard-wrap{max-width:1240px!important;margin:0 auto!important;padding:0!important;gap:14px!important}.team-col{border:1px solid var(--border)!important;border-radius:18px!important;clip-path:none!important;background:rgba(14,18,25,.82)!important;overflow:hidden!important}.col-header{padding:15px 16px!important;border-bottom:1px solid var(--border)!important;background:rgba(255,255,255,.025)!important}.p-row{margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;border-radius:0!important;background:transparent!important;clip-path:none!important;padding:13px 14px!important;transition:background .16s ease!important}.p-row:last-child{border-bottom:0!important}.p-row:hover{background:rgba(255,255,255,.035)!important}.p-row.active{background:linear-gradient(90deg,rgba(255,159,47,.13),rgba(255,159,47,.035))!important;box-shadow:inset 3px 0 var(--gold)!important}.hero-icon,.p-hero-img{border-radius:10px!important}

#detail-panel{margin-top:24px!important;border-top:1px solid var(--border)!important;background:linear-gradient(180deg,rgba(10,13,19,.96),#080a0f)!important}.detail-inner{max-width:1240px!important;padding:24px 0 80px!important}.d-tabs{position:sticky!important;top:72px!important;z-index:55!important;padding:8px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:rgba(14,18,25,.92)!important;backdrop-filter:blur(16px)!important;display:flex!important;gap:4px!important;overflow:auto!important}.d-tab{border:0!important;border-radius:9px!important;padding:11px 13px!important;font-family:Inter,ui-sans-serif,system-ui!important;font-size:11px!important;font-weight:850!important;letter-spacing:.04em!important;color:var(--muted)!important;white-space:nowrap!important}.d-tab.on{border-bottom-color:transparent!important;background:rgba(255,159,47,.12)!important;color:#ffc98c!important}.d-subtabs{margin:10px 0 0!important;border:0!important;gap:6px!important}.d-subtab{border:1px solid var(--border)!important;border-radius:9px!important;background:rgba(255,255,255,.025)!important;padding:9px 11px!important}.d-subtab.on{border-color:rgba(255,159,47,.35)!important;background:rgba(255,159,47,.09)!important;color:#ffc98c!important}
.tc{padding-top:18px!important}.sec{margin-bottom:16px!important}.sec-title{font-family:Inter,ui-sans-serif,system-ui!important;font-weight:900!important;letter-spacing:.07em!important;font-size:11px!important;color:var(--gold)!important}.sec-card,.stat-card,.analysis-card,.coach-card{border:1px solid var(--border)!important;border-radius:16px!important;clip-path:none!important;background:linear-gradient(180deg,rgba(22,27,37,.84),rgba(14,18,25,.88))!important;box-shadow:none!important}.metric,.stat-box{border-radius:12px!important;border:1px solid var(--border)!important;background:rgba(255,255,255,.025)!important}
.btn-main,.premium-cta,.ai-generate-btn{clip-path:none!important;border-radius:12px!important;border:1px solid rgba(255,159,47,.45)!important;background:linear-gradient(135deg,var(--gold),var(--orange))!important;color:#100b06!important;font-family:Inter,ui-sans-serif,system-ui!important;font-weight:850!important;letter-spacing:0!important}

@media(max-width:900px){.top-bar{align-items:flex-start!important;flex-wrap:wrap!important}.top-meta{order:3;width:100%;margin-left:0!important}.site-nav{width:100%!important;order:4;margin-left:0!important;overflow:auto!important;flex-wrap:nowrap!important}.site-nav .btn{flex:0 0 auto!important}.scoreboard-wrap{grid-template-columns:1fr!important;padding:0 12px!important}.score-banner,.match-summary{margin-left:12px!important;margin-right:12px!important}.detail-inner{padding-left:12px!important;padding-right:12px!important}.d-tabs{top:130px!important}}
@media(max-width:560px){.upload-main{padding-top:48px!important}.upload-card{border-radius:17px!important}.drop-zone{min-height:240px!important;padding:22px!important}.score-banner{padding:18px 12px!important}.score-num{font-size:42px!important}.score-divider{padding:0 10px!important}.top-logo.upload-brand{width:100%!important}.d-tabs{top:177px!important}.detail-inner{padding-bottom:50px!important}}