.skin-intro,.skin-empty,.skin-job-note{font-size:13px;line-height:1.6;color:#d1dce4}
.skin-empty{padding:20px 14px;text-align:center;border:1px dashed #75899c;border-radius:10px;background:#111d2a}
.skin-job-note{padding:10px 12px;border-left:3px solid #edbf68;background:#382e1f}
.skin-list{display:grid;gap:10px;margin-top:10px}
.skin-card{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid #52677c;border-radius:10px;background:#172738;margin-bottom:8px}
.skin-preview{display:grid;place-items:center;flex:0 0 80px;width:80px;height:100px;background:#0d1b28;border-radius:8px;color:#b6dfe8;text-align:center;font-size:10px}
.skin-preview img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.skin-preview canvas{width:100%;height:100%;object-fit:contain}
.skin-shop-tabs{display:flex;gap:8px;margin:12px 0}
.skin-shop-tabs button{flex:1;min-height:44px;border:1px solid #d5d5d5;background:#151515;color:#eee;border-radius:8px;font-weight:700}
#panel .skin-shop-tabs button[aria-pressed="true"]{background:#eee!important;color:#111!important;border-color:#fff}
#panel.npc-service-panel .skin-shop-tabs button[aria-pressed="true"]:hover:not(:disabled){background:#eee!important;color:#111!important}
.skin-shop-tabs button:focus-visible{outline:2px solid #8ce7df;outline-offset:3px}
.skin-preview svg{width:35px;height:35px}
.skin-info{display:flex;flex:1 1 130px;min-width:0;flex-direction:column;gap:5px;overflow-wrap:anywhere}
.skin-info strong{font-size:14px;color:#f7f9fb}.skin-info small{color:#bdcbd8;font-size:12px}.skin-price{color:#ffe1a0;font-size:12px}
.skin-card button{min-height:42px;flex-shrink:0;margin-left:auto}.skin-card button:disabled{cursor:default;opacity:.65}
.garage-shop-tabs{display:flex;gap:8px;margin:10px 0 16px}.garage-shop-tabs button{flex:1;min-height:44px;border:1px solid #7393a6;background:#172d3b;color:#dce8ed;border-radius:8px}
.garage-shop-tabs button[aria-pressed="true"]{background:#226e68;border-color:#90e4ce;color:white;box-shadow:inset 0 -3px #90e4ce}
.garage-shop-tabs button:focus-visible,.skin-card button:focus-visible{outline:2px solid #8ce7df;outline-offset:3px}
@media(max-width:480px){.skin-card{gap:8px;padding:10px;flex-wrap:wrap}.skin-preview{flex-basis:64px;width:64px;height:80px}.skin-card button{margin-left:auto}.garage-shop-tabs{gap:6px}}
@media(max-height:650px) and (min-width:761px){.hud-tools{max-height:calc(100% - 140px);overflow-y:auto;overflow-x:hidden;padding-right:5px;scrollbar-width:thin}}

/* Tủ đồ dùng cùng bảng màu đen / trắng của Gara của tôi. */
#panel.wardrobe-panel .skin-card{background:var(--ui-panel-inset);border-color:rgba(255,255,255,.24);border-radius:2px}
#panel.wardrobe-panel .skin-preview{background:var(--ui-panel-button);color:#eeeef2;border-radius:2px}
#panel.wardrobe-panel .skin-empty{background:var(--ui-panel-inset);border-color:var(--ui-panel-border);border-radius:2px}
#panel.wardrobe-panel :is(.skin-intro,.skin-empty,.skin-info small){color:var(--ui-panel-muted)}
#panel.wardrobe-panel .skin-info strong{color:#fff}
#panel.wardrobe-panel .skin-job-note{background:var(--ui-panel-inset);border-left-color:var(--ui-panel-border);color:var(--ui-panel-muted)}
/* Lựa chọn ban đầu và tủ đồ dùng cùng hình nhân vật với bản đồ. */
.auth-card .card-kicker.release-kicker{font-size:11px;letter-spacing:.09em}
.avatar-genders,.avatar-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.avatar-card .avatar-options{margin:12px 0}
.avatar-card .avatar-choice{flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0!important;padding:6px}
.avatar-card .avatar-preview{width:56px;height:84px;image-rendering:auto}
.avatar-card .avatar-features{margin:12px 0 18px}
.avatar-features label{display:grid;gap:5px;min-width:0}
.avatar-features select{width:100%;min-width:0;min-height:40px;border:1px solid currentColor;border-radius:6px;padding:6px;color:#fff;background:#202126;font:inherit}
.skin-shop-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:4px 0 10px}
#panel .skin-shop-tabs button{min-width:0;padding:5px 4px;margin:0;font-size:13px}
.outfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
#panel .outfit-tile{display:grid;justify-items:center;align-content:start;gap:4px;min-width:0;margin:0;padding:8px 4px;line-height:1.25}
#panel .outfit-tile[aria-pressed="true"]{border:1px solid #dfbd69;opacity:1}
.outfit-tile strong{font-size:12px}.outfit-tile small{font-size:11px}.outfit-tile .skin-preview{width:54px;height:70px}
@media(max-height:420px){
 .avatar-card .avatar-preview{width:42px;height:63px}
 #panel .skin-shop-tabs{margin:0 0 4px}
 #panel .skin-shop-tabs button{min-height:32px}
}