:root{--panel:#10141aeb;--panel-2:#1c222cf2;--border:#3b4656;--gold:#f2c94c;--text:#e6e9ee;--muted:#8b95a5;--radiant:#5fd36d;--dire:#e0574a;--ui-scale:1}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#0f1418;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}canvas#scene{width:100vw;height:100vh;display:block;position:fixed;inset:0}canvas#overlay{pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#topbar,#status-flags,#killfeed,#flash,#channel-bar,#announce,#respawn,#tutorial-tip,#minimap-wrap,#hud,#shop,#scoreboard,#help,#inspect{zoom:var(--ui-scale)}button{font:inherit;cursor:pointer}html.wc3-cursor :not(input[type=text]):not(input:not([type])):not(textarea){cursor:inherit!important}#topbar{background:var(--panel);border:1px solid var(--border);pointer-events:none;border-top:none;border-radius:0 0 10px 10px;align-items:stretch;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.team-score{align-items:center;gap:10px;padding:6px 14px;font-size:20px;font-weight:700;display:flex}.team-score .label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:12px}.team-score.radiant{color:var(--radiant)}.team-score.dire{color:var(--dire)}#clock{font-variant-numeric:tabular-nums;background:#ffffff0d;align-items:center;padding:6px 16px;font-size:18px;display:flex}#status-flags{color:var(--gold);pointer-events:none;text-shadow:0 1px 3px #000;font-weight:700;position:absolute;top:44px;left:50%;transform:translate(-50%)}#killfeed{pointer-events:none;flex-direction:column;gap:4px;width:330px;display:flex;position:absolute;top:8px;right:10px}.kill{background:var(--panel);border-left:3px solid;border-radius:4px;padding:5px 9px;font-size:13px;animation:.25s fadein}.kill.radiant{border-color:var(--radiant)}.kill.dire{border-color:var(--dire)}.kill.neutral{border-color:#e8a33a}@keyframes fadein{0%{opacity:0;transform:translate(20px)}}#flash{color:#ff7b6b;text-shadow:0 1px 4px #000;pointer-events:none;opacity:0;font-size:16px;font-weight:700;transition:opacity .2s;position:absolute;bottom:220px;left:50%;transform:translate(-50%)}#flash.show{opacity:1}#channel-bar{pointer-events:none;background:#0a0e14d9;border:1px solid #8fb8ff;border-radius:4px;width:260px;height:16px;position:absolute;bottom:250px;left:50%;overflow:hidden;transform:translate(-50%)}#channel-bar .fill{background:linear-gradient(#9fd0ff,#3d7bff);width:0;position:absolute;inset:0 auto 0 0}#channel-bar .label{text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;line-height:16px;position:absolute;inset:0}#announce{text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 8px #000,0 0 2px #000;white-space:nowrap;transition:opacity .25s;position:absolute;top:18%;left:50%;transform:translate(-50%)}#announce.show{opacity:1;animation:.35s ease-out announce-pop}#announce .announce-title{letter-spacing:3px;text-transform:uppercase;font-size:38px;font-weight:900}#announce .announce-sub{color:#eee;margin-top:2px;font-size:16px;font-weight:600}@keyframes announce-pop{0%{transform:translate(-50%)scale(1.35)}to{transform:translate(-50%)scale(1)}}@media (width<=700px){#announce .announce-title{font-size:26px}}#respawn{color:#ffb3a8;text-shadow:0 2px 8px #000;pointer-events:none;text-align:center;font-size:30px;font-weight:800;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#minimap-wrap{background:var(--panel);border:1px solid var(--border);border-bottom:none;border-left:none;border-radius:0 10px 0 0;padding:6px;position:absolute;bottom:0;left:0}#minimap{cursor:pointer;image-rendering:auto;width:220px;height:220px;display:block}#hud{background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;align-items:flex-end;gap:10px;padding:10px 12px 8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-46%)}#portrait{gap:10px;width:230px;display:flex}#portrait-icon{border:1px solid var(--border);background:radial-gradient(circle at 50% 35%,#3a4658,#151a22);border-radius:8px;justify-content:center;align-items:center;width:72px;height:88px;font-size:44px;display:flex;position:relative}#portrait-icon img.pt-ic{object-fit:cover;border-radius:7px;width:100%;height:100%}#portrait-icon.dead{filter:grayscale()brightness(.5)}#portrait-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}#hero-name{font-size:15px;font-weight:700}#hero-level{color:var(--muted);font-size:12px}.xpbar{background:#222a35;border-radius:3px;height:6px;overflow:hidden}#xp-fill{background:linear-gradient(90deg,#a07cff,#d1b5ff);width:0;height:100%}#hero-stats{color:#c7cfdb;grid-template-columns:1fr 1fr;gap:1px 8px;margin-top:2px;font-size:12px;display:grid}.hero-attrs{grid-column:1/-1;gap:8px;display:flex}.hero-attrs .attr.primary{color:#ffd76a;font-weight:600}.hero-attrs b{color:#7be07b;margin-left:1px;font-weight:400}#center{flex-direction:column;gap:6px;width:330px;display:flex;position:relative}#buffs{pointer-events:none;flex-wrap:wrap-reverse;gap:4px;display:flex;position:absolute;bottom:calc(100% + 18px);left:0;right:0}#buffs>*{pointer-events:auto}.buff{background:#232b38;border:1px solid;border-radius:4px;padding:2px 6px;font-size:11px}#abilities{flex-direction:column;align-items:center;gap:6px;display:flex}.ab-row{justify-content:center;gap:8px;display:flex}.ab-row.ab-extra{gap:6px}.ab.ab-small{width:54px;height:54px}.ab.ab-small .ab-icon{font-size:25px}.ab.ab-small .ab-cdtext{font-size:16px}.ab{cursor:pointer;background:radial-gradient(circle at 50% 40%,#3b4a60,#18202b);border:2px solid #4b5a70;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.ab:hover,.ab.v-hover{border-color:#9fb8d8}.ab.unlearned{filter:grayscale()brightness(.45)}.ab.nomana{box-shadow:inset 0 0 0 100px #1e32784d}.ab.nomana .ab-icon>*{filter:grayscale()brightness(.75)}.ab.nomana .ab-mana{color:#ff7a7a}.ab.targeting{border-color:var(--gold);box-shadow:0 0 12px var(--gold)}.ab.passive{border-style:dashed}.ab.on{border-color:#7dff7d;box-shadow:0 0 10px #7dff7dbf,inset 0 0 10px #7dff7d73}.ab.auto:after{content:"";pointer-events:none;border:2px dashed var(--gold);border-radius:5px;animation:.9s ease-in-out infinite alternate ab-auto;position:absolute;inset:2px}@keyframes ab-auto{0%{opacity:.45}to{opacity:1}}.ab-icon{font-size:34px}.ab-icon img.ab-ic{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ab-key{color:#fff;text-shadow:0 1px 2px #000;font-size:11px;font-weight:800;position:absolute;top:2px;left:5px}.ab-charges{color:#ffe9a8;text-align:center;pointer-events:none;background:#000000bf;border-radius:7px;min-width:14px;padding:0 3px;font-size:11px;font-weight:800;position:absolute;top:2px;right:4px}.ab-charges:empty{display:none}.ab-mana{color:#8fb4ff;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:2px;right:4px}.ab-cd{background:conic-gradient(#000000b8 var(--p,0%), transparent 0);pointer-events:none;position:absolute;inset:0}.ab-cdtext{text-shadow:0 1px 4px #000;pointer-events:none;font-size:20px;font-weight:800;position:absolute}.ab-pips{gap:2px;display:flex;position:absolute;bottom:3px;left:5px}.pip{background:#3a4350;border:1px solid #000;border-radius:1px;width:6px;height:6px}.pip.on{background:var(--gold)}.ab-up{background:var(--gold);color:#000;border:none;border-radius:50%;width:22px;height:22px;padding:0;font-size:15px;font-weight:900;line-height:20px;animation:1s infinite pulse;display:none;position:absolute;top:-2px;right:-2px}.ab.can-level .ab-up{display:block}@keyframes pulse{50%{transform:scale(1.15)}}#skillpoints{text-align:center;color:var(--gold);font-size:12px}#bars{flex-direction:column;gap:3px;display:flex}.bar{background:#1a1f27;border:1px solid #000;border-radius:3px;height:17px;position:relative;overflow:hidden}.bar .fill{height:100%}.bar.hp .fill{background:linear-gradient(#4ad25a,#2a8d36)}.bar.mp .fill{background:linear-gradient(#4d8cff,#2a54b8)}.bar span{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}#inventory{flex-direction:column;gap:6px;width:196px;display:flex}#items{grid-template-columns:repeat(3,60px);gap:6px;display:grid}#items.unit-inv{outline-offset:3px;border-radius:4px;outline:2px solid #6ab0ff}.slot{border:1px solid var(--border);cursor:pointer;background:#151a22;border-radius:6px;justify-content:center;align-items:center;width:60px;height:44px;font-size:24px;display:flex;position:relative;overflow:hidden}.slot:hover,.slot.v-hover{border-color:#9fb8d8}.slot .k{color:var(--muted);font-size:9px;position:absolute;top:1px;left:3px}.slot .ch{font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.slot .cd{background:conic-gradient(#000000b8 var(--p,0%), transparent 0);pointer-events:none;position:absolute;inset:0}.slot{height:50px}.slot .icw{pointer-events:none;justify-content:center;align-items:center;display:flex}.slot img.ic{border-radius:4px;width:46px;height:46px;display:block}.slot.mini img.ic{border-radius:3px;width:26px;height:26px}.slot .k,.slot .ch{z-index:1;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}.slot .ch{color:#fff}.slot .cdt{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;inset:0}.slot.mini .cdt{font-size:11px}.slot.on{border-color:#7dff7d;box-shadow:inset 0 0 8px #7dff7d99}.slot.nomana img.ic{filter:grayscale()brightness(.75)}.slot.filled{cursor:grab}#drag-ghost{z-index:1000;pointer-events:none;opacity:.85;font-size:28px;position:fixed;transform:translate(-50%,-50%)}#drag-ghost img.ic{border-radius:4px;width:44px;height:44px;box-shadow:0 2px 10px #000}.sb-items{white-space:nowrap}.sb-slot{vertical-align:middle;background:#151a22;border:1px solid #000;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:2px;font-size:16px;display:inline-flex;position:relative}.sb-slot img.ic{border-radius:2px;width:26px;height:26px;display:block}.sb-slot.empty{opacity:.4}.ut-items img.ut-ic{vertical-align:middle;border-radius:2px;width:20px;height:20px;margin-right:1px}#hud-top{background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:10px;padding:4px 8px 3px 10px;display:flex;position:absolute;bottom:100%;right:12px}#gold-row{align-items:center;gap:10px;display:flex}#gold{color:var(--gold);font-size:18px;font-weight:800}#gold:before{content:"◉ ";font-size:14px}#shop-btn{color:var(--gold);background:linear-gradient(#5a4a1e,#3a2f12);border:1px solid #7a6428;border-radius:6px;padding:4px 12px;font-weight:700}#deliveries{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:11px;overflow:hidden}#deliveries:empty{display:none}#shop{width:540px;height:min(560px, calc(100vh / var(--ui-scale) - 250px));box-sizing:border-box;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:200px;right:10px}.shop-head{flex:none;align-items:center;gap:10px;display:flex}.shop-head h2{color:var(--gold);margin:0;font-size:18px}#shop-search{min-width:0;color:var(--text);border:1px solid var(--border);background:#0f141b;border-radius:5px;outline:none;flex:1;padding:4px 8px;font-size:12px}#shop-search:focus{border-color:var(--gold)}#shop-close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:18px}#shop-status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;overflow:hidden}.shop-body{flex:auto;gap:8px;min-height:0;display:flex}#shop-vendors{flex-direction:column;flex:none;gap:1px;width:158px;padding-right:2px;display:flex;overflow-y:auto}.vendor-group{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:5px 0 2px;font-size:10px}.vendor-group:first-child{margin-top:0}.vendor{text-align:left;color:var(--text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;padding:2px 6px 2px 14px;font-size:12px;position:relative;overflow:hidden}.vendor:hover,.vendor.v-hover{background:#1d2430}.vendor.active{border-color:var(--gold);color:var(--gold);background:#1d2430}.vendor.side .vn{color:#9fd3ff}.vendor.secret .vn{color:#d6a8ff}.vendor.active .vn{color:var(--gold)}.vendor.here:before{content:"";background:var(--radiant);width:6px;height:6px;box-shadow:0 0 5px var(--radiant);border-radius:50%;margin-top:-3px;position:absolute;top:50%;left:4px}.shop-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}#shop-vendor-title{color:var(--gold);flex:none;font-size:13px;font-weight:700}#shop-vendor-title .cn{color:var(--muted);margin-left:4px;font-size:11px;font-weight:400}#shop-grid{flex:auto;grid-template-columns:repeat(4,1fr);grid-auto-rows:78px;align-content:start;gap:5px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.shop-item{border:1px solid var(--border);cursor:pointer;background:#161c25;border-radius:6px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:4px 3px 2px;display:flex;position:relative}.shop-item:hover,.shop-item.v-hover{border-color:var(--gold)}.shop-item.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:#1d2430}.shop-item img.ic{border:1px solid #000;border-radius:4px;width:42px;height:42px}.shop-item .ic.emoji{height:42px;font-size:28px;line-height:42px}.shop-item .nm{white-space:nowrap;text-overflow:ellipsis;color:#c8ced8;max-width:100%;font-size:10px;line-height:1.15;overflow:hidden}.shop-item .cost{color:var(--gold);font-size:11px;font-weight:700;line-height:1.1}.shop-item .stk:not(:empty){color:#fff;text-align:center;background:#000c;border-radius:7px;min-width:14px;padding:0 3px;font-size:10px;font-weight:800;position:absolute;top:2px;left:3px}.shop-item .rst:not(:empty){color:#9fd3ff;background:#000000bf;border-radius:3px;padding:0 2px;font-size:9px;position:absolute;top:2px;right:3px}.shop-item.poor .cost{color:#eb5757}.shop-item.unavail{opacity:.55}.shop-item.unavail img.ic,.shop-item.unavail .ic.emoji{filter:grayscale()brightness(.7)}.shop-item.unavail .cost{color:var(--muted)}#shop-detail{border:1px solid var(--border);box-sizing:border-box;background:#11161e;border-radius:6px;flex:none;height:150px;padding:5px 8px;font-size:12px;overflow-y:auto}#shop-detail .detail-empty{color:var(--muted);justify-content:center;align-items:center;height:100%;display:flex}#shop-detail .detail-buy,#shop-detail .detail-courier,#shop-deliver{color:var(--gold);cursor:pointer;background:linear-gradient(#5a4a1e,#3a2f12);border:1px solid #7a6428;border-radius:5px;margin-left:6px;padding:1px 10px;font-size:12px;font-weight:700}#shop-detail .detail-courier,#shop-deliver{color:#bcd8ff;background:linear-gradient(#2c3c55,#1b2638);border-color:#44608a}#shop-detail .detail-buy:disabled,#shop-deliver:disabled{opacity:.45;cursor:default}#shop-detail .detail-title{justify-content:space-between;align-items:center;gap:6px;font-weight:700;display:flex}#shop-detail .detail-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}#shop-detail .detail-name img.dt-ic{border-radius:3px;width:24px;height:24px}#shop-detail .detail-cost{color:var(--gold)}#shop-detail .detail-where{color:var(--muted);margin:2px 0 4px;font-size:11px}#shop-detail .detail-where .why{color:#eb5757}#shop-detail .tree{flex-direction:column;align-items:center;gap:4px;display:flex}#shop-detail .tree-parts{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:6px;padding-top:4px;display:flex}#shop-detail .detail-into{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.tree-node{border:1px solid var(--border);cursor:pointer;background:#161c25;border-radius:5px;flex-direction:column;align-items:center;min-width:40px;padding:2px 4px;display:inline-flex}.tree-node:hover,.tree-node.v-hover{border-color:var(--gold)}.tree-node .ic{font-size:20px}.tree-node img.ic{border-radius:3px;width:28px;height:28px}.tree-node .tc{color:var(--gold);font-size:11px;font-weight:700}.tree-node.owned{border-color:#4f9a4f}.tree-node.owned .tc{color:#7dff7d}.tree-node.poor{opacity:.55}.shop-row{color:var(--muted);flex:none;align-items:center;gap:6px;font-size:11px;display:flex}#shop-courier-status{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#shop-deliver{margin-left:0;font-size:11px}#tooltip .tt-cn{color:var(--muted);font-size:12px;font-weight:400}#tooltip img.tt-ic{vertical-align:middle;border-radius:3px;width:22px;height:22px}.slot.combined{animation:.9s ease-out combine-flash}@keyframes combine-flash{0%{background:#5a4a1e;box-shadow:0 0 #f2c94cf2}to{box-shadow:0 0 14px 6px #f2c94c00}}#scoreboard{background:var(--panel-2);border:1px solid var(--border);pointer-events:none;border-radius:10px;min-width:640px;padding:12px 16px;position:absolute;top:60px;left:50%;transform:translate(-50%)}#scoreboard table,#endscreen table{border-collapse:collapse;width:100%;font-size:13px}#scoreboard th,#scoreboard td,#endscreen th,#endscreen td{text-align:left;padding:4px 8px}#scoreboard th,#endscreen th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}tr.team-head td{padding-top:10px;font-weight:800}tr.me td{background:#f2c94c1f}#tooltip{z-index:50;border:1px solid var(--border);pointer-events:none;background:#0a0c10f5;border-radius:8px;max-width:300px;padding:8px 10px;font-size:13px;line-height:1.35;position:fixed}#tooltip .tt-title{color:var(--gold);margin-bottom:3px;font-weight:800}#tooltip .tt-meta,#tooltip .tt-scepter{color:var(--muted);margin-top:4px;font-size:12px}#tooltip .tt-scepter.on{color:#7fd8ff}#help{color:var(--muted);text-align:right;pointer-events:none;background:#00000059;border-radius:6px;max-width:290px;padding:4px 8px;font-size:11px;position:absolute;bottom:6px;right:8px}#help b{color:#cfd6e0}#loading{z-index:50;background:radial-gradient(at 30% 70%,#3c783c59,#0000 60%),radial-gradient(at 70% 30%,#96322859,#0000 60%),#0c1014;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.fade{opacity:0;pointer-events:none}#loading h1{letter-spacing:.06em;background:linear-gradient(90deg, var(--radiant), var(--gold), var(--dire));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:56px}#loading .byline{color:#b9c2cf;margin:-20px 0 8px;font-size:15px;font-weight:700}#loading .handle,#author-row .handle{color:#fc3;text-shadow:0 0 10px #ffbe28a6;font-size:18px;font-weight:900}#loading-track{border:1px solid var(--border);background:var(--panel);border-radius:6px;width:min(480px,100%);height:10px;overflow:hidden}#loading-bar{background:linear-gradient(90deg, #b8862e, var(--gold));width:0;height:100%;transition:width .2s ease-out}#loading-status{color:#b9c2cf;font-variant-numeric:tabular-nums;min-height:1.2em;font-size:14px}#loading .hint{color:var(--muted);text-align:center;max-width:480px;margin:8px 0 0;font-size:13px}#heroselect{z-index:20;background:radial-gradient(at 30% 70%,#3c783c59,#0000 60%),radial-gradient(at 70% 30%,#96322859,#0000 60%),#0c1014;flex-direction:column;justify-content:safe center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}#heroselect h1{letter-spacing:.06em;background:linear-gradient(90deg, var(--radiant), var(--gold), var(--dire));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:46px}#loading h1 .version,#heroselect h1 .version{letter-spacing:0;color:#b9c2cf;vertical-align:baseline;margin-left:.3em;font-size:.32em}#author-row{align-items:center;gap:10px;margin-top:4px;display:flex}#author-row .author{color:#b9c2cf;font-size:15px;font-weight:700}#follow-btn{border:1px solid var(--gold);color:var(--gold);background:0 0;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:800}#follow-btn:hover{background:var(--gold);color:#0c1014}#heroselect .subtitle{color:#b9c2cf;margin:6px 0 22px}#heroselect .hint{color:var(--muted);margin-top:18px;font-size:13px}#hero-cards{width:100%;max-width:1200px}.pos-chip{color:#0c1014;opacity:.6;background:#59636f;border-radius:9px;justify-content:center;align-items:center;width:18px;height:18px;margin:0 2px;font-size:11px;font-weight:800;display:inline-flex}.pos-chip.primary{opacity:1}.pos-chip.p1{background:#e0a53c}.pos-chip.p2{background:#6fb6ff}.pos-chip.p3{background:#e0574a}.pos-chip.p4{background:#b48cff}.pos-chip.p5{background:#5fd36d}img.hero-ic{vertical-align:middle;border:1px solid #000;border-radius:2px;display:inline-block;box-shadow:0 0 0 1px #6b5a2a,inset 0 0 0 1px #ffffff26}.draft-row .pt img.hero-ic,.seat .pt img.hero-ic{width:26px;height:26px}.draft-title img.hero-ic{vertical-align:-6px;width:30px;height:30px}.hp-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.hp-search{border:1px solid var(--border);background:var(--panel-2);color:#e6ebf2;border-radius:8px;flex:220px;max-width:320px;padding:7px 10px;font-size:14px}.hp-search:focus{border-color:var(--gold);outline:none}.hp-seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.hp-seg button{border:0;border-right:1px solid var(--border);background:var(--panel-2);color:#c7cfdb;cursor:pointer;align-items:center;gap:4px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.hp-seg button:last-child{border-right:0}.hp-seg button:hover{color:#fff}.hp-seg button.on{color:var(--gold);background:#3a3220}.hp-seg .pos-chip{margin:0}@media (width<=900px){.hp-seg .lbl{display:none}}.hp-detail{background:var(--panel);border:1px solid var(--border);color:#c7cfdb;text-align:left;border-radius:10px;align-items:center;gap:10px;min-height:58px;margin-bottom:8px;padding:6px 10px;font-size:13px;display:flex}.hp-detail .hd-ic img.hero-ic{width:44px;height:44px}.hp-detail .hd-ic .emoji{font-size:34px}.hp-detail .hd-main{flex-wrap:wrap;align-items:baseline;gap:2px 8px;display:flex}.hp-detail .hd-nm{color:#e6ebf2;font-size:17px;font-weight:800}.hp-detail .hd-tt{color:var(--muted);font-size:12px}.hp-detail .hd-meta{color:var(--gold);font-size:12px}.hp-detail .hd-abs{flex-wrap:wrap;flex-basis:100%;gap:4px 14px;font-size:12px;display:flex}.hp-detail .hd-hint{color:var(--muted);text-align:center;width:100%}.draft-hero{width:100%;max-width:640px;margin:0}.attr-str{--attr:#e0574a}.attr-agi{--attr:#5fd36d}.attr-int{--attr:#6fb6ff}.hd-meta .attr-str,.hd-meta .attr-agi,.hd-meta .attr-int{color:var(--attr)}.hp-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}@media (width<=900px){.hp-groups{grid-template-columns:1fr}}.hp-group{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--attr);border-radius:10px;padding:6px 8px 8px}.hp-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--attr);text-align:left;margin:0 0 6px;font-size:12px}.hp-group h3 .n{color:var(--muted);margin-left:4px;font-weight:400}.hp-group.empty{opacity:.55}.hp-group.empty .hp-tiles:before{content:"No match";color:var(--muted);grid-column:1/-1;padding:6px 2px;font-size:12px}.hp-tiles{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:2px;display:grid}.hero-tile{color:#e6ebf2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:5px 2px 4px;transition:transform .12s,border-color .12s;display:flex}.hero-tile:hover,.hero-tile:focus-visible{border-color:var(--gold);background:var(--panel-2);outline:none;transform:translateY(-2px)}.hero-tile.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:var(--panel-2)}.hero-tile img.hero-ic{width:48px;height:48px}.hero-tile .emoji{height:48px;font-size:36px;line-height:48px}.hero-tile .nm{text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;min-height:2.3em;font-size:11px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.hero-tile .chips{line-height:1}.hero-tile .pos-chip{width:14px;height:14px;margin:0 1px;font-size:9px}.hp-empty{color:var(--muted);text-align:center;padding:18px}#random-btn,#online-btn,.draft-actions button{border:1px solid var(--border);background:var(--panel-2);color:#e6ebf2;cursor:pointer;border-radius:8px;margin-top:16px;padding:9px 22px;font-size:15px;font-weight:700}#random-btn:hover,#online-btn:hover,.draft-actions button:hover{border-color:var(--gold)}#hs-buttons{justify-content:center;gap:12px;display:flex}#online-btn{color:#9fd0ff}#difficulty-row{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:14px;display:flex}#difficulty-row label{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}#difficulty-row select{border:1px solid var(--border);background:var(--panel-2);color:#e6ebf2;border-radius:6px;padding:5px 8px;font-size:14px}#difficulty-row select:disabled{opacity:.6}.draft-diff{color:var(--muted);font-size:13px}.draft-diff b{color:#e6ebf2}.draft-actions{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;display:flex}.draft-level{color:var(--muted);align-items:center;gap:8px;height:40px;font-size:13px;font-weight:700;display:flex}.draft-level select{border:1px solid var(--border);background:var(--panel-2);color:#e6ebf2;border-radius:6px;padding:5px 8px;font-size:14px}.draft-actions button.primary{background:var(--gold);color:#1a1408;border-color:var(--gold)}#draft-preview{z-index:25;background:#05080cd1;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}#draft-preview.hidden{display:none}.draft-title{font-size:22px;font-weight:800}.draft-title .seed{color:var(--muted);margin-left:10px;font-size:12px;font-weight:400}.draft-cols{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.draft-cols .vs{color:var(--muted);font-weight:800}.draft-col{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;min-width:260px;padding:12px 14px}.draft-col h3{text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:15px}.draft-col.radiant h3{color:var(--radiant)}.draft-col.dire h3{color:var(--dire)}.draft-row{grid-template-columns:30px 1fr 24px 60px;align-items:center;gap:6px;padding:4px 0;font-size:14px;display:grid}.draft-row.me{color:var(--gold)}.draft-row .pt{font-size:20px}.draft-row .ln{color:var(--muted);text-align:right;font-size:12px}.draft-row em{color:var(--gold);font-size:11px;font-style:normal}#endscreen{z-index:30;background:#05080cd9;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#endscreen h1{margin:0;font-size:64px}#endscreen .panel{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;min-width:680px;padding:12px 16px}#endscreen button{background:var(--gold);color:#000;border:none;border-radius:8px;padding:10px 26px;font-size:16px;font-weight:800}#clock{gap:6px;transition:background .6s,color .6s}#clock.night{color:#b9c8ff;background:#5a78dc38}#daynight{font-size:15px}#respawn-time{margin-top:4px;font-size:20px}#buyback-btn{pointer-events:auto;color:var(--gold);cursor:pointer;background:linear-gradient(#5a4a1e,#3a2f12);border:1px solid #7a6428;border-radius:6px;margin-top:12px;padding:7px 18px;font-size:15px;font-weight:700}#buyback-btn:disabled{opacity:.55;cursor:default;color:var(--muted);border-color:var(--border)}#stash-slots{gap:3px;display:flex}.slot.mini{border-radius:4px;width:28px;height:28px;font-size:15px}.slot.mini .ch{font-size:9px;bottom:0;right:2px}#flash.info{color:#ffe9a8}.gear{border:none;border-left:1px solid var(--border);color:#c7cfdb;pointer-events:auto;cursor:pointer;background:#ffffff0f;padding:0 12px;font-size:18px}.gear:hover,.gear.v-hover{color:var(--gold)}.gear.wide{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;margin-top:10px;padding:6px 16px;font-size:14px;font-weight:700}#follow{z-index:40;background:#05080c99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.follow-box{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;width:min(620px,100vw - 32px);max-height:calc(100vh - 40px);padding:12px 16px;overflow:auto;box-shadow:0 10px 40px #0009}.follow-close{color:var(--text);background:0 0;border:none;font-size:18px}.follow-qrs{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.follow-qrs figure{text-align:center;flex:240px;max-width:280px;margin:0}.follow-qrs img{border-radius:8px;width:100%;height:auto;display:block}.follow-qrs figcaption{color:#b9c2cf;margin-top:6px;font-size:13px}#settings{z-index:40;background:#05080c99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-box{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(560px,100vw - 32px);max-height:calc(100vh - 40px);padding:12px 16px;display:flex;position:relative;box-shadow:0 10px 40px #0009}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h2{color:var(--gold);margin:0;font-size:20px}.settings-close{color:var(--text);background:0 0;border:none;font-size:18px}.settings-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin:10px 0 8px;display:flex}.settings-tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 12px;font-weight:700}.settings-tabs button.active{color:var(--text);border-bottom-color:var(--gold)}.settings-body{padding-right:4px;overflow:auto}.set-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;font-size:14px;display:flex}.set-ctl{align-items:center;gap:8px;display:flex}.set-ctl input[type=range]{width:170px;accent-color:var(--gold)}.set-ctl output{text-align:right;font-variant-numeric:tabular-nums;width:48px;color:var(--muted);font-size:12px}.set-ctl input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.set-ctl select{border:1px solid var(--border);color:var(--text);background:#161c25;border-radius:6px;padding:4px 6px}.set-btn,.key-btn{border:1px solid var(--border);color:var(--text);background:#161c25;border-radius:6px;padding:4px 12px;font-weight:700}.set-btn:hover,.key-btn:hover{border-color:var(--gold)}.key-btn{min-width:86px;font-family:inherit}.key-btn.capturing{border-color:var(--gold);color:var(--gold);animation:1s infinite pulse}.set-foot{border-bottom:none;margin-top:6px}.set-note{color:var(--muted);margin:4px 0 8px;font-size:12px}.hotkey-grid{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}@media (width<=560px){.hotkey-grid{grid-template-columns:1fr}}.settings-reload{color:var(--gold);background:#f2c94c1f;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;font-size:13px;display:flex}.settings-toast{background:var(--panel);border:1px solid var(--border);opacity:0;white-space:nowrap;pointer-events:none;border-radius:6px;padding:5px 12px;font-size:13px;transition:opacity .2s;position:absolute;bottom:-38px;left:50%;transform:translate(-50%)}.settings-toast.show{opacity:1}.settings-toast.error{color:#ff7b6b}#death-recap{background:var(--panel);border:1px solid var(--border);width:380px;color:var(--text);text-shadow:none;text-align:left;border-radius:10px;margin:14px auto 0;padding:10px 12px;font-size:13px;font-weight:400}#death-recap .dr-head{font-size:15px}#death-recap .dr-head b{color:#ffb3a8}#death-recap .dr-aegis{color:var(--gold);margin-left:6px;font-size:12px}#death-recap .dr-sub{color:var(--muted);margin:2px 0 6px;font-size:12px}.dr-row{border-top:1px solid #ffffff0d;grid-template-columns:1fr 48px;gap:2px 8px;padding:4px 0;display:grid}.dr-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.dr-total{text-align:right;color:#ffb3a8;font-variant-numeric:tabular-nums;font-weight:800}.dr-bar{background:#222a35;border-radius:3px;grid-column:1/-1;height:6px;display:flex;overflow:hidden}.dr-detail{color:var(--muted);grid-column:1/-1;font-size:11px}.dr-legend{color:var(--muted);align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.dr-legend span{border-radius:2px;width:10px;height:6px;margin-left:6px;display:inline-block}.phys{background:#e0574a}.mag{background:#6f8cff}.pure{background:#f0f0f0}#tutorial-tip{width:min(520px, calc(100vw / var(--ui-scale) - 32px));background:var(--panel-2);border:1px solid var(--gold);border-radius:10px;padding:10px 14px;font-size:14px;animation:.25s fadein;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}#tutorial-tip .tt-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}#tutorial-tip button{border:1px solid var(--border);color:var(--text);background:#161c25;border-radius:6px;padding:3px 12px;font-weight:700}#tutorial-tip .tt-ok{background:var(--gold);color:#1a1408;border-color:var(--gold)}#unit-tip{z-index:45;pointer-events:none;border:1px solid var(--border);background:#0a0c10eb;border-radius:7px;min-width:120px;padding:6px 9px;font-size:12px;line-height:1.35;position:fixed}#unit-tip .ut-name{font-size:13px;font-weight:800}#unit-tip .ut-lvl{color:#ffe9a8;margin-left:4px;font-size:11px;font-weight:700}#unit-tip .ut-hp{color:#9ee69e}#unit-tip .ut-stats{color:#c7cfdb}#unit-tip .ut-items{letter-spacing:2px;font-size:16px}#unit-tip .ut-empty{color:#3a4350}#inspect{pointer-events:none;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:5px;width:220px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}#inspect .in-head{align-items:center;gap:8px;display:flex}#inspect .in-icon{border:1px solid var(--border);background:radial-gradient(circle at 50% 35%,#3a4658,#151a22);border-radius:6px;flex:none;justify-content:center;align-items:center;width:48px;height:56px;font-size:30px;display:flex}#inspect img.in-ic{object-fit:cover;border-radius:5px;width:100%;height:100%}#inspect .in-title{min-width:0}#inspect .in-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;overflow:hidden}#inspect .in-sub{color:var(--muted)}#inspect .in-sub:first-letter{text-transform:uppercase}#inspect .in-stats{color:#c7cfdb}#inspect .hero-attrs{gap:10px}#inspect .in-items{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}#inspect .in-slot{background:#10141a;border:1px solid #000;border-radius:3px;justify-content:center;align-items:center;height:30px;font-size:18px;display:flex}#inspect img.in-it{object-fit:cover;border-radius:2px;width:100%;height:100%}.ab.suggested .ab-up{background:#ffe680;box-shadow:0 0 10px 3px #ffe680d9}.ab.suggested{border-color:#ffe680}#tooltip .tt-suggest{color:#ffe680;margin-top:4px;font-weight:700}#lobby{z-index:22;background:radial-gradient(at 30% 70%,#3c783c4d,#0000 60%),radial-gradient(at 70% 30%,#9632284d,#0000 60%),#0c1014;flex-direction:column;justify-content:safe center;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}#lobby h1{letter-spacing:.06em;background:linear-gradient(90deg, var(--radiant), var(--gold), var(--dire));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:40px}#lobby h1 span{font-size:22px}#lobby h3:not(.hero-picker h3){text-transform:uppercase;letter-spacing:.08em;color:#c7cfdb;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;display:flex}#lobby button:not(.hero-picker button){border:1px solid var(--border);background:var(--panel-2);color:#e6ebf2;border-radius:7px;padding:7px 16px;font-weight:700}#lobby button:not(.hero-picker button):hover:not(:disabled){border-color:var(--gold)}#lobby button:not(.hero-picker button):disabled{opacity:.5;cursor:default}#lobby button.primary{background:var(--gold);color:#1a1408;border-color:var(--gold)}#lobby input:not(.hero-picker input),#lobby select{border:1px solid var(--border);color:#e6ebf2;font:inherit;background:#151a22;border-radius:6px;padding:6px 8px}#lobby input[type=checkbox]{padding:0}#lobby .muted{color:var(--muted);font-size:12px}#lobby-status{min-height:18px;color:var(--muted);text-align:center;font-size:13px}#lobby-status.error{color:#ff8a7a}.lobby-view{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:1100px;display:flex}.lobby-name{color:var(--muted);align-items:center;gap:8px;font-weight:700;display:flex}.lobby-cols{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.lobby-box{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;gap:10px;min-width:300px;max-width:460px;padding:12px 14px;display:flex}.lobby-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}#lobby-code{text-transform:uppercase;letter-spacing:.15em;width:110px}#lobby-rooms{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow:auto}.lobby-room-row{background:#151a22;border-radius:6px;grid-template-columns:80px 1fr auto auto;align-items:center;gap:10px;padding:4px 6px;font-size:13px;display:grid}.lobby-room-row b{letter-spacing:.12em;color:var(--gold)}.lobby-empty{color:var(--muted);padding:6px;font-size:13px}.room-head{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex}.room-head b{letter-spacing:.16em;color:var(--gold);margin-left:6px;font-size:26px}#room-info{color:var(--muted);font-size:12px}.room-teams{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.room-team{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;flex:1;min-width:300px;max-width:460px;padding:10px 12px}.room-team.radiant h3{color:var(--radiant)}.room-team.dire h3{color:var(--dire)}.seat{border-radius:6px;grid-template-columns:28px 1fr auto 60px;align-items:center;gap:8px;min-height:26px;padding:5px 6px;font-size:13px;display:grid}.seat+.seat{border-top:1px solid #222a35}.seat.empty{color:var(--muted);cursor:pointer;display:block}.seat.empty:hover{background:#18202b}.seat.me{background:#f2c94c1a}.seat .pt{font-size:18px}.seat .nm em{color:var(--gold);border:1px solid #6a5a2a;border-radius:4px;margin-left:4px;padding:0 4px;font-size:10px;font-style:normal}.seat .nm em.off{color:#ff8a7a;border-color:#6a2a2a}.seat .hn{color:#c7cfdb}.seat .rd{color:var(--radiant);text-align:right;font-size:12px}#room-heroes{width:100%;max-width:1200px}#room-heroes .hp-groups{max-height:46vh;overflow:auto}.hero-tile.taken{opacity:.35;filter:grayscale(.8);cursor:not-allowed}.hero-tile.taken:hover{border-color:#0000;transform:none}.room-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#lobby-loading{color:#c7cfdb;margin-top:40px}.spinner{border:4px solid #2a3442;border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#reconnect{z-index:40;background:#05080c8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reconnect-box{background:var(--panel-2);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;min-width:300px;padding:18px 22px;display:flex}.reconnect-actions{gap:10px;display:flex}.reconnect-actions button{border:1px solid var(--border);color:var(--text);background:#161c25;border-radius:7px;padding:6px 14px;font-weight:700}#selection{background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:4px;max-width:560px;padding:4px 6px 3px;display:flex;position:absolute;bottom:100%;left:12px}.sel-u{cursor:pointer;opacity:.6;background:#151a22;border:1px solid #3a4658;border-radius:5px;flex-direction:column;justify-content:space-between;align-items:center;width:34px;height:38px;padding:1px 0 2px;display:flex;position:relative}.sel-u.active{opacity:1;border-color:#6dff7d}.sel-u.lead{box-shadow:0 0 0 1px #6dff7d,0 0 6px #6dff7d99}.sel-u.illusion .sel-ic{filter:hue-rotate(180deg)saturate(1.6)}.sel-u.dead{filter:grayscale()brightness(.5)}.sel-u:hover,.sel-u.v-hover{border-color:#9fb8d8}.sel-ic{pointer-events:none;font-size:20px;line-height:24px}.sel-ic img.sel-img{width:24px;height:24px;margin-top:1px;display:block}.sel-hp{pointer-events:none;background:#000;border-radius:1px;width:28px;height:4px;overflow:hidden}.sel-hp>div{background:#4ad25a;width:100%;height:100%}#select-box{z-index:50;pointer-events:none;background:#6dff7d14;border:1px solid #6dff7d;position:fixed}#soft-cursor{z-index:2147483647;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;position:fixed;top:0;left:0}