:root{--bg:#010a13;--plate:#040c16f0;--plate-2:#0a1428;--panel:#040c16e6;--line:#c8aa6e59;--line-soft:#f0e6d21f;--gold:#c8aa6e;--gold-hi:#f0e6d2;--gold-lo:#785a28;--text:#f0e6d2;--muted:#a09b8c;--teal:#0ac8b9;--blue:#5b8ff9;--red:#e0645a;--hp:#1ea64b;--hp-mid:#d8a93b;--hp-low:#c9413a;--mana:#2f7fd8;--controls-accent:var(--gold);--controls-ink:#0b0f15;--controls-warn:var(--hp-mid);--controls-card:#060c14}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;font-size:13px;position:fixed;inset:0}#hud button,#hud .slot,#hud .small,#hud .minimap,#hud .shop{pointer-events:auto}.heroframe,.purse,.mapwrap,.topbar,.shop,.board,.channel{border:1px solid var(--gold-lo);background:linear-gradient(#0a1428f5,#010a13f5);box-shadow:inset 0 0 0 1px #0009,0 6px 24px #00000073}.topbar{white-space:nowrap;font-variant-numeric:tabular-nums;border-top:none;border-right:none;border-radius:0 0 0 10px;align-items:center;gap:16px;padding:6px 12px 6px 16px;display:flex;position:absolute;top:0;right:0}.topbar .score{align-items:baseline;gap:6px;font-size:16px;font-weight:700;display:flex}.topbar .score .blue{color:#6fa3ff}.topbar .score .red{color:#ff7d6e}.topbar .score .vs{color:var(--muted);font-size:11px;font-weight:500}.topbar .kda,.topbar .cs{color:var(--gold-hi);font-size:13px}.topbar .kda:before{content:"⚔ ";color:var(--gold)}.topbar .cs:before{content:"◆ ";color:var(--gold);font-size:10px}.topbar .timer{color:var(--gold-hi);font-size:15px;font-weight:600}.topbar .status{color:var(--muted);font-size:11px}.topbar .status:empty{display:none}.ghost{color:var(--gold-hi);border:1px solid var(--gold-lo);cursor:pointer;background:#c8aa6e14;border-radius:4px;padding:3px 9px;font-family:inherit;font-size:11px}.ghost:hover{border-color:var(--gold);background:#c8aa6e2e}.heroframe{border-bottom:none;border-radius:14px 14px 0 0;align-items:flex-end;gap:10px;padding:10px 14px 10px 10px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-58%)}.portraitwrap{flex:0 0 84px;width:84px;height:84px;margin-bottom:2px;position:relative}.xpring{background:conic-gradient(#b48dff var(--xp,0deg), #ffffff14 0);border-radius:50%;position:absolute;inset:0}.portrait{border:2px solid var(--gold);color:var(--gold-hi);background:#0b1626 50%/cover no-repeat;border-radius:50%;place-items:center;font-size:28px;font-weight:700;display:grid;position:absolute;inset:5px}.portrait[data-team="0"]{box-shadow:0 0 0 2px #5b8ff959}.portrait[data-team="1"]{box-shadow:0 0 0 2px #e0645a59}.portraitwrap .level{border:1px solid var(--gold);font-variant-numeric:tabular-nums;background:#08101c;border-radius:11px;place-items:center;min-width:26px;height:22px;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.heroname{display:none}.framecentre{flex-direction:column;gap:7px;display:flex}.abilities{align-items:flex-start;gap:6px;display:flex}.slotcolumn{flex-direction:column;align-items:center;gap:3px;display:flex}.slot,.small{border:1px solid var(--gold-lo);cursor:pointer;background:#0b1626;border-radius:4px;position:relative}.slot{width:56px;height:56px}.small{width:40px;height:40px}.slot .icon,.small .icon{color:#f0e6d2bf;background:linear-gradient(160deg,#1d3550,#0c1828) 50%/cover no-repeat;border-radius:3px;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:1px}.small .icon{font-size:13px}.sweep{pointer-events:none;background:conic-gradient(#01060cc7 var(--left,0deg), transparent 0);border-radius:3px;position:absolute;inset:1px;transform:scaleX(-1)}.slotcd{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;pointer-events:none;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.small .slotcd{font-size:14px}.slot .key,.small .key{min-width:15px;color:var(--gold-hi);text-align:center;pointer-events:none;background:#01060cd9;border-radius:3px;padding:0 3px;font-size:10px;font-weight:700;line-height:14px;position:absolute;bottom:1px;left:2px}.small .count{color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.slot.locked .icon{filter:grayscale(.85)brightness(.62)}.slot:hover,.small:hover{border-color:var(--gold)}.pips{gap:3px;display:flex}.pips i{background:#ffffff1f;border-radius:1px;width:9px;height:4px}.pips i.on{background:#f0c94d;box-shadow:0 0 4px #f0c94d99}.learn{color:#ffe58a;cursor:pointer;background:linear-gradient(#5a4510,#2a1f06);border:1px solid #f0c94d;border-radius:4px;width:26px;height:18px;padding:0;font:700 14px/14px inherit;animation:1s ease-in-out infinite alternate learn;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@keyframes learn{0%{box-shadow:0 0 2px #ffdc6e66}to{box-shadow:0 0 10px #ffdc6ee6}}.slot[data-hint]:not([data-hint=""]):after{content:attr(data-hint);border:1px solid var(--gold-lo);white-space:nowrap;color:var(--hp-mid);opacity:0;pointer-events:none;background:#050b14;border-radius:4px;padding:3px 7px;font-size:10.5px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.slot:hover[data-hint]:not([data-hint=""]):after{opacity:1}.spells{gap:5px;margin-top:8px;margin-left:6px;display:flex}.bars{flex-direction:column;gap:3px;display:flex}.bar{background:#050a10;border:1px solid #000c;border-radius:2px;height:15px;position:relative;overflow:hidden}.bar .fill{background:linear-gradient(180deg, #4cd36f, var(--hp) 55%, #12773a);width:100%;transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.bar.hp .fill[data-state=mid]{background:linear-gradient(180deg, #f3cb63, var(--hp-mid) 55%, #9a7420)}.bar.hp .fill[data-state=low]{background:linear-gradient(180deg, #f07a6c, var(--hp-low) 55%, #8c2620)}.bar.mana .fill{background:linear-gradient(180deg, #6fb1ff, var(--mana) 55%, #1b4f92)}.barnum{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.regen{font-variant-numeric:tabular-nums;color:#ffffffc7;text-shadow:0 1px 2px #000;align-items:center;font-size:10px;display:flex;position:absolute;top:0;bottom:0;right:6px}.purse{border-bottom:none;border-radius:10px 10px 0 0;gap:6px;padding:10px 10px 8px;display:flex;position:absolute;bottom:0;left:calc(50% + 172px)}.purseleft{flex-direction:column;gap:6px;display:flex}.items{grid-template-columns:repeat(3,40px);gap:4px;display:grid}.small.empty .icon{background:#ffffff08}.purseside{flex-direction:column;gap:4px;display:flex}.small.trinket,.small.trinket .icon,.small.trinket .sweep{border-radius:50%}.goldrow{justify-content:space-between;align-items:center;gap:6px;display:flex}.gold{border:1px solid var(--gold-lo);color:#f4cf6a;font-variant-numeric:tabular-nums;background:#050b14;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:5px;height:22px;font-size:14px;font-weight:700;display:flex}.gold:before{content:"";background:radial-gradient(circle at 35% 30%,#fff3b5,#e0a92c 60%,#8a5a10);border-radius:50%;width:10px;height:10px}.shopbutton{border:1px solid var(--gold-lo);width:26px;height:22px;color:var(--gold-hi);cursor:pointer;background:#0b1626;border-radius:4px;padding:0;font:700 11px/1 inherit}.mapwrap{border-bottom:none;border-right:none;border-radius:6px 0 0;padding:4px;position:absolute;bottom:0;right:0}.minimap{cursor:pointer;display:block}.channel{border-radius:3px;width:240px;height:22px;position:absolute;bottom:168px;left:50%;overflow:hidden;transform:translate(-50%)}.channelfill{background:linear-gradient(90deg, #0a6f8a, var(--teal));width:0;position:absolute;inset:0 auto 0 0}.channeltext{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:11.5px;font-weight:600;display:grid;position:absolute;inset:0}.death{-webkit-backdrop-filter:grayscale()brightness(.8);backdrop-filter:grayscale()brightness(.8);justify-content:center;align-items:flex-end;padding-bottom:200px;display:flex;position:absolute;inset:0}.deathtime{color:var(--gold-hi);text-shadow:0 2px 8px #000;font-size:20px;font-weight:700}.shop{border-radius:6px;width:560px;padding:14px 16px 12px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.shopnote{color:var(--muted);margin:0 0 10px;font-size:11px}.shoplist{gap:4px;display:grid}.shoprow{background:#ffffff08;border:1px solid #0000;border-radius:4px;grid-template-columns:44px 1fr auto auto;align-items:center;gap:10px;padding:5px 6px;display:grid}.shoprow:hover{border-color:var(--gold-lo)}.shopicon{border:1px solid var(--gold-lo);width:44px;height:44px;color:var(--gold-hi);background:linear-gradient(160deg,#1d3550,#0c1828) 50%/cover no-repeat;border-radius:4px;place-items:center;font-weight:700;display:grid}.shopwords{flex-direction:column;gap:2px;min-width:0;display:flex}.shopname{color:var(--gold-hi);font-size:13px;font-weight:600}.shopgives{color:#9fd2c9;font-size:11px}.shoprow .buy{border:1px solid var(--gold);color:var(--gold-hi);cursor:pointer;background:linear-gradient(#1e2c3c,#0b1626);border-radius:3px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600}.shoprow .buy:disabled{opacity:.36;cursor:default}.shoprow[data-problem=gold]{opacity:.7}.board{font-variant-numeric:tabular-nums;border-radius:6px;width:820px;padding:10px 14px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.boardrow{grid-template-columns:32px 28px 1.3fr 1fr 168px 88px 44px 40px;align-items:center;gap:8px;padding:3px 4px;font-size:12px;display:grid}.boardrow.head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gold-lo);margin-bottom:3px;padding-bottom:5px;font-size:10px}.boardrow.t1:not(.head){background:#e0645a12}.boardrow.t0:not(.head){background:#5b8ff912}.boardrow.t0 .bname{color:#9dc0ff}.boardrow.t1 .bname{color:#ffa9a1}.boardrow.self{outline:1px solid var(--gold)}.bface{border:1px solid var(--gold-lo);background:#0b1626 50%/cover no-repeat;border-radius:4px;place-items:center;width:30px;height:30px;font-weight:700;display:grid;position:relative}.bface[data-dead]:after{content:attr(data-dead);color:#ff8d80;background:#000000a6;place-items:center;display:grid;position:absolute;inset:0}.bitems{gap:2px;display:flex}.bitem{background:#08111d 50%/cover no-repeat;border:1px solid #c8aa6e40;border-radius:3px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.boardrow .bnum{text-align:right}.notice{color:#ffd8a8;text-shadow:0 1px 3px #000;white-space:nowrap;background:#01060cb8;border:1px solid #c8aa6e40;border-radius:4px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.notice:empty{display:none}.startcontrols{max-width:720px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.quickall input{appearance:none;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff47;border-radius:3px;flex:none;width:16px;height:16px;margin:0}.quickall input:checked{border-color:var(--controls-accent,#c9a86a);background:var(--controls-accent,#c9a86a);box-shadow:inset 0 0 0 3px #0b0f14}.quickall{color:var(--text);cursor:pointer;align-items:center;gap:8px;margin:10px 0 2px;font-size:12.5px;display:flex}.endscreen{pointer-events:auto;background:#01060cbd;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.endtitle{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:64px}.endtitle[data-result=loss]{color:#ef8a80}.endnote{color:var(--muted);margin:0;font-size:13px}.endscreen .again{letter-spacing:.06em;border:1px solid var(--gold);color:var(--gold-hi);cursor:pointer;background:linear-gradient(#1e2c3c,#0b1626);border-radius:4px;margin-top:6px;padding:11px 30px;font-family:inherit;font-size:14px;font-weight:600}.hidden{display:none!important}#start{z-index:5;pointer-events:auto;position:fixed;inset:0}.play{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--gold);color:#e8fbff;cursor:pointer;background:linear-gradient(#1e6f7a,#0b3f4a);border-radius:4px;padding:11px 38px;font-family:inherit;font-size:15px;font-weight:700}.rankedrow{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.guestinput{border:1px solid var(--gold-lo);color:var(--text);font:inherit;background:#050b14;border-radius:3px;margin-left:8px;padding:5px 8px}.ranked{border:1px solid var(--gold-lo);color:var(--gold-hi);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:3px;padding:6px 14px}.ranked:disabled{opacity:.45;cursor:default}.tooltip{z-index:50;border:1px solid var(--gold-lo);pointer-events:none;color:#cdbe91;background:linear-gradient(#0a1428,#010a13);border-radius:2px;max-width:320px;padding:10px 12px 11px;font-size:12.5px;line-height:1.45;position:fixed;box-shadow:0 0 0 1px #000c,0 10px 30px #0009}.tiphead{align-items:baseline;gap:8px;display:flex}.tiptitle{color:var(--gold-hi);font-size:14px;font-weight:700}.tipkey{color:var(--muted);font-size:11.5px}.tipfacts{color:#7fb4c9;margin-top:3px;font-size:11px}.tipstat{color:#ffd27a;margin-top:4px}.tiptext{color:#e3dccb;margin:6px 0 0}.tipnote{color:#ff8d80;margin-top:6px;font-size:11.5px}.slot .icon,.small .icon,.portrait,.bface,.bitem,.shopicon,.kiticon,.teamface,.tileface{background-position:50%;background-size:cover}.slot .icon[style*=url],.small .icon[style*=url]{border-radius:3px;inset:0}.small.recallbutton .icon,.small.trinket .icon{font-size:15px}.shop{border:1px solid var(--gold-lo);pointer-events:auto;background:linear-gradient(#081626fa,#010a13fa);border-radius:2px;width:min(1040px,94vw);padding:0;position:absolute;top:52px;left:50%;transform:translate(-50%)}.shophead{border-bottom:1px solid #c8aa6e40;align-items:center;gap:24px;padding:12px 18px 0;display:flex}.shoptitle{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi);margin:0 8px 10px 0;font-size:15px}.shoptab{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 4px 10px;font-size:13.5px;font-weight:700}.shoptab.on{color:var(--gold-hi);box-shadow:inset 0 -2px 0 var(--teal)}.shopclose{width:28px;height:28px;color:var(--gold-hi);cursor:pointer;background:0 0;border:none;margin:0 0 10px auto;font-size:18px}.shopbody{grid-template-columns:160px 1fr 320px;min-height:min(460px,58vh);display:grid}.shopgrid{padding:12px 18px 16px}.shopgroup{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi);margin:8px 0;font-size:12px;font-weight:700}.shopcards{flex-wrap:wrap;gap:12px;display:flex}.shopcard{cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:3px;display:flex}.shopcard .shopicon{border:1px solid var(--gold-lo);width:52px;height:52px;color:var(--gold-hi);background-color:#0b1626;border-radius:2px;place-items:center;font-weight:700;display:grid}.shopcard.chosen{border-color:var(--teal);box-shadow:0 0 12px #0ac8b959}.shopcard[data-problem=gold] .shopicon,.shopcard[data-problem=component] .shopicon,.shopcard[data-problem=full] .shopicon{filter:grayscale(.7)brightness(.6)}.shopcard[data-problem=gold] .shopcost{color:#8c7f63}.shopcost{color:#f4cf6a;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.shopdetail{background:#0000002e;border-left:1px solid #c8aa6e40;flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.shoptree{flex-direction:column;align-items:center;gap:6px;display:flex}.shoplabel{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);align-self:flex-start;font-size:11.5px;font-weight:700}.shoptreerow{gap:8px;display:flex}.shoptreeicon{border:1px solid var(--gold-lo);cursor:pointer;background:#0b1626 50%/cover no-repeat;border-radius:2px;place-items:center;width:40px;height:40px;font-size:11px;display:grid}.shoptreeicon.big{border-color:var(--teal);width:56px;height:56px;box-shadow:0 0 14px #0ac8b966}.shoptreeline{background:var(--gold-lo);width:1px;height:14px}.shopname{border-top:1px solid #c8aa6e2e;align-items:center;gap:10px;padding-top:10px;display:flex}.shopnameicon{border:1px solid var(--gold-lo);background:#0b1626 50%/cover no-repeat;width:40px;height:40px}.shopnamewords{flex-direction:column;display:flex}.shopnametext{color:var(--gold-hi);font-size:15px;font-weight:700}.shopstats{flex-direction:column;flex:1;gap:3px;display:flex}.shopstat{color:#ffd27a;font-size:13px}.shopstat.muted{color:var(--muted)}.shoptext{color:#e3dccb;margin:6px 0 0;font-size:12.5px}.shopdetail .buy{border:1px solid var(--gold);color:#e8fbff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#1e6f7a,#0b3f4a);padding:9px 0;font:700 13px/1 inherit}.shopdetail .buy:disabled{opacity:.4;cursor:default}.shopfoot{color:var(--muted);border-top:1px solid #c8aa6e40;justify-content:space-between;align-items:center;padding:8px 18px;font-size:11.5px;display:flex}.shopgold{color:#f4cf6a;font-size:15px;font-weight:700}.shopgold:before{content:"";background:radial-gradient(circle at 35% 30%,#fff3b5,#e0a92c 60%,#8a5a10);border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}.endscreen{background:radial-gradient(circle at 50% 30%,#010a1359,#01060ceb 70%);gap:8px}.endcrest{background:50%/contain no-repeat;width:300px;height:300px;margin-bottom:-60px}.endtitle{letter-spacing:.12em;text-shadow:0 4px 24px #000c;font-size:76px;font-weight:800}.endtitle[data-result=win]{color:#f0d78c}.endrating{color:var(--gold-hi);margin:0}.endstats{grid-template-columns:1fr 1fr;gap:18px;width:min(820px,92vw);margin-top:10px;display:grid}.endteam{border:1px solid var(--gold-lo);background:#010a13bf;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.endteamhead{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:4px;font-size:12px;font-weight:700}.endteam.t0 .endteamhead{color:#9dc0ff}.endteam.t1 .endteamhead{color:#ffa9a1}.endrow{font-variant-numeric:tabular-nums;grid-template-columns:30px 1fr 86px 34px;align-items:center;gap:8px;font-size:12.5px;display:grid}.endrow.self{outline:1px solid var(--gold)}.endnum{text-align:right}.endbuttons{align-items:center;gap:14px;margin-top:12px;display:flex}.endback a{pointer-events:auto}#start{background:linear-gradient(180deg, #010a138c 0%, #010a1333 30%, #010a1399 70%, #010a13f5 100%), var(--keyart,none) center / cover no-repeat, #010a13;display:block;overflow:hidden}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.starttop{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.startlogo{filter:drop-shadow(0 4px 18px #000000b3);width:min(460px,46vw)}.startchoose{color:var(--gold-hi);text-shadow:0 2px 8px #000;margin:2px 0 0;font-size:18px;font-style:italic;font-weight:700}.startmain{grid-template-columns:280px 1fr 280px;align-items:center;padding:0 28px;display:grid;position:absolute;inset:128px 0 190px}.startteam{flex-direction:column;gap:10px;display:flex}.startlabel{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:700}.teamrow{background:linear-gradient(90deg,#010a13d9,#010a1333);border-left:2px solid #0000;align-items:center;gap:12px;padding:6px 10px 6px 6px;display:flex}.teamrow.mine{border-left-color:var(--gold)}.teamface{border:2px solid var(--gold);width:56px;height:56px;color:var(--muted);background-color:#0b1626;border-radius:50%;place-items:center;font-weight:700;display:grid}.teamface.empty{border-color:#c8aa6e59}.teamwords{flex-direction:column;display:flex}.teamname{color:var(--gold-hi);font-size:14px;font-weight:700}.teamrow:not(.mine) .teamname{color:var(--muted)}.teamrole{color:var(--muted);font-size:12px}.startstage{flex-direction:column;align-items:center;gap:4px;display:flex}.stagering{aspect-ratio:1;border:3px solid var(--gold);width:min(400px,30vw,46vh);box-shadow:0 0 0 6px #010a13b3, 0 0 0 7px var(--gold-lo), 0 18px 60px #000000b3;background:#0b1626 30%/cover no-repeat;border-radius:50%}.stagename{letter-spacing:.04em;color:var(--gold-hi);text-shadow:0 3px 12px #000;margin-top:10px;font-size:38px;font-weight:800}.stagerole{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:13px}.stageloadout{align-items:center;gap:10px;margin-top:10px;display:flex}.stagekit,.stagespells{gap:6px;display:flex}.stagesep{background:var(--gold-lo);width:1px;height:36px}.kiticon{border:1px solid var(--gold-lo);pointer-events:auto;background-color:#0b1626;border-radius:3px;place-items:center;width:44px;height:44px;font-weight:700;display:grid;position:relative}.kitkey{color:var(--gold-hi);background:#01060cd9;border-radius:2px;padding:0 3px;font-size:9.5px;line-height:13px;position:absolute;bottom:1px;left:2px}.startside{flex-direction:column;align-items:stretch;gap:12px;display:flex}.startside .play{letter-spacing:.16em;border:2px solid var(--gold);background:linear-gradient(#1e7f8a,#0b4450);padding:16px 0;font-size:20px;box-shadow:0 0 22px #0ac8b959}.startside .play:hover{filter:brightness(1.15)}.startmode{text-align:center;color:var(--muted);font-size:11.5px}.startside .rankedrow{border:1px solid var(--gold-lo);background:#010a13bf;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.startside .guestname{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.startside .queuenote{font-size:11px;line-height:1.35}.herogrid{gap:12px;display:flex;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.herotile{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;font-family:inherit;display:flex}.tileface{border:2px solid var(--gold-lo);width:84px;height:84px;color:var(--gold-hi);filter:saturate(.8)brightness(.85);background-color:#0b1626;place-items:center;font-size:26px;font-weight:700;transition:filter .12s,border-color .12s;display:grid}.herotile:hover .tileface{filter:none;border-color:var(--gold)}.herotile.picked .tileface{filter:none;border-color:var(--gold-hi);box-shadow:0 0 0 2px var(--gold), 0 0 20px #f0d78c73}.tilename{color:var(--gold-hi);text-shadow:0 1px 4px #000;font-size:12.5px;font-weight:600}.startfoot{justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:14px;left:28px;right:28px}.startfoot .startcontrols{color:#b3ab98;text-shadow:0 1px 3px #000;max-width:880px;font-size:11.5px}.startbuttons{gap:8px;margin-right:56px;display:flex}.starttitle{letter-spacing:.18em;color:var(--gold-hi);margin:0;font-size:52px}.endtitle,.stagename{background:linear-gradient(#fff3c4 0%,#e8c06a 48%,#9a6a24 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 3px 10px #000000d9);-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif}.endtitle[data-result=loss]{background-image:linear-gradient(#f3d6cf 0%,#c0564a 50%,#5c1e18 100%)}.startmode{text-shadow:0 1px 4px #000,0 0 8px #000}.shoplabel.centred{color:var(--muted);align-self:center;font-size:10.5px}.shoprecommended{background:#00000038;border-right:1px solid #c8aa6e40;padding:12px 14px 16px}.shopcards.column{grid-template-columns:repeat(2,56px);gap:8px 10px;display:grid}.shopcards.column .shopicon{width:48px;height:48px}.shopcards.column .shopcost{font-size:13px}.shopcard .shopicon{width:60px;height:60px}.shopcards{gap:16px}.shopcost{font-size:15px}.statblock{font-variant-numeric:tabular-nums;color:var(--gold-hi);border-right:1px solid #c8aa6e33;grid-template-columns:repeat(2,56px);align-self:center;gap:4px 6px;padding-right:8px;font-size:12px;font-weight:600;display:grid}.stat:before{text-align:center;width:14px;margin-right:4px;font-size:11px;display:inline-block}.stat.ad:before{content:"⚔";color:#f0a050}.stat.ar:before{content:"⛨";color:#e0b154}.stat.as:before{content:"»";color:#f0d070}.stat.ap:before{content:"✦";color:#8fb8ff}.stat.ms:before{content:"➤";color:#d0d8e0}.stat.rg:before{content:"◎";color:#c8aa6e}.hudbottom{align-items:flex-end;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hudbottom .heroframe,.hudbottom .purse{position:relative;bottom:auto;left:auto;transform:none}.hudbottom .purse{margin-left:-1px}.queueblocked{color:#ffb08a;font-size:11.5px;line-height:1.35}.startside .practicecard{border:1px solid var(--gold);color:var(--gold-hi);font:inherit;cursor:pointer;background:linear-gradient(#1e282deb,#040c16eb);border-radius:3px;flex-direction:column;align-items:center;gap:3px;padding:10px 12px;display:flex}.startside .practicecard:hover{filter:brightness(1.15)}.practicename{letter-spacing:.12em;text-transform:uppercase;font-size:15px;font-weight:700}.practicehint{color:var(--muted);font-size:11px}.practice{border:1px solid var(--gold-lo);border-left:3px solid var(--gold);pointer-events:auto;background:#010a13db;flex-direction:column;gap:8px;width:232px;padding:8px 8px 10px;display:flex;position:absolute;top:64px;left:10px}.practice.hidden,.damagewin.hidden{display:none}.pttitle{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:700}.ptgroup{border-top:1px solid var(--line-soft);flex-direction:column;gap:3px;padding-top:6px;display:flex}#hud .ptrow{width:100%;color:var(--gold-hi);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:12.5px;display:flex}.pticon{border:1px solid var(--gold);width:28px;height:28px;color:var(--gold-hi);background:linear-gradient(#13303a,#061019);flex:none;place-items:center;display:grid}.ptrow:hover .pticon{border-color:var(--gold-hi);filter:brightness(1.25)}.ptrow.on .pticon{border-color:var(--teal);color:var(--teal);box-shadow:0 0 8px #0ac8b973}.ptlabel{flex:1}.ptvalue{color:var(--muted);text-transform:uppercase;font-size:11px}.ptrow.on .ptvalue{color:var(--teal)}.ptnote{border-top:1px solid var(--line-soft);color:var(--muted);padding-top:6px;font-size:11px;line-height:1.4}.damagewin{border:1px solid var(--gold-lo);border-top:2px solid var(--gold);pointer-events:auto;background:#010a13e0;width:260px;padding:8px 10px 10px;font-size:12px;position:absolute;top:52px;right:10px}.dwhead{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dwtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700}#hud .dwreset{border:1px solid var(--gold-lo);color:var(--gold-hi);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:2px;padding:2px 8px;font-size:11px}.dwrow{justify-content:space-between;padding:2px 0;display:flex}.dwrow.dps .dwvalue{color:var(--gold-hi);font-size:18px;font-weight:700}.dwlabel{color:var(--muted)}.dwvalue{font-variant-numeric:tabular-nums}.dwsplit{border-top:1px solid var(--line-soft);grid-template-columns:1fr auto auto;gap:2px 10px;margin-top:6px;padding-top:6px;display:grid}.dwcol{color:var(--muted);text-align:right;font-size:10.5px}.dwline{display:contents}.dwname{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg, #c8aa6e47 var(--share,0%), transparent var(--share,0%));padding:1px 4px;overflow:hidden}.dwnum{text-align:right;font-variant-numeric:tabular-nums}.dwempty{color:var(--muted);margin-top:6px;font-size:11px}