/* V3 hf-skill-ui.css: HF MagicSkillWnd, six 36px slots per row. */
.v4-inventory.v4-skills{width:256px;left:342px;top:118px;max-height:100vh;overflow:auto}
.v4-skills-content{padding:4px 12px 12px}
.v4-skill-tabs{display:flex;height:23px;gap:0}
.v4-skills .v4-skill-tabs button{width:112px;height:23px;padding:0;border-image:var(--hf-tab) 5 15 3 15 fill / 5px 15px 3px 15px stretch;font:12px/19px Arial,sans-serif}
.v4-skills .v4-skill-tabs button[aria-selected=true]{border-image-source:var(--hf-tabSelected);color:#eee4cc}
.v4-skills-scroll{height:300px;overflow-y:auto;overflow-x:hidden;padding:5px 0 0;scrollbar-width:thin;scrollbar-color:#625b4e #13191c}
.v4-skills-scroll>section{margin:0 0 8px;width:223px}
.v4-skills .v4-skill-heading{display:flex;align-items:center;gap:1px;width:216px;height:20px;padding:0 2px;margin:0 0 3px;text-align:left;border-image:var(--hf-skillGroup) 2 fill / 2px stretch;color:#b2becf}
.v4-skill-heading i{display:block;width:16px;height:16px;flex:none;background:var(--hf-skillMinus) center/16px 16px no-repeat}
.v4-skill-heading[aria-expanded=false] i{background-image:var(--hf-skillPlus)}
.v4-skill-grid{display:grid;grid-template-columns:repeat(6,36px);grid-auto-rows:36px;gap:0;width:216px;background:var(--hf-bag) left top/256px 512px}
.v4-skills .v4-skill{position:relative;width:36px;height:36px;padding:2px;border:0;border-image:none;background:transparent}
.v4-skills .v4-skill:hover{background:#ffffff16}
.v4-skill[aria-disabled=true]{cursor:default}
.v4-skill img{width:32px;height:32px;display:block;pointer-events:none}
.v4-skill-toggle,.v4-skill-cooldown,.v4-skill-ready{position:absolute;inset:2px;background-size:32px 32px;pointer-events:none;z-index:3}
.v4-skill-toggle{animation:shortcut-auto 1.444444444s step-end infinite;mix-blend-mode:screen}
.v4-skill-cooldown{animation-name:shortcut-reuse;animation-timing-function:step-end;animation-fill-mode:forwards;display:grid;place-items:center;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font:bold 11px Arial;image-rendering:pixelated}
.v4-skill-ready{opacity:0;animation:shortcut-ready .5s step-end}
.v4-skill-toggle[hidden],.v4-skill-cooldown[hidden],.v4-skill-ready[hidden]{display:none}
.v4-skills.is-minimized{width:36px;height:36px;overflow:visible}
.v4-skills.is-minimized>.v4-skills-content{display:none}
.v4-skills.is-minimized>.v4-inventory-restore{background-image:var(--hf-menuSkill)}