/* Layout follows Unit.prefab: long tier frame, upper portrait/stat quadrants,
   parchment name/description, bottom skill strip, and the adjacent stat sheet. */
dialog[data-kind=units]{width:min(1250px,96vw);max-width:96vw;background:#17130edb;border:0;border-radius:6px;box-shadow:0 20px 80px #0009;color:#f3e4c3}
dialog[data-kind=units] #entry-content{padding:12px 16px 22px}
.runtime-unit-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:12px;align-items:start}
.runtime-unit-card{position:relative;aspect-ratio:1009/1250;container-type:inline-size;min-width:0}
.runtime-unit-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.runtime-unit-cp{position:absolute;left:43.7%;top:4.97%;width:11.98%;height:7.06%;display:grid;place-items:center;font:700 4cqw/1 Alegreya,Georgia,serif;color:#fff7dc;text-shadow:0 2px 2px #143600}
.runtime-unit-portrait{position:absolute;left:13.05%;top:14.37%;width:34.89%;height:28.16%;object-fit:contain;background:#080807}
.runtime-card-stat{position:absolute;display:grid;grid-template-columns:35% 1fr;align-content:start;align-items:center;color:#fff2d3;column-gap:4%;font-family:Alegreya,Georgia,serif}
.runtime-card-stat img{width:100%;height:6cqw;object-fit:contain}.runtime-card-stat strong{font-size:4.15cqw;line-height:1.1;font-weight:700;white-space:nowrap;text-shadow:0 1px 2px #1a0f04}.runtime-card-stat>span{grid-column:1/-1;text-align:center;font:3cqw/1.15 Crimson,Georgia,serif;margin-top:.7cqw;color:#ecdbb2}
.runtime-card-stat.health{left:50.7%;top:18.45%;width:16.5%}.runtime-card-stat.dps{left:69%;top:18.45%;width:18.5%}.runtime-card-stat.speed{left:50.7%;top:30.9%;width:16.5%}.runtime-card-stat.range{left:69%;top:30.9%;width:18.5%}.runtime-card-stat.range strong{font-size:3.7cqw}
.runtime-unit-name{position:absolute;left:14.41%;top:45.37%;width:71.18%;height:6.09%;display:grid;place-items:center;margin:0;text-align:center;color:#382411;font:700 4.43cqw/1.05 Alegreya,Georgia,serif}
.runtime-unit-description{position:absolute;left:17.32%;top:55.44%;width:68.21%;height:14%;overflow:auto;scrollbar-width:thin;scrollbar-color:#977341 transparent;color:#372613;font:2.85cqw/1.24 Crimson,Georgia,serif}
.runtime-unit-description span[style]{color:inherit!important}
.runtime-unit-skills{position:absolute;left:12%;top:68%;width:76%;height:20%;color:#392510}
.runtime-unit-skills h3{font:700 3.7cqw/1.15 Alegreya,Georgia,serif;text-align:center;margin:0 0 2cqw;padding-bottom:1cqw;border-bottom:1px solid #9d7839}
.runtime-skill-strip{display:flex;justify-content:safe center;gap:1.4cqw;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8a682c transparent;padding:0 0 5px}
.runtime-skill{flex:0 0 14%;text-decoration:none;text-align:center;min-width:0;color:#342512}.runtime-skill img,.runtime-skill-placeholder{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#271b12 url('assets/game/unit-ui/skill.webp') center/100% 100%;padding:8%;border-radius:4px}.runtime-skill .runtime-skill-name{display:block;font:2.1cqw/1.08 Crimson,Georgia,serif;margin-top:1cqw;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.runtime-stat-sheet{min-width:0;padding-top:5%;container-type:inline-size}.runtime-stat-sheet>h3{text-align:center;font:700 6.8cqw/1 Alegreya,Georgia,serif;text-shadow:0 2px 2px #000;color:#fff1d0;margin:0 0 18px}
.runtime-stat-tabs{display:flex;position:relative;z-index:1;margin:0 2% -4px}.runtime-stat-tabs button{width:50%;padding:14px 6px;background:transparent url('assets/game/unit-ui/tab.webp') center/100% 100%;border:0;border-radius:0;color:#d0bd97;font:700 4cqw/1 Alegreya,Georgia,serif;text-shadow:0 2px 2px #301f0b;filter:brightness(.65)}.runtime-stat-tabs button[aria-selected=true]{filter:none;color:#fff2cf}
.runtime-stat-body{border:16px solid transparent;border-image:url('assets/game/unit-ui/frame.webp') 65 fill stretch;background:#694126 url('assets/game/unit-ui/background.webp') center/100% 100%;padding:13px 14px 20px;min-height:0;max-height:calc(84dvh - 150px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b39151 #412b1c}
.runtime-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 22px}.runtime-sheet-stat{min-width:0;color:#f8eacb}.runtime-sheet-stat>span{display:block;text-align:center;font:700 2.9cqw/1.1 Alegreya,Georgia,serif;margin-bottom:4px;min-height:1.1em}.runtime-sheet-stat>div{display:flex;align-items:center;justify-content:center;gap:10px}.runtime-sheet-stat img{width:7.3cqw;height:7.3cqw;object-fit:contain}.runtime-sheet-stat strong{font:700 3.4cqw/1.1 Crimson,Georgia,serif;white-space:nowrap}.runtime-sheet-stat small{display:block;font:700 1.9cqw/1.05 Atkinson,sans-serif;margin-top:3px;color:#dbc093}
@media(max-width:760px){.runtime-unit-preview{grid-template-columns:1fr;gap:18px;max-width:550px;margin:auto}dialog[data-kind=units] #entry-content{padding:3px 3px 18px}.runtime-unit-description{font-size:3.3cqw;height:10.5%}.runtime-unit-skills{top:66%}.runtime-stat-sheet{padding:0 9px}.runtime-stat-body{min-height:0;max-height:none;overflow:visible;padding:13px 10px 20px;border-width:12px}.runtime-stat-grid{gap:17px 12px}.runtime-sheet-stat>span{font-size:3.3cqw}.runtime-sheet-stat strong{font-size:4.3cqw}.runtime-sheet-stat small{font-size:2.4cqw}.runtime-sheet-stat img{width:9cqw;height:9cqw}.runtime-stat-tabs button{font-size:4.5cqw}.runtime-unit-skills h3{font-size:4cqw}.runtime-skill .runtime-skill-name{font-size:2.6cqw}.runtime-skill{flex-basis:15%}}

.runtime-skill-placeholder{display:grid;place-items:center;font:700 4cqw/1 Crimson,serif;color:#ecd4a8}.runtime-skill small{display:block;margin-top:.6cqw;font:1.85cqw/1 Crimson,serif;color:#675135}