/* Copyright (c) 2026 Donnie Chamberlin. All rights reserved. Proprietary and confidential. Unauthorized copying, modification or distribution is prohibited. */
body[data-page="marketplace"]{--bg:#120c07;--panel:#1f150d;--panel2:#2e2016;--line:#5c4033;--ink:#fff4e8;--muted:#c9a27e;--orange:#ff8a00;background:var(--bg);color:var(--ink)}
.market-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto 70px}.market-hero{padding:72px 0 44px;max-width:900px}.market-hero h1{font:400 clamp(36px,6vw,76px)/1.08 Bungee,Impact,sans-serif;letter-spacing:-.025em;margin:18px 0 22px}.market-hero h1 span{color:var(--orange);text-shadow:0 0 28px #ff8a0040}.market-hero>p:not(.eyebrow){max-width:660px;font-size:18px;line-height:1.7;color:var(--muted)}.market-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.market-wrap .btn{min-height:48px}.market-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 28px}.market-tabs button[aria-pressed="true"]{background:var(--orange);color:var(--bg);border-color:var(--orange)}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pack-card{min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:24px}.pack-card img{width:100%;height:auto;display:block}.pack-copy{padding:24px}.pack-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:6px 11px;color:var(--muted);font-size:12px;font-weight:700}.pack-copy h2{font:400 23px/1.3 Bungee,Impact,sans-serif;margin:16px 0 10px;color:var(--ink)}.pack-copy p{color:var(--muted);font-size:15px;line-height:1.65;margin-bottom:20px}.pack-bottom{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.market-custom{margin-top:54px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:26px}.market-custom h2,.market-code h2{font:400 clamp(25px,3vw,38px)/1.2 Bungee,Impact,sans-serif;color:var(--orange);margin:14px 0}.market-custom p,.market-code p{color:var(--muted);line-height:1.75}.market-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}.market-steps li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);line-height:1.6}.market-steps b{color:var(--orange)}.market-code{margin-top:28px;padding:30px;border:1px dashed var(--line);border-radius:22px}.market-code input{max-width:330px;margin:14px 0;display:block;background:var(--panel2);border-color:var(--line);color:var(--muted)}.market-note{font-size:14px!important;margin-top:18px}.market-dialog{width:min(560px,calc(100% - 28px));max-height:90vh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--ink)}.market-dialog::backdrop{background:#080401d9}.market-dialog header{display:flex;align-items:start;justify-content:space-between;gap:16px}.market-dialog h2{font-family:Bungee,Impact,sans-serif;font-size:25px;line-height:1.3}.market-dialog img{width:100%;height:auto;margin:20px 0}.market-dialog p{color:var(--muted);line-height:1.65}.market-dialog button{min-height:44px}.market-request{margin-top:24px}.market-request .notice{line-height:1.7}.market-request textarea{min-height:140px}.market-request .btn{min-height:44px}.market-request p,.market-request small{overflow-wrap:anywhere}
@media(max-width:900px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-custom{grid-template-columns:1fr}}
@media(max-width:600px){.market-wrap{width:calc(100% - 28px)}.market-hero{padding-top:42px}.market-hero>p:not(.eyebrow){font-size:16px}.pack-grid{grid-template-columns:1fr;gap:18px}.pack-copy{padding:22px}.market-custom{padding:24px;gap:20px;margin-top:34px}.market-code{padding:23px}.market-dialog{padding:20px}.market-actions .btn{flex:1 0 100%;text-align:center;justify-content:center}.market-tabs .btn{padding:10px 13px;font-size:14px}}

.pack-request-confirm{display:flex;align-items:flex-start;gap:12px;line-height:1.6;margin:16px 0}.pack-request-confirm input{flex:none;width:20px;height:20px;margin-top:3px;accent-color:var(--orange)}
/* Shop cards: consistent artwork frames and a compact price/action row. */
body[data-page="marketplace"] .market-browse-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
body[data-page="marketplace"] .market-browse-heading h2{font:400 clamp(23px,3vw,34px)/1.25 Bungee,Impact,sans-serif;margin-top:10px;color:var(--ink)}
body[data-page="marketplace"] .market-preview-note{font-size:13px;line-height:1.5;color:var(--muted);text-align:right}
body[data-page="marketplace"] #pack-filter-status{margin:0 0 16px;font-size:13px}
body[data-page="marketplace"] #public-pack-grid{gap:24px;align-items:stretch}
body[data-page="marketplace"] .pack-card{display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(160deg,#2a1b10,var(--panel) 60%);box-shadow:0 12px 30px #0003;transition:border-color .18s,box-shadow .18s}
body[data-page="marketplace"] .pack-card:hover,body[data-page="marketplace"] .pack-card:focus-within{border-color:#a86123;box-shadow:0 12px 32px #0004,0 0 22px #ff8a0012}
body[data-page="marketplace"] .pack-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
body[data-page="marketplace"] .pack-kind{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--muted)}
body[data-page="marketplace"] .pack-availability{font-size:11px;font-weight:750;white-space:nowrap;color:#ffd2a0;background:#ff8a0012;border:1px solid #ff8a0045;border-radius:99px;padding:5px 9px}
body[data-page="marketplace"] .pack-art{position:relative;aspect-ratio:1;margin:0 12px;overflow:hidden;border-radius:12px;border:1px solid #5c40336b;background:radial-gradient(ellipse at center,#352115,#0f0905 78%)}
body[data-page="marketplace"] .pack-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
body[data-page="marketplace"] .pack-copy{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px;gap:12px}
body[data-page="marketplace"] .pack-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:24px}
body[data-page="marketplace"] .pack-count{font-size:12px;line-height:1.5;font-weight:600;color:var(--muted)}
body[data-page="marketplace"] .pack-tag{font-size:10px;padding:3px 8px;line-height:1.5}
body[data-page="marketplace"] .pack-copy h2{font:400 clamp(19px,2.2vw,23px)/1.3 Bungee,Impact,sans-serif;letter-spacing:0;margin:0;color:var(--ink);overflow-wrap:anywhere}
body[data-page="marketplace"] .pack-copy .pack-description{font-size:14px;line-height:1.6;margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
body[data-page="marketplace"] .pack-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:auto;padding-top:8px}
body[data-page="marketplace"] .pack-price{display:grid;gap:3px}
body[data-page="marketplace"] .pack-price-caption{color:var(--muted);font-size:11px;line-height:1.4;font-weight:500}
body[data-page="marketplace"] .pack-price strong{font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1.15;color:var(--ink)}
body[data-page="marketplace"] .pack-price-before{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;line-height:1.5;color:var(--muted)}
body[data-page="marketplace"] .pack-price-before>span{color:#ffba6b;font-weight:750}
body[data-page="marketplace"] .pack-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 15px;border-radius:11px;background:var(--orange);color:#120c07;border:1px solid var(--orange);font-size:14px;font-weight:800;white-space:nowrap}
body[data-page="marketplace"] .pack-preview-button:hover{background:#ffab45;border-color:#ffab45;box-shadow:0 0 18px #ff8a0025}
body[data-page="marketplace"] #pack-preview-image{width:100%;height:180px;object-fit:contain;margin:16px 0;background:#120c07;border-radius:12px}
body[data-page="marketplace"] #pack-preview-reactions{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:14px;margin:20px 0}
body[data-page="marketplace"] #pack-preview-reactions img{width:100%;height:112px!important;object-fit:contain;margin:0 0 8px;border-radius:12px;background:#120c07;padding:6px}
body[data-page="marketplace"] #pack-preview-reactions figcaption{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:600px){body[data-page="marketplace"] .market-browse-heading{align-items:start;gap:12px;flex-direction:column}body[data-page="marketplace"] .market-preview-note{text-align:left}body[data-page="marketplace"] #public-pack-grid{gap:20px}body[data-page="marketplace"] .pack-copy{padding:17px}body[data-page="marketplace"] .pack-card-top{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){body[data-page="marketplace"] .pack-card{transition:none}}
body[data-page="marketplace"] .pack-copy h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-page="marketplace"] .market-code{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-top:32px;border-style:solid;border-color:#5c4033;background:#1f150d}
body[data-page="marketplace"] .market-code h2{font-size:25px;margin:8px 0}
body[data-page="marketplace"] .market-code p{font-size:14px}
body[data-page="marketplace"] .market-code>.btn{flex:none;min-height:48px;display:inline-flex;align-items:center;gap:16px;border-color:#a86123;color:#ffba6b;font-size:14px}
@media(max-width:600px){body[data-page="marketplace"] .market-code{align-items:start;flex-direction:column;padding:22px}}
