/* Profession skill slots (6-9) on the adventure hotbar. */
.adventure-skill.skill-profession{overflow:hidden;background:radial-gradient(ellipse at 30% 15%,#99dfff,#17619c 56%,#081a39)}
.adventure-skill.skill-profession>.adventure-icon{position:relative;z-index:1}
.adventure-skill .skill-cooldown{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:conic-gradient(#0c0a08c4 calc(var(--cooldown,0)*360deg),transparent 0);z-index:2}
.adventure-skill .skill-cooldown-text{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none;color:#fff8e6;font:700 17px/1 Tahoma,sans-serif;text-shadow:0 1px 3px #000,0 0 6px #000}
.adventure-skill kbd{z-index:4}
.adventure-skill.skill-locked{filter:grayscale(.85) brightness(.7)}
.adventure-skill.skill-locked .skill-cooldown-text{font-size:11px}
.adventure-skill.skill-no-mana:not(.skill-cooling){filter:saturate(.45) brightness(.8);box-shadow:inset 0 0 0 2px #5aa7ff,0 2px 4px #0006}
.adventure-skill.skill-profession:not(.skill-cooling):not(.skill-locked):not(.skill-no-mana){box-shadow:inset 0 0 0 3px #ffffff1c,0 0 10px #71cfff66,0 2px 4px #0006}
@media(max-width:600px){.adventure-skill,#adventure-hotbar #harvest{width:calc((100vw - 100px)/9);max-width:46px}.adventure-hotbar{gap:4px;max-width:520px}.adventure-skill .skill-cooldown-text{font-size:12px}}

/* Skills window. */
.skills-dialog{width:min(560px,calc(100vw - 32px));max-height:min(640px,calc(100dvh - 48px));padding:0;border:2px solid #c0a17b;border-radius:16px;color:#fff3dc;background:linear-gradient(160deg,#3f352c,#241e19);box-shadow:0 18px 50px #000a,inset 0 0 0 2px #edd6a82e;overflow:auto}
.skills-dialog::backdrop{background:#0b0906a6}
.skills-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 6px}
.skills-dialog h2{margin:0;font-size:20px;color:#ffe3a6}
.skills-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #c0a17b;border-radius:9px;background:#2c241e;color:#fff2ce;cursor:pointer}
.skills-close .adventure-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.skills-summary{margin:0 18px 10px;color:#d9c7a6;font-size:13px}
.skills-list{display:grid;gap:10px;margin:0;padding:0 18px;list-style:none}
.skills-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #6d5a45;border-radius:12px;background:#2d2620}
.skills-row.locked{opacity:.62}
.skills-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid #e8c59b;border-radius:10px;background:radial-gradient(ellipse at 30% 15%,#99dfff,#17619c 56%,#081a39)}
.skills-icon .adventure-icon{width:34px;height:34px}
.skills-icon kbd{position:absolute;right:-6px;bottom:-6px;padding:0 5px;border:0;border-radius:4px;background:#302923;color:#fffae8;font-size:11px;line-height:16px}
.skills-row h3{margin:0 0 3px;font-size:15px;color:#ffe9b8}
.skills-row p{margin:0 0 4px;font-size:12.5px;line-height:1.45;color:#e9dcc3}
.skills-row small{color:#9fc6ff;font-size:12px}
.skills-row em{font-style:normal;font-size:12px;white-space:nowrap;padding:4px 8px;border-radius:999px;background:#453a2f;color:#ffe3a6}
.skills-row.locked em{background:#3a3430;color:#cfc2ad}
.skills-help{margin:12px 18px 16px;color:#bfae90;font-size:12px}
@media(max-width:480px){.skills-row{grid-template-columns:auto 1fr}.skills-row em{grid-column:2;justify-self:start}}
.skills-icon .sword-skill-art{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}