.skin-dialog{width:min(980px,94vw);max-width:980px;max-height:92dvh;overflow:auto;padding:28px;color:#eaf8f5;background:#0e2c3b;border:1px solid #426678;border-radius:22px}
.skin-dialog::backdrop{background:#02131dcc;backdrop-filter:blur(5px)}
.skin-dialog h2{margin:0 0 8px;font-size:28px}.skin-dialog p{color:#b2cbd2;margin:0 0 20px}.skin-dialog h3{font-size:14px;margin:12px 0}
.skin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.skin-card{display:flex;flex-direction:column;align-items:center;background:#173e50;border:2px solid transparent;border-radius:14px;color:#ecf8fb;padding:6px;cursor:pointer;min-width:0}.skin-card:hover{background:#21536a}.skin-card[aria-pressed=true]{border-color:#96e6ce;background:#205146}.skin-card:focus-visible{outline:3px solid #fff;outline-offset:3px}.skin-card canvas{width:100%;max-width:160px;aspect-ratio:1;image-rendering:pixelated}.skin-card span{font-size:14px;font-weight:700}.skin-card small{font-size:11px;visibility:hidden;min-height:18px;color:#a0f3d9}.skin-card[aria-pressed=true] small{visibility:visible}.skin-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.skin-actions .primary{width:auto;min-width:180px}.skin-lobby-button{margin:10px 0;width:100%}
@media(max-width:600px){.skin-dialog{padding:18px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skin-card span{font-size:12px}.skin-actions .primary{min-width:0}.skin-dialog h2{font-size:23px}}