.public-character { padding-top:18px; }
.public-character .character-overview { --public-panel-height:557.2px; max-width:860px; margin-inline:auto; grid-template-columns:minmax(185px,230px) minmax(277.2px,1fr) minmax(185px,230px); grid-template-rows:auto; gap:18px; align-items:stretch; }
.public-character .character-overview > .character-identity,.public-character .character-overview > .character-stats { height:var(--public-panel-height); min-height:var(--public-panel-height); margin-top:0; overflow:visible; padding:22px 12px; grid-row:1; }
.public-character .character-overview > .character-identity { grid-column:1; }
.public-character .character-overview > .character-stats { grid-column:3; }
.public-character .character-overview > .character-inventory { grid-column:2; grid-row:1; width:100%; max-width:100%; height:var(--public-panel-height); align-self:start; }
/* One transform scales art, slots, body and dress toggle together: no slot drift. */
.public-character .public-equipment-window { width:277.2px; min-width:277.2px; max-width:277.2px; height:var(--public-panel-height); overflow:hidden; margin-inline:auto; }
.public-equipment-window .inventory-skin { transform-origin:0 0; transform:translate(-294px,-49px) scale(1.4); clip-path:inset(35px 7px 13px 210px); }
.public-character .character-vitals > div { gap:5px; padding:7px 5px; }
.public-character .character-vitals dd { font-size:11px; letter-spacing:.015em; }
.public-character-currencies { display:grid; gap:8px; margin:20px 0 0; }
.public-character-currencies:empty { display:none; }
.public-character-currencies > div { display:flex; justify-content:space-between; gap:10px; padding:7px 0; }
.public-character-currencies dt { color:var(--detail-muted); font-size:13px; }
.public-character-currencies dd { margin:0; color:#febdb4; font-size:14px; font-weight:750; overflow-wrap:anywhere; }
.character-guild-link { color:#ffd3b3; text-decoration:none; }
.character-guild-link:hover { color:#ffeee2; text-decoration:underline; text-underline-offset:3px; }
@container character-detail (max-width:700px) {
 .public-character .character-overview { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .public-character .character-overview > .character-inventory { grid-column:1/-1; grid-row:1; }
 .public-character .character-overview > .character-identity { grid-column:1; grid-row:2; }
 .public-character .character-overview > .character-stats { grid-column:2; grid-row:2; }
 .public-character .character-overview > .character-identity,.public-character .character-overview > .character-stats { height:auto; min-height:390px; }
}
@container character-detail (max-width:420px) {
 .public-character .character-overview { grid-template-columns:minmax(0,1fr); }
 .public-character .character-overview > .character-identity,.public-character .character-overview > .character-stats,.public-character .character-overview > .character-inventory { grid-column:1; grid-row:auto; }
 .public-character .character-overview > .character-identity,.public-character .character-overview > .character-stats { min-height:0; }
}
.public-character .character-overview>.character-identity{padding:14px 12px;height:var(--public-panel-height);min-height:var(--public-panel-height)}
.public-character .character-identity .public-character-currencies{gap:3px;margin:9px 0 0;flex-shrink:0}.public-character .public-character-currencies>div{padding:3px 0}
@container character-detail (max-width:700px){.public-character .character-overview>.character-identity{height:446px;min-height:446px}}