.skills-modal{width:min(880px,94vw);max-height:92dvh;overflow:auto}
.combat-skills-panel{text-align:left;color:#d9d7c7}
.skills-summary{font-size:13px;line-height:1.6;color:#c2b995;margin:0 0 14px}
.combat-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.combat-skill-card{padding:12px;background:#17231e;border:1px solid #58604a;box-shadow:inset 0 1px #88906c33}
.combat-skill-card>div{display:flex;align-items:center;gap:8px}
.combat-skill-card img{width:24px;height:24px}
.combat-skill-card h3{margin:0;font-size:16px;color:#dbc586}
.combat-skill-card strong{margin-left:auto;color:#f1d593;font-size:24px;line-height:1}
.combat-skill-card progress{display:block;width:100%;height:8px;accent-color:#bba663;margin:12px 0 6px;border:0}
.combat-skill-card progress::-webkit-progress-bar{background:#0c1611}
.combat-skill-card progress::-webkit-progress-value{background:#bba663}
.combat-skill-card small{font-size:11px;color:#d0cab3}
.combat-skill-card p{font-size:12px;color:#a7b09d;margin:7px 0 0;line-height:1.4}
.skills-training,.skills-callings{margin-top:16px;padding-top:12px;border-top:1px solid #5c624b}
.skills-training label{display:flex;align-items:center;gap:14px;color:#dac78d;font-size:14px}
.skills-training select{min-height:38px;flex:1;min-width:0;background:#152019;color:#ebe2c7;border:1px solid #787958;padding:7px}
.skills-training p,.skills-callings p{font-size:12px;color:#b3baa6;line-height:1.5;margin:8px 0}
.skills-callings h3{font-size:15px;margin:0 0 8px;color:#dac78d}
.skills-calling-buttons{display:flex;gap:8px;flex-wrap:wrap}
.skills-calling-buttons button{flex:1;min-height:40px;font-size:12px}
@media(max-width:620px){.combat-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-skill-card{padding:9px}.skills-training label{align-items:stretch;flex-direction:column;gap:6px}}
/* Skills tab (skill-tab.mjs): stone tiles with level / level and a total. */
.skill-tab{max-width:580px;margin:0 auto 12px}
.skill-tiles{display:grid;grid-template-columns:repeat(4,128px);justify-content:center;gap:6px;padding:8px;background:#3a342c;border:3px solid #1e1a15;box-shadow:inset 0 0 0 2px #5e554a}
.skill-tiles .skill-tile{position:relative;min-height:0;width:auto;display:flex;align-items:center;gap:6px;height:64px;padding:4px 8px;border:2px solid #24201b;border-radius:6px;cursor:pointer;
 background:radial-gradient(circle at 30% 25%,#7a756c 0,#66615a 45%,#57534d 100%)!important;box-shadow:inset 1px 1px #8e897f,inset -1px -1px #3e3a35!important}
.skill-tiles .skill-tile:hover,.skill-tiles .skill-tile:focus-visible{filter:brightness(1.1);outline:none}
.skill-tiles .skill-tile.selected{border-color:#e2b23a;box-shadow:inset 0 0 0 1px #f2d06a}
.skill-tile-icon{width:44px;height:44px;flex:none;image-rendering:pixelated}
.skill-tile-levels{position:relative;flex:1;max-width:66px;height:52px;font:700 22px/1 Georgia,serif;color:#f6e23a;text-shadow:1px 1px #000,2px 2px #000}
.skill-tile-levels b{position:absolute}
.skill-tile-levels b:first-child{left:4px;top:2px}
.skill-tile-levels b:last-child{right:4px;bottom:2px}
.skill-tile-levels i{position:absolute;left:50%;top:50%;width:46px;height:2px;background:#0c0a08;transform:translate(-50%,-50%) rotate(-48deg)}
.skill-total{grid-column:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;border:2px solid #24201b;border-radius:4px;background:#050505;
 font:700 16px/1.15 Georgia,serif;color:#f6e23a;text-shadow:1px 1px #000;text-align:center}
.skill-total b{font-size:20px}
.skill-info{margin-top:8px;padding:8px 10px;background:#17231e;border:1px solid #58604a;color:#d0cab3;font-size:12px;min-height:46px}
.skill-info h3{margin:0 0 6px;font-size:15px;color:#dbc586}
.skill-info p{margin:4px 0 0;line-height:1.4}
.skill-info progress{display:block;width:100%;height:8px;border:0;accent-color:#bba663}
.skill-info progress::-webkit-progress-bar{background:#0c1611}
.skill-info progress::-webkit-progress-value{background:#bba663}
@media(max-width:620px),(max-height:460px){.skill-tiles{grid-template-columns:repeat(4,112px)}.skill-tiles .skill-tile,.skill-total{height:52px}.skill-tile-icon{width:34px;height:34px}.skill-tile-levels{height:42px;font-size:18px}.skill-tile-levels i{width:36px}.skill-total{font-size:13px}.skill-total b{font-size:16px}}
/* The dialog theme flattens every dialog button; skill tiles keep their stone. */
body.dedicated-client #dialog .skill-tiles button.skill-tile:not(#dialog-close),#dialog .skill-tiles button.skill-tile:not(#dialog-close){background:radial-gradient(circle at 30% 25%,#7a756c 0,#66615a 45%,#57534d 100%)!important;border:2px solid #24201b!important;box-shadow:inset 1px 1px #8e897f,inset -1px -1px #3e3a35!important;color:inherit}
body.dedicated-client #dialog .skill-tiles button.skill-tile.selected:not(#dialog-close),#dialog .skill-tiles button.skill-tile.selected:not(#dialog-close){border-color:#e2b23a!important}