.room-skins-dialog{width:min(760px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));padding:24px;background:linear-gradient(145deg,#effff3,#d8f4ea 60%,#c4eaf0);color:#24576b;border:3px solid #c5fff0;border-radius:24px;box-shadow:0 8px 0 #237b8a66,0 20px 60px #082c4d66;overflow:auto}
.room-skins-dialog[open]{display:flex;flex-direction:column;gap:14px}
.room-skins-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-right:30px}.room-skins-heading h2{margin:3px 0 2px;font:800 30px/1.05 'Baloo 2',sans-serif;color:#21617a}.room-skins-heading p{margin:0;color:#5c8790;font-size:12px;line-height:1.35}.room-skins-hero{padding:7px 11px;border-radius:10px;background:#fff8d8;color:#936d29;font-size:12px;white-space:nowrap}
.room-skins-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.room-skin-card{display:flex;flex-direction:column;min-width:0;padding:9px;border:2px solid #fff;background:linear-gradient(#fffff3,#d4efe6);border-radius:15px;box-shadow:0 3px 0 #83bebd}.room-skin-card[data-selected=true]{border-color:#ffdc72;background:linear-gradient(#fff7d2,#e8f0cc);box-shadow:0 3px 0 #c6a263}.room-skin-art{width:100%;aspect-ratio:2/3;display:grid;place-items:stretch;overflow:hidden;border-radius:10px;background:#132f49;border:1px solid #b3ded7;box-shadow:inset 0 0 0 2px #fff8}.room-skin-art .character-card-art{width:100%;height:100%;aspect-ratio:2/3;border-radius:9px}.room-skin-art .character-card-image{display:block;width:100%;height:100%;object-fit:cover}.room-skin-art .character-card-stamp{top:6px;left:6px;right:6px;min-height:22px;padding:2px 4px;gap:3px}.room-skin-art .character-card-stamp-emblem{flex-basis:17px;width:17px;height:17px;padding:1px}.room-skin-art .character-card-stamp-label{font-size:8px}.room-skin-art .character-card-copy{inset:auto 7px 8px}.room-skin-art .character-card-name{font-size:15px}.room-skin-art .character-card-subtitle{font-size:9px}.room-skin-card button{margin-top:8px;padding:8px 5px;font-size:10px;white-space:nowrap}.room-skin-card[data-selected=true] button{background:linear-gradient(#fff2bd,#ffd46e);border-color:#fff6d5;color:#755324;box-shadow:0 3px 0 #c49b54}.room-skins-status{min-height:17px;margin:0;color:#4a7d83;font-size:11px;font-weight:800}.room-skins-dialog .dialog-close{position:absolute;right:14px;top:12px;width:33px;height:33px;padding:0;border-radius:9px;font-size:22px;line-height:1}
@media(max-width:650px){.room-skins-dialog{padding:16px;border-radius:18px}.room-skins-heading h2{font-size:24px}.room-skins-heading p{font-size:10px}.room-skins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-skin-card{padding:7px}.room-skin-card strong{font-size:13px}.room-skin-card button{font-size:9px;padding:6px 4px}}

/* Match the collection's finished Equip skin control in the room picker. */
.room-skin-card button{margin:8px 2px 0;min-height:36px;font-size:12px;padding:7px 4px;border:2px solid #fff6d7;border-radius:10px;background:#effcda;box-shadow:0 3px 0 #7cbbc0;color:#164e65;font-weight:850;cursor:pointer;white-space:normal}
.room-skin-card button:hover:not(:disabled){background:#d4fff0}
.room-skin-card button:focus-visible{outline:3px solid #146879;outline-offset:4px}
.room-skin-card button[aria-pressed=true]{background:#197981;color:#fffce6;border-color:#9dddd2;box-shadow:0 3px 0 #15515f}
.room-skin-card button:disabled[aria-pressed=true]{opacity:1;cursor:default}
.room-skin-card[data-rarity=legendary] button{background:#fff0b6;border-color:#fffbe1;color:#674967;box-shadow:0 3px 0 #7cbbc0}
.room-skin-card[data-rarity=legendary] button[aria-pressed=true]{background:#70597c;border-color:#ecd494;color:#fff7d2;box-shadow:0 3px 0 #58475f}