.cosmetic-grid strong {
 font-family: 'DM Sans', 'Segoe UI', sans-serif;
 font-size: 15px;
 font-weight: 700;
 line-height: 1.4;
 letter-spacing: .1px;
 text-transform: capitalize;
 color: #f5f7f2;
 min-height: 42px;
 padding: 0 4px;
 display: flex;
 align-items: center;
 justify-content: center;
 text-wrap: balance;
}
.cosmetic-grid button[data-action] {
 min-height: 38px;
 font-family: 'DM Sans', 'Segoe UI', sans-serif;
 font-size: 11px;
 font-weight: 700;
 letter-spacing: .45px;
 border: 1px solid transparent;
 transition: background-color .15s, border-color .15s;
}
.cosmetic-grid button[data-action="equip"] {background:#7951c2;color:#fff;border-color:#ad82ef;}
.cosmetic-grid button[data-action="equip"]:enabled:hover {background:#9064d8;border-color:#c4a3f5;}
.cosmetic-grid button[data-action="equipped"]:disabled {background:#a9dc78;color:#193117;border-color:#c6eea0;opacity:1;}
.cosmetic-grid button[data-action="buy"] {background:#f5a54c;color:#281808;border-color:#ffbf77;}
.cosmetic-grid button[data-action="buy"]:enabled:hover {background:#ffb665;border-color:#ffd2a0;}
.cosmetic-grid button[data-action="buy"]:disabled {background:#8e592f;color:#ffe0bd;border-color:#ac7040;opacity:1;}
.cosmetic-grid button[data-action="equip"]:disabled {background:#614296;color:#e5d8f7;border-color:#8964bb;}
.cosmetic-grid button[data-action]:focus-visible {outline:2px solid #fff;outline-offset:3px;}
.menu-dialog:has(.cosmetic-grid) {
 scrollbar-width: thin;
 scrollbar-color: #6d9755 #09130f;
 scrollbar-gutter: stable;
}
.menu-dialog:has(.cosmetic-grid)::-webkit-scrollbar {width:10px;}
.menu-dialog:has(.cosmetic-grid)::-webkit-scrollbar-track {background:#09130f;border-radius:12px;margin:15px 0;}
.menu-dialog:has(.cosmetic-grid)::-webkit-scrollbar-thumb {background:#6d9755;border:2px solid #09130f;border-radius:12px;min-height:42px;}
.menu-dialog:has(.cosmetic-grid)::-webkit-scrollbar-thumb:hover {background:#a4cd7c;}
.menu-dialog:has(.cosmetic-grid)::-webkit-scrollbar-corner {background:#09130f;}

/* Armory: matte display cases, clear hierarchy, no blurred effects. */
.menu-dialog:has(.cosmetic-grid){width:1060px;max-width:94vw;max-height:90dvh;padding:0 28px 22px;background:#111e19;border:1px solid #48604b;border-radius:22px;box-shadow:none;}
.menu-dialog:has(.cosmetic-grid)::backdrop{backdrop-filter:none;background:#06100de0;}
.menu-dialog:has(.cosmetic-grid) .shop-top{position:sticky;top:0;z-index:3;background:#111e19;min-height:100px;border-bottom:1px solid #2d4437;margin:0 -28px;padding:22px 28px 18px;}
.menu-dialog:has(.cosmetic-grid) h2{font-family:'Space Grotesk','Segoe UI',sans-serif;font-size:34px;letter-spacing:5px;margin:0;color:#edf4e7;}
dialog .shop-top > button[aria-label^="Close"]{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;padding:0;border:1px solid #3a5042;border-radius:10px;font-size:23px;font-weight:400;background:#1d2e24;color:#adbea6;line-height:1;cursor:pointer;}
dialog .shop-top > button[aria-label^="Close"]:hover:not(:disabled){background:#293e30;border-color:#688365;color:#e4efdc;}
dialog .shop-top > button[aria-label^="Close"]:focus-visible{outline:2px solid #c6ef91;outline-offset:3px;}
dialog .shop-top > button[aria-label^="Close"]:disabled{opacity:.45;cursor:default;}
.menu-dialog:has(.cosmetic-grid)>.muted{margin:18px 0;color:#a8bbae;font-size:13px;}
.menu-dialog:has(.cosmetic-grid) .menu-wallet{display:flex;align-items:center;gap:12px;background:#1c2b20;border:1px solid #44543a;border-radius:12px;padding:14px 18px;margin:18px 0;flex-wrap:wrap;}
.armory-wallet-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#c1cfb5;}
.armory-wallet-value{font:700 23px 'Space Grotesk',sans-serif;color:#ffd28a;letter-spacing:.5px;}
.armory-wallet-note{margin-left:auto;font-size:11px;color:#9dac97;}
.menu-dialog:has(.cosmetic-grid) .cosmetic-controls{align-items:center;gap:6px;padding:6px;background:#0b1712;border:1px solid #2d4335;border-radius:12px;margin:20px 0 18px;}
.cosmetic-controls button{min-width:110px;font-size:12px;font-weight:700;padding:11px 18px;border-color:transparent;background:transparent;color:#a8b8a4;}
.cosmetic-controls button.selected{background:#2a4030;color:#def2cc;border-color:#688a53;}
.cosmetic-controls select{font:600 10px 'DM Sans',sans-serif;letter-spacing:1px;background:#1a2b20;border-color:#3f5946;max-width:42%;}
.cosmetic-controls button:focus-visible,.cosmetic-controls select:focus-visible{outline:2px solid #c6ef91;outline-offset:2px;}
.cosmetic-grid{gap:16px;}
.cosmetic-grid article{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 12px 12px;border:1px solid #354a3d;border-top:2px solid var(--rarity);background:#192820;border-radius:14px;transition:border-color .15s,background-color .15s;}
.cosmetic-grid article:hover{border-color:var(--rarity);background:#203127;}
.cosmetic-grid article.is-equipped{border-color:#9fc778;background:#203121;}
.armory-stage{position:relative;margin:0 -12px 12px;padding:30px 8px 0;min-height:174px;background:radial-gradient(ellipse at 50% 80%,#2d4230 0%,#14221b 72%);border-bottom:1px solid #314638;}
.cosmetic-grid article[data-rarity="epic"] .armory-stage{background:radial-gradient(ellipse at 50% 80%,#343044,#16211c 75%);}
.cosmetic-grid article[data-rarity="legendary"] .armory-stage{background:radial-gradient(ellipse at 50% 80%,#413b26,#17231c 75%);}
.armory-rarity{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1.2px;font-weight:700;text-transform:uppercase;color:var(--rarity);border:1px solid currentColor;padding:4px 6px;border-radius:4px;}
.armory-ownership{position:absolute;top:15px;right:10px;font-size:9px;font-weight:600;color:#b6d49f;}
.cosmetic-grid strong{font-size:15px;line-height:1.35;min-height:42px;}
.cosmetic-grid small{font:500 10px 'DM Sans',sans-serif;letter-spacing:.6px;color:#a1b3a2;margin:3px 0 17px;text-transform:capitalize;}
.cosmetic-grid button[data-action]{margin-top:auto;min-height:40px;border-radius:8px;}
.menu-dialog:has(.cosmetic-grid)>.shop-note{padding-top:12px;font-size:11px;color:#b4c6ac;min-height:30px;}
@media(max-width:850px){.cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.armory-wallet-note{width:100%;margin-left:0;}}
@media(max-width:600px){.menu-dialog:has(.cosmetic-grid){padding:0 14px 14px;max-width:96vw;border-radius:16px;}.menu-dialog:has(.cosmetic-grid) .shop-top{margin:0 -14px;padding:18px 14px;min-height:80px;}.menu-dialog:has(.cosmetic-grid) h2{font-size:26px;letter-spacing:3px;}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.cosmetic-controls button{min-width:0;padding:10px;font-size:11px;}.cosmetic-controls select{padding:9px 5px;}.armory-ownership{top:37px;right:10px;font-size:8px;}.cosmetic-grid strong{font-size:13px;}.cosmetic-grid button[data-action]{font-size:10px;}}