/* Character window (C): stat plates on the left, paper doll + Détail button on the right (Charactersheet.png); the costume tab has the same two columns. */
.cw-cols { display: flex; gap: 8px; }
.cw-head { display: flex; align-items: flex-end; gap: 6px; }
.cw-head .cw-name { width: 140px; flex: none; margin-bottom: 4px; }
.cw-head .gfw-tabs { flex: 1; min-width: 0; }
.cw-stats { width: 140px; flex: none; }
.cw-name { display: flex; justify-content: space-between; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 12px; border: 1px solid #312e45; background: linear-gradient(#403c59, #2b283c); color: #e1dfea; font-weight: 700; }
.cw-name span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cw-name b { color: #ffe44d; }
.cw-block { background: var(--gf-paper-dark); border: 1px solid #716c94; border-radius: 6px; padding: 2px 4px; margin: 4px 0; }
.cw-stats .gf-row { margin: 1px 0; }
.cw-stats .gf-plate { font-size: var(--fs-small); padding: 0 6px; line-height: 17px; }
.cw-stats .gf-val { min-width: 58px; font-size: var(--fs-body); padding: 0 4px; line-height: 17px; }
.cw-detailbtn { width: 100%; margin-top: 4px; padding: 3px 6px; }
.cw-right { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 8px 3px 4px; position: relative; background: radial-gradient(circle at 50% 45%, #d6d4e3, var(--gf-paper-dark) 70%); border: 1px solid #716c94; border-radius: 6px; }
/* the armor-change countdown is a label over the bottom edge of the panel: it takes no room */
.cw-right .cw-hint { position: absolute; left: 0; right: 0; bottom: 2px; margin: 0; min-height: 0; line-height: 14px; pointer-events: none; }
.cw-right .cw-doll.paper { flex: none; background-color: transparent; }
.cw-doll { display: grid; grid-template-columns: repeat(3, 50px); gap: 4px; justify-content: center; padding: 6px; background: radial-gradient(circle at 50% 45%, #d6d4e3, var(--gf-paper-dark) 70%); border: 1px solid #716c94; border-radius: 6px; }
.cw-doll .gf-tile { width: 50px; height: 50px; }
.cw-doll .gf-tile img { width: 42px; height: 42px; }
.cw-hint { margin-top: 6px; font-size: var(--fs-small); text-align: center; min-height: 14px; }
.cw-empty, .sp-empty { text-align: center; padding: 22px 8px; }
.cw-doll .gf-tile.off { filter: grayscale(1); opacity: 0.5; cursor: not-allowed; background: repeating-linear-gradient(45deg, #a8a6b3, #a8a6b3 4px, #a39c8a 4px, #a39c8a 8px); }
.cw-lock { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: calc(20px * var(--ui-text)); pointer-events: none; }
/* The equipment paper doll: tiles placed around a faint silhouette (ui/windows/dollLayout.js), as in Charactersheet.png; the costume tab keeps the grid above. */
.cw-doll.paper { display: block; position: relative; width: 160px; height: 278px; margin: 0 auto; padding: 0; border: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 180'%3E%3Cg fill='%23000' opacity='.13'%3E%3Ccircle cx='50' cy='22' r='13'/%3E%3Cpath d='M30 40 Q50 34 70 40 L80 92 L71 94 L64 60 L64 104 L60 170 L52 170 L50 112 L48 170 L40 170 L36 104 L36 60 L29 94 L20 92 Z'/%3E%3C/g%3E%3C/svg%3E") 50% 40% / 74% auto no-repeat; }
.cw-right .cw-doll.paper { box-shadow: none; }

.cw-doll.paper .gf-tile { width: 44px; height: 44px; border-width: 2px; border-radius: 3px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.cw-doll.paper .gf-tile img { width: 38px; height: 38px; }