@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-void:#090c10;--surface:#11171d;--surface-raised:#1a252e;--arcane-blue:#3d7fbe;--radiant-ember:#c9573d;--gold:#b89455;--text-main:#eee7db;--text-muted:#aab2b9;--success:#65ac67;--danger:#bd514b}*{box-sizing:border-box}body{background:var(--bg-void);color:var(--text-main);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.app-shell,.login-shell{background:radial-gradient(circle at 85% 5%,#172c3e 0,#0000 29%),linear-gradient(130deg,#090c10 55%,#111921);min-height:100vh}.app-shell{max-width:1280px;margin:auto;padding:28px}nav{border-bottom:1px solid #b8945557;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.brand,h1,h2,h3{font-family:Cinzel,Georgia,serif}.brand{letter-spacing:.08em;font-size:1.05rem;font-weight:700}.brand em{color:var(--radiant-ember);font-style:normal}.nav-user{color:var(--gold);align-items:center;gap:16px;font-size:.85rem;display:flex}.text-button{color:var(--text-muted);background:0 0;border:0;padding:4px;text-decoration:underline}.eyebrow{color:var(--arcane-blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px;font-size:.7rem;font-weight:700}.with-info{align-items:center;gap:6px;display:inline-flex}.stat-info{vertical-align:middle;z-index:2;flex:none;align-self:center;align-items:center;line-height:1;display:inline-flex;position:relative}.stat-info-trigger{width:16px;height:16px;color:var(--gold);cursor:help;letter-spacing:0;border:1px solid #b89455a3;border-radius:50%;flex:0 0 16px;place-items:center;font:700 .62rem/1 Inter,Segoe UI,sans-serif;display:grid}.stat-info-trigger>span{display:block;transform:translateY(-.5px)}.stat-info-popover{z-index:10;pointer-events:none;width:min(260px,100vw - 32px);max-width:260px;color:var(--text-muted);letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;overflow-wrap:break-word;word-break:break-word;background:#0b1117;border:1px solid #b8945585;padding:12px;font:400 .73rem/1.5 Inter,Segoe UI,sans-serif;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0000007a}.stat-info>.stat-info-popover strong{color:var(--text-main);letter-spacing:normal;text-transform:none;white-space:normal;margin-bottom:5px;font:700 .75rem Cinzel,Georgia,serif;display:block}.stat-info>.stat-info-popover>span{color:var(--text-muted);letter-spacing:normal;text-transform:none;white-space:normal;overflow-wrap:break-word;word-break:break-word;font-size:.73rem;display:block}.combo-win .stat-info-popover,.recommendation-score .stat-info-popover,.win-rate .stat-info-popover,.synergy-card>strong .stat-info-popover,.section-title>span.with-info .stat-info-popover,.history-section .stat-info-popover{left:auto;right:0;transform:none}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5.6vw,4.5rem);line-height:1.03}h2{letter-spacing:-.02em;margin:0;font-size:1.45rem}h3{margin:0;font-size:1rem}.intro{color:var(--text-muted);line-height:1.65}.login-shell{place-items:center;padding:24px;display:grid}.login-card{border:1px solid #b894557a;border-top:3px solid var(--arcane-blue);background:linear-gradient(155deg,#182b3af5,#11171dfa 54%);width:min(100%,470px);padding:42px;box-shadow:0 24px 80px #0000006b}.login-card .intro{margin:22px 0 28px}form{gap:9px;display:grid}label{color:var(--text-muted);margin-top:8px;font-size:.78rem;font-weight:600}input,select{width:100%;color:var(--text-main);background:#0d1217;border:1px solid #b8945559;outline:none;padding:12px}input:focus,select:focus{border-color:var(--arcane-blue);box-shadow:0 0 0 3px #3d7fbe29}form button{background:var(--radiant-ember);color:#fff6eb;border:1px solid #ee7552;margin-top:16px;padding:13px 16px;font-family:Cinzel,Georgia,serif;font-weight:700}.form-error{color:#ff9d97;margin:8px 0 0;font-size:.8rem}.login-card small{color:var(--text-muted);margin-top:28px;font-size:.7rem;line-height:1.5;display:block}.dashboard-header{grid-template-columns:1.4fr .75fr;align-items:end;gap:64px;padding:62px 0 42px;display:grid}.dashboard-header>p{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.65}.workspace-tabs{border-bottom:1px solid #b8945557;gap:4px;margin:0 0 16px;display:flex}.workspace-tabs button{color:var(--text-muted);letter-spacing:.04em;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 15px 10px;font:600 .75rem Inter,Segoe UI,sans-serif}.workspace-tabs button:hover{color:var(--text-main)}.workspace-tabs button.active{border-bottom-color:var(--radiant-ember);color:var(--gold)}.stats-tab{max-width:960px}.dashboard-grid{grid-template-columns:290px minmax(0,1fr);gap:16px;display:grid}.hero-picker,.draft-content{min-width:0}.hero-picker,.selected-card,.recommendation{background:#11171de3;border:1px solid #b894556b}.hero-picker{background:linear-gradient(155deg,#121f28f5,#0b1015f5);padding:18px}.panel-heading,.recommendation-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.panel-heading>span{color:var(--gold);font-family:Cinzel,Georgia,serif}.search{margin:18px 0 11px;padding:10px;font-size:.83rem}.hero-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:540px;padding-right:3px;display:grid;overflow-y:auto}.hero-option{min-height:58px;color:var(--text-main);text-align:left;background:#0a1218b3;border:1px solid #3d7fbe38;border-left:2px solid #0000;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:6px;transition:border-color .15s,background .15s,transform .15s;display:grid}.hero-option:hover{background:#1a2d3b;border-color:#b894559e;transform:translateY(-1px)}.hero-option.active{border-color:var(--radiant-ember);background:linear-gradient(135deg,#213c4d,#15242e);box-shadow:inset 0 0 0 1px #c9573d2e}.hero-option>span:last-child{gap:3px;min-width:0;display:grid}.hero-option b{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;overflow:hidden}.hero-option small{color:var(--text-muted);white-space:nowrap;font-size:.58rem}.hero-portrait{aspect-ratio:4/3;background:#172631;border:1px solid #b8945573;flex:none;display:inline-grid;position:relative;overflow:hidden}.hero-portrait img,.hero-portrait-fallback{object-fit:cover;width:100%;height:100%}.hero-portrait-fallback{color:var(--gold);place-items:center;font:700 .62rem Cinzel,Georgia,serif;display:grid}.hero-portrait-small{width:38px}.hero-portrait-medium{width:52px}.hero-portrait-large{width:148px;box-shadow:0 14px 30px #00000054}.pagination{color:var(--text-muted);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:13px;font-size:.7rem;display:grid}.pagination button{color:var(--gold);background:0 0;border:1px solid #b894556b;padding:7px 5px;font-size:.7rem}.pagination button:disabled{color:var(--text-muted);border-color:#aab2b933}.draft-content{gap:16px;display:grid}.pool-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pool-card{background:#11171db8;border:1px solid #b8945557;min-height:154px;padding:15px}.pool-card.mine{border-top:2px solid var(--radiant-ember)}.pool-card-title{justify-content:space-between;align-items:flex-start;display:flex}.pool-card-title>span{color:var(--gold);font-family:Cinzel,Georgia,serif;font-size:.85rem}.pool-card h2{margin:0 0 10px;font-size:1rem}.pool-card>div:last-child{flex-wrap:wrap;gap:5px;display:flex}.pool-card button{color:#d8e8f6;text-align:left;background:#14202a;border:1px solid #3d7fbe73;align-items:center;gap:5px;padding:3px 6px 3px 3px;font-size:.68rem;display:inline-flex}.pool-card button .hero-portrait-small{width:20px}.pool-card button:hover{border-color:var(--gold);color:var(--text-main)}.war-room{gap:28px;max-width:1120px;display:grid}.war-room-header{justify-content:space-between;align-items:flex-end;gap:24px;padding:8px 2px 0;display:flex}.war-room-header h2{font-size:clamp(2rem,4vw,3.1rem)}.war-room-intro{max-width:560px;color:var(--text-muted);margin:9px 0 0;font-size:.88rem;line-height:1.6}.sync-control{color:var(--text-muted);white-space:nowrap;align-items:center;gap:11px;font-size:.68rem;display:flex}.sync-button{border:1px solid var(--arcane-blue);color:#d8e8f6;background:#142c3c;padding:10px 13px;font-size:.75rem;transition:transform .15s,background .15s}.sync-button:hover:not(:disabled){background:#1b4057;transform:translateY(-1px)}.sync-progress{color:#d8e8f6;background:#112b3d7a;border:1px solid #3d7fbe80;align-items:flex-start;gap:11px;margin:0 0 12px;padding:12px 14px;display:flex}.sync-progress strong{letter-spacing:.03em;font-size:.78rem;display:block}.sync-progress p{color:var(--text-muted);margin:3px 0 0;font-size:.75rem}.sync-progress small{color:#91c3e9;margin-top:4px;font-size:.67rem;display:block}.sync-spinner{border:2px solid #8fc3e947;border-top-color:#9fd5ff;border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px;animation:.75s linear infinite sync-spin}@keyframes sync-spin{to{transform:rotate(360deg)}}.period-filter{background:#0f19209e;border:1px solid #3d7fbe47;align-items:end;gap:10px;padding:11px 12px;display:flex}.period-filter label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;gap:5px;margin:0;font-size:.61rem;font-weight:700;display:grid}.period-filter select,.period-filter input{min-width:150px;padding:8px 9px;font-size:.72rem}.period-filter p{color:var(--text-muted);margin:0 0 8px auto;font-size:.68rem}.stat-drilldown{appearance:none;width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0}.stat-drilldown:hover{filter:brightness(1.08);z-index:5;position:relative}.stat-drilldown:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.kpi-card{background:linear-gradient(145deg,#18242ef0,#0c1116eb);border:1px solid #b8945547;flex-direction:column;justify-content:space-between;min-height:145px;padding:17px;display:flex;position:relative}.kpi-card:after{content:"";background:var(--arcane-blue);width:3px;position:absolute;inset:0 auto 0 0}.kpi-card p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:700;line-height:1.35}.kpi-card .stat-info-popover{text-transform:none}.kpi-card strong{color:var(--text-main);letter-spacing:-.04em;font:700 clamp(1.65rem,3vw,2.25rem)/1 Cinzel,Georgia,serif}.kpi-card.kpi-compact strong{letter-spacing:0;font-size:clamp(.9rem,1.7vw,1.2rem);line-height:1.25}.kpi-card span{color:#8fa5b5;font-size:.69rem;line-height:1.45}.kpi-card em{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:700}.kpi-gold:after{background:var(--gold)}.kpi-green:after{background:var(--success)}.kpi-red:after{background:var(--radiant-ember)}.performance-section,.synergy-section,.community-level{gap:12px;display:grid}.community-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.community-summary-grid article{background:linear-gradient(145deg,#14232de6,#0c1217f0);border:1px solid #3d7fbe57;min-height:112px;padding:15px}.community-summary-grid p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.61rem;font-weight:700}.community-summary-grid strong{color:var(--gold);margin:10px 0 4px;font:700 1.45rem Cinzel,Georgia,serif;display:block}.community-summary-grid .community-score{border-color:#65ac6773}.community-summary-grid .community-score strong{color:#93dd98}.community-summary-grid span{color:#8fa5b5;font-size:.66rem;line-height:1.4}.section-title{border-bottom:1px solid #b8945540;justify-content:space-between;align-items:end;gap:16px;padding-bottom:10px;display:flex}.section-title h3{font-size:1.25rem}.section-title>span{color:var(--text-muted);font-size:.68rem}.player-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.player-performance-card{background:linear-gradient(155deg,#182b3a9e,#0d1217f0 64%);border:1px solid #3d7fbe5c;padding:17px}.player-card-top{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.player-avatar{width:33px;height:33px;color:var(--gold);background:#152c3b;border:1px solid #b894558c;border-radius:50%;place-items:center;font:700 .9rem Cinzel,Georgia,serif;display:grid}.player-card-top h3{font-size:1rem}.player-card-top p{color:var(--text-muted);margin:3px 0 0;font-size:.65rem}.win-rate{color:#8fdb97;text-align:right;gap:1px;font:700 1.28rem Cinzel,Georgia,serif;display:grid}.win-rate small{color:var(--text-muted);letter-spacing:.08em;font:600 .57rem Inter,Segoe UI,sans-serif}.win-rate-track{background:#26323a;height:5px;margin:17px 0;overflow:hidden}.win-rate-track span{background:linear-gradient(90deg,var(--success),#a8e0a4);height:100%;display:block;box-shadow:0 0 12px #65ac6773}.player-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.player-kpis div{gap:3px;display:grid}.player-kpis strong{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font:700 .9rem Cinzel,Georgia,serif;overflow:hidden}.player-kpis span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.58rem}.rank-focus{background:#0c141a9e;border:1px solid #b8945540;gap:4px;margin-top:16px;padding:12px;display:grid}.rank-focus p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:700}.rank-focus strong{color:#93dd98;font:700 1.04rem Cinzel,Georgia,serif}.rank-focus>span{color:#aabecb;font-size:.64rem;line-height:1.4}.rank-focus small{color:#718897;font-size:.58rem}.rank-focus.opendota-estimate{border-color:#3d7fbe7a}.rank-focus.opendota-estimate strong{color:var(--gold)}.rank-focus.unavailable{border-style:dashed;border-color:#aab2b947}.rank-focus.unavailable strong{color:var(--text-muted);font:600 .76rem Inter,Segoe UI,sans-serif}.hero-focus{border-top:1px solid #b894552e;margin-top:17px;padding-top:13px}.hero-focus>p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:.6rem;font-weight:700}.hero-focus>div{gap:5px;display:grid}.hero-focus .hero-focus-item{color:#d8e8f6;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;font-size:.69rem;display:grid}.hero-focus .hero-portrait-small{width:25px}.hero-focus b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hero-focus small{color:var(--gold);white-space:nowrap;font-size:.61rem}.hero-focus em{color:var(--text-muted);font-size:.67rem;font-style:normal}.combination-section{gap:12px;display:grid}.combination-toolbar{background:#0f19209e;border:1px solid #3d7fbe47;align-items:end;gap:12px;padding:12px;display:flex}.combination-toolbar label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;gap:6px;margin:0;font-size:.62rem;display:grid}.combination-toolbar select{min-width:210px;padding:8px 28px 8px 9px;font-size:.72rem}.scope-toggle{border:1px solid #b894554d;display:flex}.scope-toggle button{color:var(--text-muted);background:0 0;border:0;border-right:1px solid #b8945540;padding:9px 10px;font-size:.68rem}.scope-toggle button:last-child{border-right:0}.scope-toggle button.active{color:var(--gold);background:#233846}.combination-toolbar>p{color:var(--text-muted);white-space:nowrap;margin:0 0 8px auto;font-size:.68rem}.combination-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.combination-column{background:linear-gradient(145deg,#142027d9,#0b1014f2);border:1px solid #b8945547;padding:16px}.combination-column.good{border-top:2px solid var(--success)}.combination-column.bad{border-top:2px solid var(--radiant-ember)}.combination-column>header{border-bottom:1px solid #b8945533;justify-content:space-between;align-items:start;gap:12px;padding-bottom:12px;display:flex}.combination-column header p{color:var(--text-main);margin:0;font:700 .95rem Cinzel,Georgia,serif}.combination-column header span{color:var(--text-muted);margin-top:4px;font-size:.65rem;display:block}.combination-column header i{border-radius:50%;place-items:center;width:25px;height:25px;font-size:1.1rem;font-style:normal;display:grid}.combination-column.good header i{color:#90d995;background:#65ac672e}.combination-column.bad header i{color:#ef8a75;background:#c9573d29}.combination-list{gap:2px;display:grid}.combination-row{border-bottom:1px solid #b8945521;grid-template-columns:88px 1fr;align-items:center;gap:10px;padding:11px 0;display:grid}.combination-row:last-child{border-bottom:0}.combination-visual{align-items:center;gap:5px;display:flex}.combination-portraits{display:flex}.combination-portraits .hero-portrait-small{width:24px;margin-left:-6px}.combination-portraits .hero-portrait-small:first-child{margin-left:0}.combination-row h4{color:#e9edf0;margin:0;font:700 .8rem Cinzel,Georgia,serif}.combination-row p{color:var(--text-muted);margin:4px 0 0;font-size:.64rem}.win-donut{border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.win-donut span{width:27px;height:27px;color:var(--text-main);background:#10171d;border-radius:50%;place-items:center;font-size:.57rem;font-weight:700;display:grid}.combination-empty{color:var(--text-muted);margin:14px 0 3px;font-size:.72rem;line-height:1.5}.synergy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.synergy-card{background:#101820;border:1px solid #b8945547;grid-template-columns:1fr auto;align-items:start;gap:12px;min-height:135px;padding:15px;display:grid}.synergy-card.trio{background:linear-gradient(145deg,#1b3e30a8,#0d1915f0);border-color:#65ac678c}.synergy-card p{color:var(--arcane-blue);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.6rem;font-weight:700}.synergy-card h3{font-size:.84rem;line-height:1.35}.synergy-card>strong{color:var(--gold);font:700 1.55rem Cinzel,Georgia,serif}.synergy-card.trio>strong{color:#92d795}.synergy-meta{color:var(--text-muted);grid-column:1/-1;gap:7px;font-size:.65rem;display:flex}.synergy-meta span+span:before{content:"·";color:var(--gold);margin-right:7px}.useful-links{gap:12px;display:grid}.useful-links-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.useful-link{min-height:82px;color:var(--text-main);background:linear-gradient(145deg,#152530e0,#0d1319f0);border:1px solid #3d7fbe5c;gap:5px;padding:14px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:grid}.useful-link:hover,.useful-link:focus-visible{border-color:var(--gold);background:#1a2d3b;outline:0;transform:translateY(-1px)}.useful-link strong{color:var(--gold);justify-content:space-between;align-items:center;gap:8px;font:700 .78rem Cinzel,Georgia,serif;display:flex}.useful-link strong span{color:var(--arcane-blue);font:700 1rem Inter,Segoe UI,sans-serif}.useful-link small{color:var(--text-muted);font-size:.65rem;line-height:1.4}.updates-page{gap:18px;max-width:1120px;display:grid}.updates-hero{border-bottom:1px solid #b8945547;justify-content:space-between;align-items:end;gap:24px;padding:4px 2px 16px;display:flex}.updates-hero h2{font-size:clamp(1.9rem,3.6vw,2.75rem)}.updates-hero p:not(.eyebrow){max-width:570px;color:var(--text-muted);margin:8px 0 0;font-size:.84rem;line-height:1.55}.update-check{color:var(--text-muted);white-space:nowrap;justify-items:end;gap:8px;font-size:.65rem;display:grid}.update-check button,.update-refresh{border:1px solid var(--arcane-blue);color:#d8e8f6;background:#142c3c;padding:10px 13px;font-size:.72rem;transition:transform .15s,background .15s}.update-check button:hover:not(:disabled),.update-refresh:hover:not(:disabled){background:#1b4057;transform:translateY(-1px)}.update-refresh{border-color:var(--gold);color:#ffe0a1;background:#44371e;justify-self:start;margin-top:5px}.update-refresh:hover:not(:disabled){background:#5b4823}.update-status{color:#b7dfb8;background:#65ac6717;border:1px solid #65ac6775;gap:4px;padding:12px 14px;font-size:.72rem;display:grid}.update-status.available{color:#ffe0a1;background:#b894551f;border-color:#b89455a8}.update-status.error{color:#ffaaa0;background:#c9573d1a;border-color:#c9573d8a}.update-status span{color:var(--text-muted)}.update-status a{color:#91c8f4}.updates-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.release-list{gap:9px;display:grid}.release-card{background:linear-gradient(145deg,#142027cc,#0b1014f2);border:1px solid #b8945547;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:15px;display:grid}.release-marker{place-items:start center;display:grid}.release-marker span{width:28px;height:28px;color:var(--gold);background:#152c3b;border:1px solid #3d7fbe9e;border-radius:50%;place-items:center;font:700 .58rem Cinzel,Georgia,serif;display:grid}.release-card header{justify-content:space-between;gap:16px;display:flex}.release-card header p{color:var(--arcane-blue);letter-spacing:.09em;margin:0 0 4px;font-size:.62rem;font-weight:700}.release-card h3{font-size:.98rem}.release-card time{color:var(--text-muted);white-space:nowrap;font-size:.64rem}.release-card ul{color:#c7d1d8;gap:4px;margin:10px 0;padding-left:17px;font-size:.72rem;line-height:1.45;display:grid}.release-commits{flex-wrap:wrap;gap:5px;display:flex}.release-commits a{color:var(--gold);border:1px solid #b8945557;padding:3px 6px;font:600 .62rem Inter,Segoe UI,sans-serif;text-decoration:none}.release-commits a:hover{border-color:var(--arcane-blue);color:#a8d4f7}.useful-links-panel{background:linear-gradient(155deg,#12212beb,#0b1015f5);border:1px solid #3d7fbe61;gap:13px;padding:16px;display:grid;position:sticky;top:18px}.useful-links-panel h3{font-size:1.05rem}.useful-links-panel>div:first-child>p:not(.eyebrow){color:var(--text-muted);margin:7px 0 0;font-size:.7rem;line-height:1.45}.useful-links-panel>div:last-child{gap:7px;display:grid}.useful-links-panel a{color:var(--text-main);background:#0b141ba3;border:1px solid #b8945536;gap:3px;padding:10px;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.useful-links-panel a:hover,.useful-links-panel a:focus-visible{border-color:var(--gold);background:#1a2d3b;outline:0}.useful-links-panel strong{color:var(--gold);justify-content:space-between;font:700 .7rem Cinzel,Georgia,serif;display:flex}.useful-links-panel strong span{color:var(--arcane-blue)}.useful-links-panel small{color:var(--text-muted);font-size:.61rem}@media (max-width:800px){.updates-hero,.updates-layout{grid-template-columns:1fr;display:grid}.update-check{justify-items:start}.release-card{grid-template-columns:30px minmax(0,1fr);gap:9px}.release-card header{display:block}.release-card time{margin-top:5px;display:block}.useful-links-panel{position:static}}.match-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010508bd;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.match-modal{background:#0d141a;border:1px solid #b8945599;width:min(1120px,100%);max-height:min(82vh,820px);overflow:hidden;box-shadow:0 28px 90px #0009}.match-modal>header{background:linear-gradient(135deg,#1b3140,#111920);border-bottom:1px solid #b894553d;justify-content:space-between;align-items:start;gap:20px;padding:20px 22px 16px;display:flex}.match-modal h3{margin:0;font-size:1.25rem}.match-modal header span{color:var(--text-muted);margin-top:6px;font-size:.7rem;display:block}.modal-close{width:32px;height:32px;color:var(--gold);background:0 0;border:1px solid #b894556b;place-items:center;font-size:1.35rem;line-height:1;display:grid}.modal-close:hover{border-color:var(--radiant-ember);color:#f08b75}.match-table-wrap{max-height:calc(min(82vh,820px) - 104px);overflow:auto}.match-table{border-collapse:collapse;text-align:left;width:100%;font-size:.72rem}.match-table th{z-index:1;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;background:#121d25;border-bottom:1px solid #b894554d;padding:11px 14px;font-size:.61rem;position:sticky;top:0}.match-table td{color:var(--text-muted);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #b8945524;padding:12px 14px}.match-table tbody tr:hover{background:#3d7fbe17}.match-table a{color:#8ec8f7;font-weight:700;text-decoration:none}.match-table a:hover{color:var(--gold);text-decoration:underline}.match-result{text-align:center;border:1px solid;min-width:63px;padding:4px 6px;font-size:.62rem;font-weight:700;display:inline-block}.match-result.won{color:#9ee2a3;background:#65ac671f;border-color:#65ac679e}.match-result.lost{color:#f18d77;background:#c9573d1f;border-color:#c9573d9e}.match-result.mixed{color:var(--gold);background:#b894551a;border-color:#b894559e}.match-players{gap:4px;display:grid}.match-players>span{grid-template-columns:28px auto 1fr;align-items:center;gap:6px;display:grid}.match-players .hero-portrait-small{width:28px}.match-players b{color:var(--text-main);font-size:.68rem}.match-players small{color:#8fa5b5;font-size:.62rem}.match-kda{color:#d6e3ed;min-height:18px;display:block}.match-empty{text-align:center;white-space:normal!important;padding:30px!important}@media (max-width:800px){.useful-links-grid{grid-template-columns:1fr}}.match-mode{text-align:center;border:1px solid;min-width:63px;padding:4px 6px;font-size:.62rem;font-weight:700;display:inline-block}.match-mode.standard{color:#99c9ee;background:#3d7fbe1f;border-color:#3d7fbe94}.match-mode.turbo{color:#f0c875;background:#b894551a;border-color:#b894559e}.release-author{color:#91c8f4;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:.63rem;font-weight:700;display:block}.selected-card{background:linear-gradient(145deg,#172b3b,#11171d 58%);grid-template-columns:150px minmax(0,1fr) 260px;align-items:start;gap:24px;padding:30px;display:grid}.portrait-wrap{justify-items:center;gap:12px;display:grid}.portrait-wrap .hero-portrait-large{border-color:var(--gold);box-shadow:0 14px 30px #00000054,0 0 0 1px #b8945559}.main-info{min-width:0}.label-selection{color:var(--arcane-blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:700}.hero-name{margin:0 0 10px;font-size:2.4rem}.main-info p:not(.eyebrow){color:var(--text-muted);font-size:.88rem}.tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tags span{color:#d8e8f6;border:1px solid #3d7fbe94;padding:5px 8px;font-size:.73rem}.pool-button{color:var(--gold);text-align:center;background:0 0;border:1px solid #b8945585;border-radius:999px;padding:8px 14px;font-size:.72rem}.pool-button.in-pool{border-color:var(--success);color:#91d998;background:#65ac671f}.recommendation-heading{padding:10px 2px 2px}.toggle{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.78rem;display:flex}.toggle input{width:auto;accent-color:var(--arcane-blue)}.recommendation-list{gap:8px;display:grid}.recommendation{border-left:2px solid #0000;grid-template-columns:52px minmax(0,1fr) 92px;align-items:start;gap:13px;padding:17px;display:grid}.recommendation:hover{border-left-color:var(--gold);background:var(--surface-raised)}.recommendation-portrait{position:relative}.recommendation-portrait .hero-portrait{width:52px}.recommendation-portrait b{min-width:21px;height:21px;color:var(--gold);background:#10171d;border:1px solid #b89455ad;border-radius:50%;place-items:center;font:700 .6rem Cinzel,Georgia,serif;display:grid;position:absolute;bottom:-5px;right:-4px}.recommendation-name{align-items:baseline;gap:9px;display:flex}.recommendation-name span{color:var(--gold);font-size:.7rem}.recommendation-name mark{color:#9dd99c;background:#65ac671f;border:1px solid #65ac6780;padding:3px 5px;font-size:.65rem}.friend-recommendation{border-left-color:var(--success)}.recommendation p{color:var(--text-muted);margin:7px 0;font-size:.82rem;line-height:1.48}.recommendation small{color:#7899b4;font-size:.7rem}.recommendation-score{text-align:right;justify-items:end;gap:7px;display:grid}.recommendation-score>strong{color:var(--gold);font:700 1.35rem Cinzel,Georgia,serif}.combo-win{color:#8fdb97;white-space:nowrap;gap:1px;font-size:.7rem;font-weight:700;display:grid}.combo-win small{color:var(--text-muted);font-size:.59rem;font-weight:500}.combo-win.negative{color:#ef8a75}.combo-win.unknown{color:var(--text-muted);font-size:.61rem;font-weight:500}.empty-state{color:var(--text-muted);text-align:center;border:1px dashed #b894556b;margin:0;padding:24px;font-size:.85rem}footer{color:var(--text-muted);margin-top:24px;font-size:.7rem}@media (max-width:800px){.app-shell{padding:20px 16px}.dashboard-header,.dashboard-grid{display:block}.dashboard-header{padding:45px 0 28px}.dashboard-header>p{margin-top:20px}.workspace-tabs{overflow-x:auto}.workspace-tabs button{white-space:nowrap}.hero-picker{margin-bottom:16px}.hero-list{max-height:260px}.pool-overview,.kpi-grid,.community-summary-grid,.player-performance-grid,.combination-columns,.synergy-grid{grid-template-columns:1fr}.selected-card{display:block}.pool-button{margin-top:18px}.recommendation-heading{align-items:flex-end}.war-room-header,.section-title{display:block}.sync-control{margin-top:14px}.section-title>span{margin-top:7px;display:block}.period-filter,.combination-toolbar{flex-direction:column;align-items:stretch}.period-filter select,.period-filter input,.combination-toolbar select{min-width:0}.period-filter p,.combination-toolbar>p{margin:0}.stat-info-popover{left:auto;right:0;transform:none}}.position-lines{gap:4px;margin:6px 0 0;display:grid}.position-line{align-items:baseline;gap:8px;margin:0;font-size:.85rem;display:flex}.position-line span{min-width:76px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:.6rem;font-weight:700}.position-best{color:var(--text-main)}.position-alt{color:var(--text-muted)}.history-section{background:#090e138c;border:1px solid #b894554d;align-content:start;gap:10px;padding:16px;display:grid}.history-title{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.player-row{border-bottom:1px solid #b8945524;grid-template-columns:22px minmax(0,1fr) 62px 56px;align-items:center;gap:8px;padding:6px 0;font-size:.72rem;display:grid}.player-row:last-child{border-bottom:0}.player-row.active{background:#b894551f;border-bottom-color:#0000;margin:0 -8px;padding:6px 8px}.rank-icon{width:20px;height:20px;color:var(--text-muted);border:1px solid #b8945573;border-radius:50%;place-items:center;font-size:.62rem;font-weight:700;display:grid}.player-row.active .rank-icon{border-color:var(--gold);background:var(--gold);color:#1a1206}.player-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vd-stats{white-space:nowrap;gap:4px;display:flex}.stat-v{color:var(--success);font-weight:700}.stat-d{color:var(--danger);font-weight:700}.winrate{color:var(--text-main);text-align:right;justify-items:end;font-weight:700;line-height:1.2;display:grid}.winrate small{color:var(--text-muted);font-size:.58rem;font-weight:500;display:block}.active-flag{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;grid-column:2/3;margin-top:2px;font-size:.6rem;font-weight:700}.hero-banner{background-image:linear-gradient(100deg,#090c10eb 0%,#090c10cc 32%,#090c1073 60%,#090c10d9 100%),url(/datsun-or-die-banner.png);background-position:50% 38%;background-repeat:no-repeat;background-size:cover;width:100vw;margin-left:-50vw;position:relative;left:50%}.hero-banner-inner{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:0 28px}@media (max-width:800px){.hero-banner-inner{padding:0 16px}}.hero-banner{background-image:linear-gradient(100deg,#090c10eb 0%,#090c10cc 32%,#090c1073 60%,#090c10d9 100%),url(/datsun-or-die-banner-v2.png)}.login-shell{background-image:linear-gradient(160deg,#090c10e0 0%,#090c108c 45%,#090c10eb 100%),radial-gradient(circle at 85% 5%,#172c3e 0,#0000 29%),linear-gradient(130deg,#090c10 55%,#111921),url(/brand/key-visual.png);background-position:50% 20%;background-repeat:no-repeat;background-size:cover}.updates-hero{background-image:linear-gradient(100deg,#090c10eb 0%,#090c1099 45%,#090c10eb 100%),url(/brand/social-banner.png);background-position:50% 40%;background-repeat:no-repeat;background-size:cover;padding:20px 18px 22px;position:relative}.useful-links-panel{background-image:linear-gradient(155deg,#12212bed,#0b1015f7),url(/brand/juggernaut-hero-card.png);background-position:top;background-repeat:no-repeat;background-size:cover}.updates-hero{background-image:linear-gradient(100deg,#090c10f0 0%,#090c1099 30%,#090c1033 60%,#090c100d 100%),url(/brand/spirit-breaker.png);background-position:50%;background-size:cover}