.game .player-hud{width:205px;min-width:0;padding:6px;gap:6px;border-radius:14px;background:rgba(8,14,19,.35);border:1px solid #c8d2d820;box-shadow:none;backdrop-filter:blur(3px)}
.game .hud-portrait{width:32px;min-width:32px;height:38px;border-radius:9px;cursor:pointer}
.game .hud-info{width:100%;min-width:0}.game .hud-info>div:first-child{margin-bottom:3px;gap:4px}.game .hud-info strong{font-size:9px;letter-spacing:.4px}.game .hud-info>div>span{font-size:9px}
.game .bar{height:11px;margin-bottom:3px;border-radius:3px}.game .bar span{font-size:8px;line-height:11px}
.game .inventory{gap:3px;margin-top:4px}.game .inventory>span{width:21px;height:17px;border-radius:3px;background:#16212c70}.inventory img{width:100%;height:100%;object-fit:cover}
#learn-skills{border:0;border-radius:5px;width:100%;margin-top:4px;font-size:9px;padding:4px;background:#15222e66;color:#becbd5;cursor:pointer}#learn-skills.has-points{background:#d6ac4633;color:#ffe19a}
.ability.unlearned{filter:saturate(.25);border-color:#92929245}.shop-grid .item>img{width:72px;height:52px;object-fit:contain}
.stats-grid{display:grid;gap:7px;margin:15px 0}.stats-grid>div{display:flex;justify-content:space-between;gap:15px;font-size:13px}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skill-grid button{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 24px 12px 12px;border-radius:12px;background:#283328;border:1px solid #ceb46b55;color:#efdfb6;text-align:left;cursor:pointer}.skill-grid button:disabled{opacity:.45;cursor:default}.skill-grid small{font-size:10px}.skill-grid b{position:absolute;right:8px;top:15px}.gold-button{padding:9px;border:1px solid #ba965f66;border-radius:8px;background:#302818;color:#ead3a7;cursor:pointer}
@media(max-height:450px){.game .player-hud{width:190px}.game .hud-info strong{font-size:8px}}

.skill-control{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.skill-upgrade{position:absolute;z-index:4;left:50%;top:-31px;transform:translateX(-50%);width:31px;height:27px;border:1px solid #ffd88b99;border-radius:8px;background:linear-gradient(#ead18b,#b38942);color:#201a0c;font:bold 23px/23px Arial;box-shadow:0 2px 9px #0008;cursor:pointer;touch-action:manipulation}.skill-upgrade[hidden]{display:none!important}#frenzy-skill,#aura-skill{width:31px;height:31px;font-size:15px;position:relative}#frenzy-skill small,#aura-skill small{font-size:5px;white-space:nowrap}.combat-secondary .skill-upgrade{top:-24px;width:24px;height:22px;font-size:19px;line-height:18px}.combat-secondary{gap:7px}.skill-control:has(#aura-skill),.skill-control:has(#frenzy-skill){align-self:flex-end;margin-bottom:6px}

.game #arena.hook-aiming{cursor:crosshair}.game:has(#arena.hook-aiming) .ability[data-index="0"]{outline:2px solid #e4c778;box-shadow:0 0 20px #d0b35199}

/* Compact vitals leave the touch area to inventory slots. */
.game .player-hud{width:172px;max-width:172px;display:block;padding:7px;border-radius:12px;background:#0b141b38}
.game .hud-portrait{position:absolute;left:7px;top:7px;width:29px;min-width:29px;height:30px}
.game .hud-info>div:first-child{margin:0 0 4px 36px;min-height:10px}.game .hud-info strong{font-size:8px}.game .hud-info>div>span{font-size:7px}
.game .hud-info .bar{position:relative;height:4px;min-height:4px;margin:12px 0 0 36px;border-radius:2px;box-shadow:none;overflow:visible}.game .bar span{position:absolute;bottom:4px;left:0;right:0;display:block;font-size:8px!important;line-height:10px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}
.game #learn-skills{position:absolute;left:43px;right:7px;top:33px;width:auto;height:3px;min-height:3px;padding:0;margin:0;border-radius:2px;font-size:0;line-height:0;color:transparent;border:0;background:#879671;box-shadow:none}
.game .inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:13px 0 0}
.game .inventory>span{width:100%;height:42px;min-width:0;border-radius:7px;background:#0d18278c;border:1px solid #8b9caa50;overflow:hidden;box-shadow:inset 0 1px 6px #0004}
.game .inventory{pointer-events:auto;touch-action:manipulation}.game .inventory img{width:100%;height:100%;object-fit:cover;pointer-events:none}

.lane-status,.mid-route{display:none!important}.duel-result-actions{display:flex;gap:12px;margin-top:16px}

.game .dota-spell-icon{background-size:cover!important;background-position:center!important}.game .dota-spell-icon>span{color:white;text-shadow:0 1px 4px #000,0 0 5px #000;font-weight:800}.game .ability.unlearned{filter:saturate(.55) brightness(.65)}.game .dota-spell-icon small{text-shadow:0 1px 3px #000}.game .round-button.dota-spell-icon small{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);white-space:nowrap}

.game .player-hud{width:154px;max-width:154px;padding:6px}.game .inventory{gap:4px;margin-top:12px}.game .inventory>span{height:35px;border-radius:6px}.game .hud-portrait{left:6px;top:6px}.game #learn-skills{left:42px;right:6px;top:51px;pointer-events:none}
.game .dota-spell-icon{position:relative;background-color:transparent!important;background-image:none!important;isolation:isolate}.game .dota-spell-icon:after{content:'';position:absolute;inset:0;border-radius:inherit;background-image:var(--spell-image);background-size:cover;background-position:center;opacity:.58;z-index:-1;pointer-events:none}.game .dota-spell-icon>span,.game .dota-spell-icon>small{position:relative;z-index:2}.game .dota-spell-icon>small{position:absolute}.game .ability.raze:before{z-index:3}

.game .ability.toggled-on{outline:2px solid #a3c256;box-shadow:0 0 15px #a3c25688}

.game .movement{position:relative}.game .movement>.inventory{position:absolute;left:0;bottom:calc(100% + 32px);width:142px;margin:0;padding:5px;gap:4px;border-radius:10px;background:#0b141b38;border:1px solid #c8d2d820;backdrop-filter:blur(3px)}.game .movement>.inventory>span{height:35px}.game .player-hud{min-height:58px}

#inventory>span{position:relative;cursor:pointer}#inventory small{position:absolute;bottom:1px;right:2px;font-size:8px;color:white;text-shadow:0 1px 3px #000}#inventory [data-attribute=str]{border-color:#d76b54}#inventory [data-attribute=int]{border-color:#5da2eb}#inventory [data-attribute=agi]{border-color:#85ba4c}.item-heading{display:flex;align-items:center;gap:14px}.item-heading img{width:64px;border-radius:10px}.item-back{background:transparent;border:0;color:#d7bf87;padding:8px 0}.item-pending{font-size:11px;color:#b8a890!important}