.skill-progress{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:23px;font-size:11px;line-height:1.45;color:#8da8bb}.skill-progress strong{font-size:10px;letter-spacing:.3px;font-weight:500}.skill-progress strong.available{color:#f6d38b}.skill-progress span{white-space:nowrap}.ability-hud .resources{margin-bottom:34px}.skill-slot{position:relative;flex:0 0 51px;width:51px}.skill-slot .ability{display:block}.skill-upgrade{position:absolute;top:-27px;left:0;width:100%;height:23px;background:linear-gradient(#d6bb78,#a1854b);border:1px solid #f3d59a;color:#17232b;font-weight:700;font-size:19px;line-height:19px;padding:0;box-shadow:0 0 9px #edcc7730}.skill-upgrade[hidden]{display:none}.skill-ranks{display:flex;gap:3px;justify-content:center;margin-top:5px;height:4px}.skill-ranks i{flex:1;max-width:9px;background:#1d3344;border:1px solid #55708260}.skill-ranks i.trained{background:#e0bf72;border-color:#f1dca6}.skill-slot .cooldown{font-size:13px}.bottom-hud{min-height:174px}.control-hint{bottom:209px}.next-skill-rank{border-top:1px solid #748ca53b;padding-top:10px;color:#e3c788!important;font-size:12px!important;line-height:1.7!important}#tooltip{width:320px;max-width:calc(100vw - 24px);font-size:14px;line-height:1.65;pointer-events:none}#tooltip p{font-size:14px;line-height:1.65}#tooltip small{font-size:12px;line-height:1.7;display:block}
@media(max-width:950px){.control-hint{bottom:196px}.mobile-shop{bottom:201px}.skill-progress{font-size:10px}.skill-progress strong{font-size:9px}}
@media(max-width:680px){.bottom-hud{min-height:0}.skill-slot{width:45px;flex-basis:45px}.skill-slot .ability{width:45px;height:45px}.skill-progress{font-size:11px}.skill-progress strong{font-size:9px}.mobile-shop{bottom:179px}.ability-hud .resources{margin-bottom:33px}}
@media(max-height:620px) and (min-width:681px){.bottom-hud{min-height:0}.skill-progress{min-height:19px}.ability-hud .resources{margin-bottom:32px}}
@media(min-width:681px){.ability-hud{min-width:355px}.summoner-spells{flex-shrink:0}}
@media(min-width:681px) and (max-width:950px){.champ-hud{flex:0 0 56px;min-width:56px}.champ-hud>div{display:none}.champ-hud>.portrait{flex-shrink:0}.ability-hud{flex:1}}
@media(max-width:380px){.skill-slot{width:38px;flex-basis:38px}.skill-slot .ability{width:38px;height:40px}.ability-buttons{gap:4px}.summoner-spells{gap:3px;margin-left:3px}.summoner-spells>button{width:27px}.skill-progress{gap:6px}.skill-progress span{font-size:10px}}

/* Aiming remains visible without intercepting the next arena click. */
.aim-status{position:fixed;left:50%;bottom:190px;transform:translateX(-50%);z-index:15;pointer-events:none;background:#07151eea;border:1px solid #7fc8b3;padding:11px 22px;text-align:center;box-shadow:0 8px 30px #0005;max-width:calc(100vw - 24px);}
.aim-status[hidden]{display:none}.aim-status strong{display:block;color:#d9fff0;font-size:14px}.aim-status span{display:block;font-size:9px;letter-spacing:.09em;color:#b6cfca;margin-top:5px}.aim-status i{font-style:normal;margin:0 7px;color:#77b49b}
#minimap{touch-action:none;cursor:crosshair;image-rendering:auto}.ability.armed{outline:2px solid #90f2c8;outline-offset:3px;box-shadow:0 0 16px #81ddb347}
@media(max-width:800px){.aim-status{bottom:158px;padding:8px 12px}.aim-status span{font-size:8px}.control-hint{display:none}}