.skin-store-open:not(.view-button) {
    flex: 0 0 auto; min-height: 38px; padding: 7px 12px;
    border: 1px solid var(--line-strong); border-radius: 2px;
    color: var(--green-bright); background: var(--panel);
    font: .7rem var(--working-font); letter-spacing: .06em; cursor: pointer;
}
.skin-store-open:not(.view-button):hover { border-color: var(--green); color: var(--green); }
.skin-store-dialog {
    width: min(1120px, calc(100vw - 36px)); max-width: none; max-height: calc(100dvh - 40px);
    margin: auto; padding: 0; overflow: hidden;
    color: #dce5e2; background: #0b1111; border: 1px solid #3a6158;
    border-radius: 8px; box-shadow: 0 30px 100px #000c;
    font: 14px/1.55 var(--working-font, monospace);
}
:root[data-shell="industrial"] .skin-store-dialog { background: #0b1111; border-color: #3a6158; }
.skin-store-dialog[open] { display: flex; flex-direction: column; }
.skin-store-dialog::backdrop { background: #000b; backdrop-filter: blur(5px); }
.skin-store-dialog * { box-sizing: border-box; }
.skin-store-dialog [hidden] { display: none; }
.skin-store-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 28px; border-bottom: 1px solid #273b35; background: #101a17; }
.skin-store-eyebrow { margin: 0 0 5px; color: #7eb7a4; font-size: 10px; letter-spacing: .13em; }
.skin-store-header h2 { margin: 0; font-size: 24px; letter-spacing: .02em; color: #eef5ef; }
.skin-store-dialog button { font-family: inherit; cursor: pointer; }
.skin-store-dialog button:focus-visible { outline: 2px solid #a3efc5; outline-offset: 3px; }
.skin-store-close { flex: 0 0 36px; height: 36px; padding: 0; font-size: 26px; line-height: 1; background: #14211c; color: #dce5e2; border: 1px solid #405e50; border-radius: 3px; }
.skin-store-body { padding: 20px 28px 24px; overflow-y: auto; min-height: 0; scrollbar-width: thin; scrollbar-color: #3e5c4d #0b1111; }
.skin-store-intro { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.skin-store-intro h3 { margin: 0 0 4px; color: #f0f3ef; font-size: 18px; font-weight: 500; }
.skin-store-intro p { margin: 0; color: #93a69f; font-size: 12px; }
.skin-store-tag { display: inline-block; padding: 5px 9px; border: 1px solid #32463c; border-radius: 2px; color: #abc0b4; font-size: 9px; letter-spacing: .08em; white-space: nowrap; }
.skin-store-products { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.skin-product { min-width: 0; background: #111b17; border: 1px solid #304839; border-radius: 5px; overflow: hidden; }
.skin-product-picture { position: relative; aspect-ratio: 1672 / 941; background: #070d0b; border-bottom: 1px solid #304839; }
.skin-product-picture img { display: block; width: 100%; height: 100%; object-fit: contain; }
.skin-product-badge { position: absolute; bottom: 10px; left: 10px; padding: 4px 7px; background: #07100ded; color: #b6d5c3; border: 1px solid #45604e; border-radius: 2px; font-size: 9px; letter-spacing: .06em; }
.skin-image-unavailable { margin: 0; padding: 50px 15px; color: #a3b9ac; text-align: center; }
.skin-product-body { padding: 18px; }
.skin-product-body h3, .skin-product-price { color: #f2f3e9; font-size: 19px; font-weight: 500; }
.skin-product-body h3 { margin: 0 0 7px; }
.skin-product-description { color: #a2b5a9; font-size: 12px; line-height: 1.7; min-height: 50px; margin: 0 0 18px; }
.skin-product-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-top: 15px; border-top: 1px solid #2a3b30; }
.skin-product-action { padding: 9px 14px; background: #a5ebc6; color: #09160e; border: 1px solid #a5ebc6; font-size: 11px; border-radius: 2px; }
.skin-store-dialog button:disabled { cursor: default; }
.skin-product-action:disabled { background: #1b2a20; color: #93ac9a; border-color: #3b5241; }
.skin-store-footer { padding: 14px 28px; color: #859c8b; font-size: 10px; border-top: 1px solid #273b2c; }
#skin-store-status { color: #d2c4a4; font-size: 12px; margin: 0; }
#skin-store-status:not(:empty) { margin-bottom: 16px; }
#skin-store-retry { margin-bottom: 16px; padding: 8px 16px; background: #203628; color: #c5e5cc; border: 1px solid #48694c; }
@media (max-width: 700px) {
    .skin-store-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
    .skin-store-header, .skin-store-body { padding: 18px; }
    .skin-store-header h2 { font-size: 19px; }
    .skin-store-intro { align-items: flex-start; flex-direction: column; }
    .skin-store-products { grid-template-columns: minmax(0, 1fr); }
    .skin-product-description { min-height: 0; }
    .skin-store-footer { padding: 12px 18px; }
}

.skin-store-header, .skin-store-footer { flex-shrink: 0; }

/* Beta builds retain their report link; other skins put the store in that slot. */
:root:not([data-skin="beta-tester"]):not([data-skin="beta-veteran"]) .header-community.discord-link { display: none; }
.store-button-icon { display: none; }
#skin-store-open.header-community { justify-self: end; align-self: center; width: 96px; min-height: 54px; text-align: center; cursor: pointer; }
#skin-store-open.header-community .store-button-icon { display: block; width: 23px; height: 23px; }
#skin-store-open:not(.header-community) small { font-size: inherit; }
.skin-store-category { display: block; position: relative; width: 100%; padding: 0; overflow: hidden; text-align: left; border: 1px solid #426556; border-radius: 5px; background: #050b0a; color: #eff8f0; }
.skin-store-category img { display: block; width: 100%; height: clamp(220px, 40vh, 400px); object-fit: cover; object-position: top; opacity: .7; }
.skin-store-category-copy { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 6px; padding: 28px; background: linear-gradient(transparent 20%, #050e0de8); }
.skin-store-category-copy strong { font-size: clamp(24px, 4vw, 36px); font-weight: 500; }
.skin-store-category-copy > span { color: #b6cec0; }
.skin-store-category-copy .skin-store-category-link { margin-top: 12px; color: #a5ebc6; font-size: 11px; letter-spacing: .08em; }
.skin-store-category:hover { border-color: #a5ebc6; }
.skin-store-navigation { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.skin-store-navigation button { padding: 8px 12px; background: #14231c; color: #cbe8d8; border: 1px solid #42604f; border-radius: 3px; font-size: 11px; }
.skin-store-navigation button:disabled { opacity: .4; }
.skin-store-pager { display: flex; align-items: center; gap: 12px; }
#skin-store-position { min-width: 56px; text-align: center; font-size: 12px; color: #adc8b9; }
.skin-product-picture { display: block; width: 100%; height: min(45dvh, 510px); aspect-ratio: auto; padding: 0; border: 0; border-bottom: 1px solid #304839; color: inherit; cursor: zoom-in !important; }
.skin-product-picture::after { content: 'CLICK TO ENLARGE'; position: absolute; top: 10px; right: 10px; padding: 4px 7px; font-size: 9px; letter-spacing: .05em; background: #07100de6; color: #d2e9db; }
.skin-product-picture:disabled { cursor: default !important; }
.skin-product-picture:disabled::after { content: none; }
.skin-product-description { min-height: 0; margin-bottom: 12px; }
.skin-product-body { padding: 14px 18px; }
.skin-product-body h3 { margin-bottom: 4px; }
.skin-product-footer { padding-top: 10px; }
.skin-store-image-dialog { width: calc(100vw - 24px); max-width: none; max-height: calc(100dvh - 24px); padding: 12px; margin: auto; background: #030807; color: #e3f0e8; border: 1px solid #557b65; border-radius: 4px; box-shadow: 0 20px 80px #000; }
.skin-store-image-dialog::backdrop { background: #000e; }
.skin-store-image-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 10px; }
.skin-store-image-dialog h2 { margin: 0; font: 16px var(--working-font, monospace); }
.skin-store-image-dialog button { width: 36px; height: 36px; background: #15221b; color: #d7e7db; border: 1px solid #526856; font-size: 24px; cursor: pointer; }
.skin-store-image-dialog button:focus-visible { outline: 2px solid #a3efc5; outline-offset: 2px; }
.skin-store-image-dialog img { display: block; width: 100%; height: auto; max-height: calc(100dvh - 108px); object-fit: contain; }
@media (max-width: 700px) {
    .skin-store-category-copy { padding: 18px; }
    .skin-product-picture { height: auto; aspect-ratio: 1672 / 941; }
    .skin-store-navigation { gap: 5px; }
    .skin-store-pager { gap: 5px; }
    .skin-store-navigation button { padding: 8px; }
}

.skin-bundle-previews {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:#07100e;}
.skin-bundle-tile {display:flex;flex-direction:column;gap:8px;min-width:0;padding:0 0 10px;color:#d5ffeb;background:#102019;border:1px solid #304839;cursor:zoom-in;font:inherit;}
.skin-bundle-tile img {display:block;width:100%;aspect-ratio:1672/941;object-fit:contain;background:#050907;}
.skin-bundle-tile:focus-visible {outline:2px solid #a3efc5;outline-offset:2px;}
@media(max-width:700px) {.skin-bundle-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skin-bundle-tile{font-size:12px}}
