:root{--bg:#0d1117;--card:#161b22;--muted:#8b949e;--text:#e6edf3;--accent:#d23c3c;--accent-2:#2ea043;--border:#30363d;--dota-nav-bg-a:#0f0f0f;--dota-nav-bg-b:#080808;--dota-nav-bg-c:#030303;--dota-nav-edge:#3d3434;--dota-nav-edge-top:#5c3838;--dota-nav-edge-strong:#1a1515;--dota-nav-red:#d04545;--dota-nav-red-soft:#ffbdbd;--dota-nav-red-dim:#5c2828;--dota-nav-text:#9a9595;--dota-nav-text-hover:#f0e8e8}html{scrollbar-gutter:stable;overflow-x:clip}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:var(--text);background-color:#070a10;background-image:linear-gradient(#070a10b8 0%,#0a0e16cc 40%,#070a10e0 100%),url(/app-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;padding:24px;overflow-x:hidden}@media (width<=900px){body{background-attachment:scroll}}body.app-plain-page-bg{background-color:var(--bg);background-image:radial-gradient(circle at 20% 0%, #1b2638 0%, var(--bg) 55%);background-position:50%;background-repeat:no-repeat;background-size:auto;background-attachment:scroll}body.app-plain-page-bg .card{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none}.container{width:100%;max-width:1100px;margin:0 auto}.container-cm{max-width:1320px}.container.container-cm{width:100%;max-width:1320px}.top-nav{box-sizing:border-box;width:100vw;padding:12px max(16px, env(safe-area-inset-left,0px)) 14px max(16px, env(safe-area-inset-right,0px));border:none;border-top:2px solid var(--dota-nav-edge-top);border-bottom:2px solid var(--dota-nav-edge);background:linear-gradient(180deg, var(--dota-nav-bg-a) 0%, var(--dota-nav-bg-b) 45%, var(--dota-nav-bg-c) 100%);border-radius:0;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin-top:-24px;margin-bottom:16px;margin-left:calc(50% - 50vw);display:flex;box-shadow:0 4px 32px #000000e6,inset 0 2px #ff55550f,inset 0 -2px #000000bf}.top-nav-btn{border:2px solid var(--dota-nav-edge-strong);color:var(--dota-nav-text);letter-spacing:.03em;cursor:pointer;text-shadow:0 1px 2px #000000bf;background:linear-gradient(#101010 0%,#0a0a0a 55%,#050505 100%);border-radius:4px;padding:12px 22px;font-size:14px;font-weight:600;transition:background .12s,color .12s,border-color .12s,box-shadow .12s}.top-nav-btn:hover{color:var(--dota-nav-text-hover);border-color:var(--dota-nav-red-dim);background:linear-gradient(#161212 0%,#0d0c0c 55%,#080606 100%);box-shadow:0 0 12px #d0454529}.top-nav-btn.active{color:var(--dota-nav-red-soft);border:2px solid var(--dota-nav-red);background:linear-gradient(#1a1010 0%,#0f0808 45%,#060404 100%);box-shadow:inset 0 0 20px #d045451f,0 0 0 2px #000000d9,0 0 16px #d0454547}.top-nav-dropdown{margin-bottom:-8px;padding-bottom:8px;position:relative}.top-nav-dropdown:hover>.top-nav-btn:not(.active),.top-nav-dropdown:focus-within>.top-nav-btn:not(.active){border-color:var(--dota-nav-red-dim);color:var(--dota-nav-text-hover);box-shadow:0 0 10px #d045451f}.top-nav-dropdown-menu{border:2px solid var(--dota-nav-edge);border-top-color:var(--dota-nav-edge-top);opacity:0;visibility:hidden;pointer-events:none;z-index:30;background:linear-gradient(#0c0c0c,#030303);border-radius:4px;gap:4px;min-width:220px;padding:7px;transition:opacity .14s,transform .14s,visibility .14s;display:grid;position:absolute;top:100%;left:0;transform:translateY(4px);box-shadow:0 16px 48px #000000e6,inset 0 2px #ff3c3c0f,inset 0 -2px #0000008c}.top-nav-dropdown:hover .top-nav-dropdown-menu,.top-nav-dropdown:focus-within .top-nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.top-nav-dropdown-item{border:2px solid var(--dota-nav-edge-strong);color:var(--dota-nav-text);text-align:left;letter-spacing:.02em;text-shadow:0 1px 2px #000000a6;background:#00000073;border-radius:4px;padding:11px 14px;font-size:14px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.top-nav-dropdown-item:hover{border:2px solid var(--dota-nav-red-dim);color:var(--dota-nav-text-hover);background:linear-gradient(#141010,#0a0808)}h1{margin:0 0 10px;font-size:28px;font-weight:700}.subtitle{color:var(--muted);margin:0 0 24px;line-height:1.4}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.team-select{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.team-select-title{color:var(--muted);margin:0;font-size:18px;font-weight:700}.team-select-actions{gap:10px;display:flex}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;display:flex}.toggle{color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex}.toggle input{transform:scale(1.1)}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161b22e0;border-radius:10px;padding:16px}.card h2{margin:0 0 12px;font-size:18px}.team-title-radiant{color:#2ea043}.team-title-dire{color:#d23c3c}.slots{gap:10px;display:grid}label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.pos-label{font-size:15px}.hero-input{border:1px solid var(--border);width:100%;color:var(--text);background:#0f141b;border-radius:8px;outline:none;padding:10px}.hero-input-wrap{grid-template-columns:46px 1fr;align-items:center;gap:10px;display:grid}.hero-portrait{border:1px solid var(--border);object-fit:cover;background:#0f141b;border-radius:8px;width:46px;height:46px}.hero-portrait.placeholder,.hero-icon.placeholder{background:linear-gradient(135deg,#111827,#0b1220)}.hero-input:focus{border-color:#4f81ff}.actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}button{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:11px 16px;font-weight:600}button:disabled{opacity:.65;cursor:not-allowed}.error-banner{color:#ffb4b4;background:#d23c3c1f;border:1px solid #d23c3c59;border-radius:10px;margin:0 0 16px;padding:10px 12px}.primary{background:linear-gradient(135deg, #b92b2b, var(--accent))}.secondary{background:#30363d}.team-pick-btn{background:#30363d;padding:12px 18px;font-size:16px}.active-radiant{background:#2ea043}.active-dire{background:#d23c3c}.results h3{margin:0 0 10px;font-size:18px}.result-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.result-item{border:1px solid var(--border);background:#0f141b;border-radius:8px;justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.result-item-column{display:block}.result-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.result-hero{align-items:flex-start;gap:8px;min-width:0;display:flex}.result-hero-icon{flex-shrink:0}.score{color:var(--accent-2);white-space:nowrap;font-weight:700}.draft-profile-link{color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:flex-start;gap:8px;padding:0;display:inline-flex}.draft-profile-link:hover:not(:disabled){color:#9ecbff;text-decoration:underline}.hint,.muted{color:var(--muted)}.autocomplete{position:relative}.autocomplete-menu{z-index:10;border:1px solid var(--border);background:#0f141b;border-radius:8px;max-height:240px;padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.autocomplete-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;grid-template-columns:22px 1fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.hero-icon{border:1px solid var(--border);object-fit:cover;background:#0f141b;border-radius:4px;width:22px;height:22px}.autocomplete-item:hover{background:#1c2430}.autocomplete-empty{color:var(--muted);padding:8px 10px}.clear-slot{color:var(--muted);background:0 0;border:none;padding:2px 4px;font-size:14px;position:absolute;top:8px;right:8px}.clear-slot:hover{color:#fff}.hint{margin-top:12px;font-size:13px;line-height:1.4}.draft-page{gap:14px;display:grid}.draft-title{margin-bottom:4px}.draft-subtitle{max-width:860px;margin-bottom:2px}.draft-team-select{background:linear-gradient(#161b22f0,#0e141cf2),radial-gradient(circle at 85% 0,#58a6ff14,#0000 45%);border:1px solid #47526073;border-radius:12px;padding:12px 14px}.draft-toolbar{background:#10161fdb;border:1px solid #47526073;border-radius:12px;padding:10px 14px}.draft-grid{gap:14px}.draft-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:stretch;gap:14px;display:grid}.draft-layout-left,.draft-layout-right{min-width:0}.draft-layout-left{flex-direction:column;display:flex}.draft-layout-right{min-height:0;display:flex}.draft-layout-right .draft-results-card{flex-direction:column;flex:1;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.draft-layout-right .draft-results-card .result-list{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.draft-team-card{background:linear-gradient(#161c25f2,#0e131bf2),radial-gradient(circle at 12% 0,#58a6ff0f,#0000 38%);border-radius:12px;box-shadow:0 10px 24px #0000002e}.draft-pos-label{color:#c9d3df;text-transform:uppercase;letter-spacing:.04em;background:#141b24e6;border:1px solid #475260a6;border-radius:999px;margin-bottom:7px;padding:3px 8px;font-size:12px;display:inline-block}.draft-actions{margin-top:8px}.draft-results-card{background:linear-gradient(#161c25f2,#0e131bf2),radial-gradient(circle at 100% 0,#2ea04317,#0000 44%);border-radius:12px;box-shadow:0 10px 24px #0000002e}.draft-pos-header{color:#dbe7f3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:14px;display:inline-block}@media (width<=980px){.draft-layout{grid-template-columns:1fr}.draft-layout-right{min-height:initial;display:block;position:static}.draft-layout-right .draft-results-card{height:auto;max-height:none;min-height:initial;display:block;overflow:visible}.draft-layout-right .draft-results-card .result-list{min-height:initial;padding-right:0;overflow:visible}}.invoker-trainer{margin-top:8px}.invoker-trainer-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:12px;display:grid}.invoker-trainer-header>.secondary{justify-self:start}.invoker-trainer-title{text-align:center;grid-column:2;margin:0}.invoker-trainer-controls{flex-direction:column;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.invoker-trainer-controls button{min-width:280px;max-width:100%}.invoker-trainer-status{text-align:right;min-width:0;color:var(--muted);justify-self:end}.invoker-trainer-hint{color:var(--muted);font-size:12px}.invoker-trainer-lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.invoker-trainer-lane{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px}.invoker-trainer-lane-label{margin-bottom:6px;font-weight:700}.invoker-trainer-lane-track{border:1px solid var(--border);background:#0f141b;border-radius:6px;height:520px;position:relative;overflow:hidden}.invoker-trainer-spell{align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.invoker-trainer-spell img{border:1px solid var(--border);object-fit:cover;background:#1a222d;border-radius:4px;width:72px;height:72px}.invoker-trainer-finish-line{background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.invoker-trainer-result{margin-top:12px;font-size:14px}.armlet-page{margin-top:8px}.armlet-panel{text-align:center;max-width:420px;margin:16px auto 0;padding:20px 18px 22px}.armlet-hud{text-align:left;grid-template-columns:1fr 1fr;gap:12px 16px;margin-bottom:18px;display:grid}.armlet-stat{flex-direction:column;gap:4px;display:flex}.armlet-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.armlet-stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.armlet-stat-score{color:#f0883e}.armlet-hp-bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.armlet-hp-fill{background:linear-gradient(90deg,#238636,#3fb950);border-radius:4px;height:100%;transition:width 80ms linear}.armlet-beat-zone{border:1px solid var(--border);background:#0f141bf2;border-radius:10px;margin:8px 0 16px;padding:18px 14px 16px;transition:background .12s,border-color .12s,box-shadow .12s}.armlet-beat-zone-hit{background:#23863638;border-color:#3fb9508c;box-shadow:0 0 24px #3fb95033}.armlet-beat-zone-miss{background:#b4282833;border-color:#f8514973;box-shadow:0 0 22px #f851492e}.armlet-beat-track{transform-origin:0;background:#00000059;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.armlet-beat-fill{transform-origin:0;background:linear-gradient(90deg,#8b5a2b,#da3633);border-radius:5px;width:100%;height:100%;transition:transform 50ms linear}.armlet-beat-label{color:var(--muted);margin:0;font-size:13px}.armlet-bind-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin-bottom:14px;padding-bottom:14px;display:flex}.armlet-bind-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.armlet-bind-select{border:1px solid var(--border);background:var(--card);min-width:140px;color:var(--text);border-radius:6px;padding:6px 10px;font-size:14px}.armlet-bind-capture{padding:6px 12px;font-size:13px}.armlet-capture-hint{color:#f0883e;text-align:center;margin:-6px 0 12px;font-size:13px}.armlet-toggle-stack{flex-direction:column;align-items:center;gap:8px;margin:4px 0 8px;display:flex}.armlet-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;padding:0;line-height:0;transition:transform 80ms}.armlet-icon-btn:hover:not(:disabled){transform:scale(1.04)}.armlet-icon-btn:active:not(:disabled){transform:scale(.96)}.armlet-icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.armlet-icon-btn-active-ring{border-radius:12px;box-shadow:0 0 0 3px #da36338c,0 0 32px #da363359}.armlet-item-img{object-fit:contain;border-radius:10px;width:88px;height:88px;transition:filter .18s,box-shadow .18s;display:block}.armlet-item-img-off{filter:saturate(.2)brightness(.58)contrast(1.12);box-shadow:0 2px 12px #00000073}.armlet-item-img-on{filter:none;box-shadow:0 0 16px #da363373,0 0 28px #ff5a4640}.armlet-state-text{color:var(--muted);margin:0;font-size:16px;font-weight:800}.armlet-click-hint{margin:0;font-size:12px}.armlet-actions{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.armlet-result{margin:0;font-size:15px;font-weight:600}.armlet-hint{margin:0}.armlet-page kbd{border:1px solid var(--border);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:12px}.dispel-page{margin-top:8px}.dispel-page kbd{border:1px solid var(--border);background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:12px}.dispel-item-key{z-index:2;position:relative}.dispel-item-key kbd{padding:3px 7px;font-size:11px}.dispel-panel{max-width:720px;margin:0 auto;padding:20px 18px 22px}.dispel-hud{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.dispel-hp-block{flex:1;min-width:200px}.dispel-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.dispel-hp-bar{background:#ffffff14;border-radius:6px;height:12px;margin-bottom:4px;overflow:hidden}.dispel-hp-fill{background:linear-gradient(90deg,#238636,#3fb950);border-radius:6px;height:100%;transition:width 80ms linear}.dispel-hp-num{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.dispel-time-block{text-align:right}.dispel-time-val{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;display:block}.dispel-best{color:var(--muted);margin-top:4px;font-size:13px;display:block}.dispel-debuffs{margin-bottom:14px}.dispel-debuff-chips{flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;display:flex}.dispel-clean{color:var(--muted);font-size:14px}.dispel-chip{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.dispel-chip-magic{color:#d8b4ff;background:#8250dc40;border:1px solid #b48cff73}.dispel-chip-phys{color:#ffb4a8;background:#d23c3c33;border:1px solid #ff786473}.dispel-bkb-banner{text-align:center;color:#ffdf7a;background:#c8a53c33;border:1px solid #ffd25a73;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:14px;font-weight:800}.dispel-ghost-banner{text-align:center;color:#a8ddff;background:#50a0dc2e;border:1px solid #78c8ff73;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:14px;font-weight:800}.dispel-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}@media (width<=900px){.dispel-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dispel-items{grid-template-columns:1fr}}.dispel-item-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:linear-gradient(#1e242d 0%,#141922 100%);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;transition:border-color .12s,transform 60ms;display:flex;position:relative}.dispel-item-btn:hover:not(:disabled){border-color:#f0883e73}.dispel-item-btn:active:not(:disabled){transform:scale(.98)}.dispel-item-btn:disabled{opacity:.55;cursor:not-allowed}.dispel-item-cd{pointer-events:none;z-index:1;border-radius:10px;position:absolute;inset:0}.dispel-item-icon{z-index:2;object-fit:contain;border-radius:6px;width:56px;height:56px;position:relative}.dispel-item-name{z-index:2;text-align:center;font-size:12px;font-weight:700;line-height:1.25;position:relative}.dispel-item-meta{z-index:2;color:var(--muted);text-align:center;font-size:10px;position:relative}.dispel-item-timer{z-index:3;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 4px #000;font-size:13px;font-weight:800;position:absolute;top:8px;right:8px}.dispel-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.dispel-result{margin:0;font-size:15px;font-weight:600}.hero-profiles-page{margin-top:4px}.hero-profile-card{gap:16px;display:grid}.hero-list-card{padding-top:14px}.hero-list-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.hero-list-item{border:1px solid var(--border);color:var(--text);background:#0f141b;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.hero-list-item:hover:not(:disabled){background:#141b24;border-color:#4f81ff}.hero-list-item-image{border:1px solid var(--border);object-fit:cover;background:#0f141b;border-radius:8px;width:100%;height:72px}.hero-list-item-image.placeholder{background:linear-gradient(135deg,#111827,#0b1220)}.hero-list-item-name{text-align:center;font-size:12px;line-height:1.2}.hero-profile-header{grid-template-columns:196px 1fr;align-items:start;gap:16px;display:grid}.hero-profile-image{object-fit:cover;border:1px solid var(--border);background:#0f141b;border-radius:10px;width:196px;height:112px}.hero-profile-image.placeholder{background:linear-gradient(135deg,#111827,#0b1220)}.hero-profile-subtitle{margin:0 0 10px}.hero-profile-back-btn{margin-top:12px}.hero-profile-tags{flex-wrap:wrap;gap:8px;display:flex}.hero-profile-tag{border:1px solid var(--border);color:#d7dfe8;background:#111821;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;display:inline-flex}.hero-profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hero-profile-stat{border:1px solid var(--border);background:#0f141b;border-radius:8px;padding:10px 12px}.hero-profile-stat-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.hero-profile-stat-value{font-size:17px;font-weight:700}.hero-profile-popular-build{border:1px solid var(--border);background:#0f141b;border-radius:10px;margin-top:4px;padding:12px}.hero-profile-popular-build h3{margin:0 0 8px;font-size:15px}.hero-profile-build-note{margin:0 0 12px;font-size:12px;line-height:1.45}.hero-profile-build-note code{font-size:11px}.hero-profile-build-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.hero-profile-build-slot{text-align:center;background:linear-gradient(#141c28 0%,#111821 100%);border:1px solid #30363df2;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:0;padding:10px 6px 8px;display:flex;position:relative}.hero-profile-build-rank{color:#e8eef5;background:#1e3a5ff2;border:1px solid #648cb473;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:5px;left:5px}.hero-profile-build-bar{background:#00000059;border-radius:2px;width:100%;max-width:56px;height:4px;overflow:hidden}.hero-profile-build-bar-fill{background:linear-gradient(90deg,#3d7ab8,#5a9fd4);border-radius:2px;min-width:2px;height:100%;transition:width .25s}.hero-profile-build-icon{object-fit:contain;background:radial-gradient(circle at 30% 25%,#1a2434 0%,#0f141b 70%);border:1px solid #505a66d9;border-radius:6px;width:48px;height:48px;box-shadow:inset 0 0 0 1px #ffffff0a}.hero-profile-build-icon.placeholder{background:linear-gradient(135deg,#1a2230,#0b1220)}.hero-profile-build-name{color:#d7dfe8;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:10px;line-height:1.2;display:-webkit-box;overflow:hidden}.hero-profile-build-meta{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.hero-profile-build-count{color:#c9d3df;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.hero-profile-build-share{font-variant-numeric:tabular-nums;font-size:10px;line-height:1.2}.hero-profile-matchups-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hero-profile-matchup-card{border:1px solid var(--border);background:#0f141b;border-radius:10px;padding:12px}.hero-profile-matchup-card h3{margin:0 0 10px;font-size:15px}.hero-profile-matchup-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hero-profile-matchup-item{background:#111821;border:1px solid #30363de6;border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}.hero-profile-matchup-link{color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex}.hero-profile-matchup-link:hover:not(:disabled){color:#9ecbff;text-decoration:underline}.hero-profile-matchup-icon{object-fit:cover;border:1px solid var(--border);background:#0f141b;border-radius:4px;flex-shrink:0;width:24px;height:24px}.hero-profile-matchup-icon.placeholder{background:linear-gradient(135deg,#111827,#0b1220)}.hero-profile-role-matchups h3{margin:2px 0 10px}.hero-profile-role-section{margin-top:12px}.hero-profile-role-section h4{color:#c9d3df;margin:0 0 10px;font-size:14px}.hero-meta-page{flex-direction:column;width:100%;min-width:0;min-height:0;margin-top:4px;display:flex}.hero-meta-content{flex-direction:column;flex:1;width:100%;padding-top:14px;display:flex}.hero-meta-toolbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hero-meta-search{flex:1;min-width:220px}.hero-meta-filters{flex-shrink:0;align-items:center;gap:10px;display:flex;position:relative}.hero-meta-filter-menu{position:relative}.hero-meta-bracket-filter{color:var(--muted);align-items:center;gap:8px;margin-bottom:0;display:inline-flex}.hero-meta-bracket-filter .hero-input{width:132px}.hero-meta-filter-button{color:var(--muted);border:1px solid var(--border);white-space:nowrap;background:#21262d;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.hero-meta-filter-button-active{color:#fff;background:#1f6feb;border-color:#388bfd}.hero-meta-filter-counter{color:#fff;background:#0f141be6;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-flex}.hero-meta-filter-dropdown{border:1px solid var(--border);z-index:20;background:#0f141b;border-radius:10px;min-width:190px;padding:8px 10px 10px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px #00000073}.hero-meta-filter-dropdown-item{color:var(--text);align-items:center;gap:8px;padding:4px 2px;font-size:13px;display:flex}.hero-meta-filter-dropdown-item input[type=checkbox]{accent-color:#1f6feb}.hero-meta-filter-clear{width:100%;color:var(--muted);background:0 0;border:1px solid #94a3b880;border-radius:6px;margin-top:6px;padding:6px 10px;font-size:12px}.hero-meta-filter-clear:hover:not(:disabled){color:#fff;border-color:#e5e7eb}.hero-meta-sorts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-meta-table-wrap{border:1px solid var(--border);border-radius:10px;flex:1;min-height:0;max-height:652px;overflow:auto}.hero-meta-table{border-collapse:collapse;width:100%;font-size:14px}.hero-meta-table thead{z-index:1;background:#0f141b;position:sticky;top:0}.hero-meta-table th,.hero-meta-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #30363dd9;padding:8px 10px}.hero-meta-table th{color:var(--muted);font-size:13px;font-weight:600}.hero-meta-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.hero-meta-th-sortable:hover{color:#fff}.hero-meta-table th:nth-child(n+3),.hero-meta-table td:nth-child(n+3){text-align:center}.hero-meta-table th:nth-child(6),.hero-meta-table td:nth-child(6),.hero-meta-table th:nth-child(7),.hero-meta-table td:nth-child(7),.hero-meta-table th:nth-child(8),.hero-meta-table td:nth-child(8),.hero-meta-table th:nth-child(9),.hero-meta-table td:nth-child(9){width:72px;min-width:72px}.hero-meta-table th:nth-child(10),.hero-meta-table td:nth-child(10),.hero-meta-table th:nth-child(11),.hero-meta-table td:nth-child(11),.hero-meta-table th:nth-child(12),.hero-meta-table td:nth-child(12),.hero-meta-table th:nth-child(13),.hero-meta-table td:nth-child(13),.hero-meta-table th:nth-child(14),.hero-meta-table td:nth-child(14){width:90px;min-width:90px}.hero-meta-table tbody tr:nth-child(2n){background:#0f141bcc}.hero-meta-table tbody tr:hover{background:#232d3ce6}.hero-meta-hero{align-items:center;gap:8px;display:flex}.hero-meta-profile-link{color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex}.hero-meta-profile-link:hover:not(:disabled){color:#9ecbff;text-decoration:underline}.hero-meta-hero-thumb{border:1px solid var(--border);object-fit:cover;background:#0f141b;border-radius:8px;flex-shrink:0;width:48px;height:54px}.hero-meta-hero-thumb.placeholder{background:linear-gradient(135deg,#111827,#0b1220)}.hero-meta-loading{text-align:center;color:var(--muted);padding:18px 10px;font-size:14px}.hero-meta-hint{margin-top:10px}.item-meta-page{flex-direction:column;width:100%;min-width:0;min-height:0;margin-top:4px;display:flex}.item-meta-content{flex-direction:column;flex:1;width:100%;padding-top:14px;display:flex}.item-meta-disclaimer{font-size:13px;line-height:1.45}.item-meta-disclaimer code{border:1px solid var(--border);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:12px}.item-meta-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.item-meta-search{flex:1;min-width:220px}.item-meta-table-wrap{max-height:652px}.item-meta-icon{object-fit:contain;background:#0f141be6;border-radius:6px;width:36px;height:36px}.item-meta-hero-cell{gap:10px}.item-meta-table{table-layout:fixed;width:100%}.item-meta-table th,.item-meta-table td{box-sizing:border-box;padding-left:12px;padding-right:12px}.item-meta-table th:first-child,.item-meta-table td:first-child{word-break:break-word;width:34%}.item-meta-table th:nth-child(2),.item-meta-table td:nth-child(2),.item-meta-table th:nth-child(3),.item-meta-table td:nth-child(3),.item-meta-table th:nth-child(4),.item-meta-table td:nth-child(4){width:22%}.item-meta-table th:nth-child(n+2),.item-meta-table td:nth-child(n+2){text-align:center}.item-meta-table th:first-child,.item-meta-table td:first-child{text-align:left}@media (width<=900px){.hero-profile-header{grid-template-columns:1fr}.hero-profile-image{width:100%;max-width:320px}.hero-profile-stats-grid{grid-template-columns:1fr 1fr}.hero-profile-matchups-grid{grid-template-columns:1fr}.hero-profile-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-profile-build-slot{padding-left:8px;padding-right:8px}.hero-meta-toolbar,.item-meta-toolbar{flex-wrap:wrap}}.cm-page-split{grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:start;gap:20px;display:grid}.cm-draft-column{min-width:0}.cm-heroes-column{align-self:start;min-width:0;max-height:calc(100vh - 40px);position:sticky;top:16px}.cm-toolbar{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.cm-options{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.cm-option-row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.cm-option-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;min-width:7.5rem;font-size:12px;font-weight:600}.cm-option-buttons{flex-wrap:wrap;gap:6px;display:flex}.cm-option-buttons .primary,.cm-option-buttons .secondary{padding:6px 12px;font-size:13px}.cm-mode-note{color:var(--muted);margin:4px 0 0;font-size:12px}.cm-status{margin-bottom:16px}.cm-turn-line{margin:0 0 6px;font-size:17px}.cm-turn-active{color:#2ea043;font-weight:700}.cm-bot-thinking{color:var(--muted);font-weight:400}.cm-progress{margin:0}.cm-win-odds{margin:8px 0 0;font-size:17px;font-weight:600}.cm-win-odds-radiant{color:#3efa6e}.cm-win-odds-dire{color:#ff7a7a}.cm-board-wrap{background:linear-gradient(#141922 0%,#0f141b 45%,#121820 100%);max-width:none;margin-bottom:0;margin-left:0;margin-right:0;padding:18px 16px 20px}.cm-board-header{border-bottom:1px solid #30363dd9;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:12px;display:grid}.cm-board-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.cm-board-title-radiant{color:#3efa6e;text-align:left;text-shadow:0 0 12px #3efa6e8c,0 0 24px #2ea04359}.cm-board-title-dire{color:#ff7a7a;text-align:right;text-shadow:0 0 12px #ff7a7a8c,0 0 24px #d23c3c59}.cm-board-header-mid{justify-content:center;align-items:center;width:40px;display:flex}.cm-board-vs{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800;line-height:1;display:inline-block}.cm-timeline{flex-direction:column;gap:0;display:flex}.cm-timeline-row{border-bottom:1px solid #30363d59;grid-template-columns:minmax(148px,1fr) 40px minmax(148px,1fr);align-items:center;gap:4px 10px;min-height:44px;padding:5px 12px;display:grid;position:relative}.cm-timeline-row:before{content:"";border-radius:2px;width:3px;position:absolute;top:3px;bottom:3px}.cm-row-radiant:before{left:2px}.cm-row-dire:before{right:2px}.cm-row-radiant.cm-row-ban:before{background:#2ea04366;width:2px}.cm-row-radiant.cm-row-pick:before{background:linear-gradient(#1a7f37,#3efa6e);width:4px;box-shadow:0 0 12px #2ea04373}.cm-row-dire.cm-row-ban:before{background:#d23c3c73;width:2px}.cm-row-dire.cm-row-pick:before{background:linear-gradient(#a61e1e,#ff7a7a);width:4px;box-shadow:0 0 12px #d23c3c66}.cm-timeline-row.cm-row-current{background:#1f6feb0f}.cm-row-radiant.cm-row-pick .cm-slot{border-color:#3efa6e59}.cm-row-radiant.cm-row-ban .cm-slot{border-color:#2ea04333}.cm-row-dire.cm-row-pick .cm-slot{border-color:#f8717173}.cm-row-dire.cm-row-ban .cm-slot{border-color:#d23c3c40}.cm-timeline-side{align-items:center;min-height:40px;display:flex}.cm-timeline-left{justify-content:flex-end;padding-right:4px;position:relative}.cm-timeline-right{justify-content:flex-start;padding-left:4px;position:relative}.cm-row-radiant .cm-timeline-left:after{content:"";background:linear-gradient(90deg,#0000,#8b949e80);width:14px;height:1px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.cm-row-dire .cm-timeline-right:before{content:"";background:linear-gradient(270deg,#0000,#8b949e80);width:14px;height:1px;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.cm-timeline-center{justify-content:center;align-items:center;display:flex}.cm-step-num{min-width:28px;height:28px;color:var(--muted);background:#0f141bf2;border:1px solid #30363de6;border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.cm-step-num-done{color:#8b949e;border-color:#8b949e59}.cm-row-radiant .cm-step-num-done{border-color:#3efa6e59}.cm-row-dire .cm-step-num-done{border-color:#f8717159}.cm-step-num-active{color:#fff;background:#1f6feb33;border-color:#1f6feb;box-shadow:0 0 0 1px #1f6feb59}.cm-timeline-spacer{width:100%;min-height:32px}.cm-slot{width:min(100%,220px);color:var(--text);background:#05080d;border:1px solid #30363df2;border-radius:8px;align-items:center;gap:8px;max-width:100%;display:inline-flex}.cm-slot-ban{width:min(100%,172px);min-height:36px;padding:4px 10px}.cm-slot-pick{min-height:48px;padding:6px 12px}.cm-slot-pick .cm-slot-label{font-size:14px;font-weight:600}.cm-slot-empty .cm-slot-placeholder{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.cm-slot-future{opacity:.35;border-style:dashed}.cm-slot-filled{background:#0a1018;border-color:#8b949e73}.cm-row-radiant.cm-row-pick .cm-slot-filled{background:linear-gradient(145deg,#166e308c,#2ea04352);border-color:#3efa6e8c}.cm-row-dire.cm-row-pick .cm-slot-filled{background:linear-gradient(145deg,#8c1e1e8c,#d23c3c59);border-color:#f8717199}.cm-row-ban .cm-slot-filled{background:#0a1018;border-color:#8b949e73}.cm-slot-pulse{animation:1.2s ease-in-out infinite cm-pulse}@keyframes cm-pulse{0%,to{box-shadow:0 0 #1f6feb59}50%{box-shadow:0 0 0 3px #1f6feb1f}}.cm-slot-icon{object-fit:cover;border:1px solid var(--border);background:#0f141b;border-radius:8px;flex-shrink:0;width:32px;height:36px}.cm-slot-ban .cm-slot-icon{width:28px;height:32px}.cm-slot-icon.placeholder,.cm-grid-icon.placeholder{background:linear-gradient(135deg,#111827,#0b1220)}.cm-slot-label{text-align:left;text-overflow:ellipsis;font-size:12px;line-height:1.25;overflow:hidden}.cm-profile-link{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex}.cm-profile-link:hover:not(:disabled){color:#9ecbff;text-decoration:underline}.cm-pool{max-height:inherit;flex-direction:column;display:flex;overflow:hidden}.cm-pool h3{flex-shrink:0;margin-top:0}.cm-search{flex-shrink:0;width:100%;max-width:none;margin-bottom:12px}.cm-hero-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;min-height:200px;max-height:calc(100vh - 280px);padding:4px 2px 8px;display:grid;overflow-y:auto}.cm-hero-cell{border:1px solid var(--border);cursor:pointer;color:var(--text);text-align:center;background:#0f141b;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:88px;padding:8px 6px;font-size:11px;display:flex}.cm-hero-cell:hover:not(:disabled){background:#141b24;border-color:#4f81ff}.cm-hero-cell:disabled{cursor:not-allowed}.cm-hero-taken{opacity:.42;filter:grayscale(.75)}.cm-hero-radiant:not(:disabled){box-shadow:0 0 0 2px #2ea0438c}.cm-hero-dire:not(:disabled){box-shadow:0 0 0 2px #d23c3c8c}.cm-hero-banned.cm-hero-taken{filter:grayscale()}.cm-grid-icon{object-fit:cover;border:1px solid var(--border);background:#0f141b;border-radius:8px;width:100%;max-width:72px;height:56px}.cm-grid-name{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.cm-hint{flex-shrink:0;margin-top:12px}@media (width<=1000px){.cm-page-split{grid-template-columns:1fr}.cm-heroes-column{max-height:none;position:static}.cm-hero-grid{max-height:min(480px,55vh)}}@media (width<=860px){.grid{grid-template-columns:1fr}.cm-timeline-row{grid-template-columns:minmax(100px,1fr) 34px minmax(100px,1fr);gap:2px 6px}.cm-slot-label{font-size:11px}}.counterpick-page{margin-top:8px}.counterpick-title{margin-bottom:4px}.counterpick-subtitle{max-width:640px}.counterpick-hud{--counterpick-zoom:1.5;max-width:min(720px, calc(100% / var(--counterpick-zoom)));zoom:var(--counterpick-zoom);margin:16px auto 0;padding:20px 18px 22px}.counterpick-role-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.counterpick-role-btn{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 11px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.counterpick-role-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.counterpick-role-btn:disabled{opacity:.55;cursor:not-allowed}.counterpick-role-btn-active{border-color:var(--accent);color:#f0b4b4;background:#d23c3c1f}.counterpick-score{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.counterpick-score-main{align-items:baseline;gap:10px;display:flex}.counterpick-score-streak{font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;margin-left:auto;display:flex}.counterpick-streak-sep{-webkit-user-select:none;user-select:none}.counterpick-status{text-align:center;padding:12px 0}.counterpick-enemy{text-align:center;border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:16px}.counterpick-enemy-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:700}.counterpick-enemy-row{flex-direction:column;align-items:center;gap:10px;display:flex}.counterpick-enemy-portrait{object-fit:cover;border:1px solid var(--border);background:#0f141b;border-radius:12px;width:96px;height:96px}.counterpick-enemy-name{font-size:20px;font-weight:800}.counterpick-question{text-align:center;margin:0 0 16px;font-size:16px;font-weight:600}.counterpick-choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.counterpick-choice{border:1px solid var(--border);color:var(--text);cursor:pointer;background:linear-gradient(#1a222d 0%,#121820 100%);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 12px 14px;transition:border-color .15s,transform 80ms,box-shadow .15s;display:flex}.counterpick-choice:hover:not(:disabled){border-color:#58a6ff73;transform:translateY(-1px)}.counterpick-choice:disabled{cursor:default;opacity:1}.counterpick-choice-correct{border-color:#3fb950a6;box-shadow:0 0 0 1px #3fb95040}.counterpick-choice-wrong{border-color:#f851498c;box-shadow:0 0 0 1px #f8514933}.counterpick-choice-portrait{object-fit:cover;border:1px solid var(--border);background:#0f141b;border-radius:10px;width:80px;height:80px}.counterpick-choice-name{text-align:center;font-size:15px;font-weight:700;line-height:1.25}.counterpick-choice-meta{text-align:center;font-size:12px;line-height:1.35}.counterpick-after{flex-direction:column;align-items:center;gap:12px;margin-top:20px;display:flex}.counterpick-h2h-meta{text-align:center;max-width:520px;margin:0;font-size:13px;line-height:1.45}.counterpick-result{margin:0;font-size:17px;font-weight:800}.counterpick-result-ok{color:#3fb950}.counterpick-result-bad{color:#f85149}.counterpick-error-wrap{flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:0 auto 16px;display:flex}.counterpick-error-wrap .error-banner{width:100%;margin:0}@media (width<=560px){.counterpick-choices{grid-template-columns:1fr}}