/* CollectorSpace: charcoal surfaces, soft gradients and golden-yellow accents. */
@font-face{font-family:'DM Sans';src:url("../fonts/dm-sans-latin.7c87a648293f.woff2") format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--ink:#f3f1ec;--accent:#f8b400;--accent-soft:#332c1c;--muted:#b0b0b6;--cream:#1b1d22;--line:#32343b;--shadow:0 12px 32px rgba(0,0,0,.22);color-scheme:dark;--paper:#101114;--surface:#1b1d22;--surface-raised:#23252b;--panel-gradient:linear-gradient(145deg,#24262c,#1b1d22);--gold-surface:linear-gradient(135deg,#3b3220,#27251f);--gold-line:#62502a}
body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper)}
h1,h2{font-family:'DM Sans',Arial,sans-serif;font-weight:750;text-transform:none;letter-spacing:-.045em}
h3{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.02em}
:focus-visible{outline-color:#f8b400}
.button{border-radius:12px;font-weight:750;letter-spacing:0;transition:background .2s,box-shadow .2s,transform .2s}
.button-primary{background:linear-gradient(120deg,#f8b400,#e9a900);color:#17140a;border:1px solid #eab11d;box-shadow:0 5px 14px #00000024}
.button-primary:hover{background:linear-gradient(120deg,#ffc533,#f8b400);color:#17140a;border-color:#f8b400;box-shadow:0 7px 20px #f8b40015}
.button-outline{border-color:#4b4c52;border-radius:12px;color:var(--ink);background:#25272d}
.button-outline:hover{background:#343029;border-color:#857047;color:var(--ink)}
.button-danger{border-radius:12px}
input:not([type=checkbox]),select,textarea{border-radius:10px;border-color:#45474f;background:#15171b;color:var(--ink)}
.skip-link{background:var(--accent);color:#111;border-radius:10px}
.site-header{background:linear-gradient(115deg,#101114,#1b1c20);border-bottom:1px solid #2d2f35}
.header-inner{height:84px}
.brand{font-family:'DM Sans',Arial,sans-serif;font-size:27px;letter-spacing:-1.1px;font-weight:800;text-transform:none;line-height:1.15}
.brand-light{margin-left:0;font-weight:650;background:linear-gradient(110deg,#f8b400,#ffe3a1);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-dot{display:none}
.site-header .brand,.site-footer .brand{color:#fff}
.brand-mark{display:block;width:27px;height:31px;position:relative;margin-right:12px;transform:none;flex-shrink:0}
.brand-mark i{position:absolute;display:block;width:20px;height:27px;border:2px solid #ffd06c;border-radius:5px;background:#2b2820;top:0;left:7px;transform:rotate(9deg)}
.brand-mark i:first-child{left:0;top:4px;border-color:#e2d5ac;transform:rotate(-11deg);background:transparent}
#navigation a{color:#dedbd3;font-weight:600;font-size:12px;padding:8px 12px;border-radius:20px}
#navigation{gap:13px}
#navigation a:hover,#navigation a.active{color:#ffd06c;background:#ffffff08}
.saved-link,.mobile-menu{color:#fff}
.saved-link:hover{color:#ffd06c}
.saved-count{background:linear-gradient(135deg,#f8b400,#ffe7b0);color:#222;font-weight:750}
.hero-band{background:radial-gradient(ellipse at 78% 35%,#f8b40012,transparent 55%),linear-gradient(145deg,#18191d,#111215 68%,#1e1c17);padding-bottom:22px;border-bottom:1px solid #2d2e32}
.hero{padding-top:48px;padding-bottom:34px;gap:36px}
.hero h1{color:var(--ink);font-size:clamp(54px,5.2vw,70px);font-weight:750;letter-spacing:-3px;line-height:1.06;margin-top:19px;margin-bottom:22px}
.hero h1 em{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:750;background:linear-gradient(105deg,#f8b400,#ffe09b,#eab64c);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .eyebrow{color:#d2b777;font-size:10px;font-weight:750;letter-spacing:1.6px}
.little-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #f8b40012}
.hero-copy>p{color:#b6b4b1;font-size:14px;line-height:1.8}
.hero-game-links{display:flex;gap:9px;margin:0 0 26px}
.hero-game-links a{background:#24252a;border:1px solid #444038;border-radius:22px;padding:7px 13px;font-size:11px;color:#e4ded1;font-weight:650;display:flex;gap:12px;align-items:center}
.hero-game-links a:hover{border-color:#9b7a38;background:#363023}
.hero-game-links span{color:#e5bd68;font-size:14px}
.hero-proof{color:#d3d0c8;font-size:10px}
.hero-proof small{color:#a9a8a5;font-size:9px}
.proof-icon{background:var(--gold-surface);color:#e5bd68;border-radius:12px}
.hero-spotlight{height:413px;width:min(100%,625px);min-width:0;padding:16px;justify-self:end;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(35,37,43,.91),rgba(23,25,30,.9));border:1px solid rgba(208,172,91,.34);border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 14px 32px #00000036;overflow:hidden}
.spotlight-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px;flex-shrink:0}
.spotlight-heading .eyebrow{font-size:8px;letter-spacing:1.1px}
.spotlight-heading h2{font-size:23px;line-height:1.1;margin:3px 0 0;letter-spacing:-.7px}
.spotlight-heading .text-link{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;margin-top:5px}
.spotlight-heading .text-link .icon{width:13px;height:13px}
.spotlight-stage{position:relative;min-height:0;flex:1;overflow:hidden;border-radius:13px}
.spotlight-card{position:absolute;inset:0;display:grid;grid-template-columns:minmax(120px,42%) minmax(0,1fr) 20px;align-items:center;gap:14px;min-width:0;padding:10px;background:#17191ed9;border:1px solid rgba(255,255,255,.08);border-radius:13px;opacity:0;visibility:hidden;transform:translateX(10px);transition:opacity .55s ease,transform .55s ease,visibility .55s}
.spotlight-card.is-active{opacity:1;visibility:visible;transform:translateX(0)}
.spotlight-photo{width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at 50% 35%,#34322b,#1d1f24 74%)}
.spotlight-photo img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 5px 8px #00000060)}
.spotlight-card-copy{min-width:0}
.spotlight-card-copy>span{display:block;color:#c5a963;font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotlight-card-copy h3{font-size:17px;line-height:1.25;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spotlight-card-copy h3 a:hover{color:#ffd16e}
.spotlight-card-copy p{color:#f2ebdb;font-size:18px;font-weight:750;line-height:1.2;margin:0 0 8px}
.spotlight-card-copy small{display:block;color:#9f9b92;font-size:9px;line-height:1.55;white-space:normal;overflow:hidden}
.spotlight-arrow{color:#bca36a}
.spotlight-arrow .icon{width:16px;height:16px}
.spotlight-empty{height:100%;display:flex;align-items:center;justify-content:center;gap:15px;padding:24px;border:1px dashed #4b4538;border-radius:13px;background:#191b20b8}
.spotlight-empty .empty-icon{margin:0;flex-shrink:0}
.spotlight-empty strong{display:block;color:#e8e1d3;margin-bottom:4px}
.spotlight-empty p{margin:0;font-size:11px}
.spotlight-controls{position:relative;z-index:4;height:24px;display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:7px;flex-shrink:0;pointer-events:auto}
.spotlight-controls>button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#93876f;border-radius:50%}
.spotlight-controls>button:hover{color:#e3c275;background:#ffffff08}
.spotlight-controls>button:first-child .icon{transform:rotate(180deg)}
.spotlight-controls .icon{width:13px;height:13px}
.spotlight-dots{position:relative;z-index:4;display:flex;align-items:center;gap:6px;height:24px;pointer-events:auto}
.spotlight-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#69665f;transition:width .25s,background .25s}
.spotlight-dots button.is-active{width:18px;border-radius:5px;background:#d4ae58}
.search-bar{border-radius:18px;border:1px solid #424249;box-shadow:0 10px 24px #00000029;padding:10px;background:linear-gradient(135deg,#27292f,#1e2025)}
.search-bar .search-field input{border-radius:0;background:none}
.search-location select{background:transparent;border:0;color:#dedbd3}
.popular-searches,.popular-searches span{color:#a9a8a5}
.popular-searches a{color:#cbc4b5;border-color:#625640}
.popular-searches a:hover{color:#f7cd71;border-color:#c59a39}
.eyebrow{font-weight:700;color:#c3a668;letter-spacing:1.4px}
.section-heading h2{font-size:32px;font-weight:750}
.section-heading p{font-size:12px;line-height:1.7;color:var(--muted)}
.compact h2{font-size:24px}
.text-link{font-weight:700;color:#d7bf8e}
.text-link:hover{color:#ffd16e}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.category-tile{background:var(--panel-gradient);border-radius:18px;border-color:var(--line);padding:22px 8px 18px;box-shadow:0 5px 15px #00000012}
.category-tile:hover{border-color:#7f683a;background:linear-gradient(135deg,#343026,#23252b)}
.category-icon,.category-tile:nth-child(3n) .category-icon{background:var(--gold-surface);color:#eac66e;border-radius:14px;width:43px;height:43px}
.category-tile strong{font-size:11px;font-weight:700}
.category-tile small{color:var(--muted);font-size:10px}
.featured-section{background:radial-gradient(ellipse at 5% 10%,#c48b0510,transparent 50%),linear-gradient(115deg,#1c1c1e,#17191e);color:var(--ink);border-color:var(--line);padding-top:44px}
.featured-section .section-heading .eyebrow{color:#d7b669}
.featured-section .section-heading p{color:var(--muted)}
.accent-dot{color:#d8a520}
.period-switch{background:#16181d;border:1px solid #3d3d42;border-radius:26px;padding:4px;box-shadow:none}
.period-switch a{color:#b7b3a9;border-radius:22px;font-weight:600;padding:9px 17px}
.period-switch .selected{background:var(--gold-surface);color:#ffcf70;box-shadow:inset 0 0 0 1px #62502a}
.listing-card{background:var(--panel-gradient);color:var(--ink);border:1px solid var(--line);border-radius:19px;box-shadow:0 4px 13px #00000012;transition:box-shadow .2s,transform .2s}
.listing-card:hover{box-shadow:0 12px 25px #00000040;transform:translateY(-3px)}
.card-photo{height:220px;background:radial-gradient(ellipse at 50% 35%,#34322b,#1d1f24 74%);padding:15px 12px 11px}
.card-photo img{object-fit:contain;filter:drop-shadow(0 6px 9px #00000060);border-radius:7px}
.feature-badge{background:var(--gold-surface);color:#ffd06c;border:1px solid #716035;border-radius:15px;font-size:9px;font-weight:700;padding:4px 9px;left:11px;top:11px}
.save-button{background:#26282ef2;color:#d0c7b5;width:31px;height:31px;box-shadow:0 2px 5px #00000030}
.is-saved{color:#f8b400!important}
.is-saved .icon{fill:#f8b400;stroke:#f8b400}
.card-body{padding:15px 15px 0}
.card-meta{color:#b5b1a8;font-size:8px;letter-spacing:.4px}
.card-body h3{font-size:13px;font-weight:700;line-height:1.5;min-height:39px;letter-spacing:-.15px}
.card-price{color:#f2ebdb;font-size:17px;font-weight:750;letter-spacing:-.3px}
.card-price small{font-size:8px;font-weight:400;color:#b9b1a0}
.card-location,.card-seller{color:#b8b3a7}
.card-location span{color:#a9a8a5;font-size:8px}
.card-seller{border-color:#35363b}
.card-seller .icon{color:#d2b56e}
.card-tags,.detail-tags,.dashboard-tags{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.card-tags{margin:8px 0 7px;min-height:22px}
.tag-chip{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:20px;background:#302c22;border:1px solid #50452e;color:#dfc58d;font-size:8px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
.tag-chip:hover{background:#403622;color:#ffda88;border-color:#90713b}
.tag-extra{font-size:9px;color:#b5b0a4;padding:0 2px}
.detail-tags{margin:13px 0 17px}
.detail-tags .tag-chip{font-size:10px;padding:5px 11px}
.dashboard-tags{margin:6px 0}
.dashboard-tags .tag-chip{font-size:9px}
.section-bottom{color:#b9b1a0}
.section-bottom>span .icon{color:#c3a052}
.featured-section .section-bottom .text-link{color:#d7bf8e}
.featured-section .empty-state{background:var(--surface);border-color:var(--line)}
.empty-state{border-radius:18px;border-color:var(--line);background:var(--surface)}
.empty-icon{background:var(--gold-surface);border-radius:16px;color:#e2be6e}
.vendor-card{border-radius:17px;background:var(--panel-gradient);border-color:var(--line);padding:20px}
.vendor-card:hover{background:linear-gradient(135deg,#343026,#23252b);border-color:#7f683a}
.vendor-avatar,.vendor-card:nth-child(2n) .vendor-avatar,.vendor-card:nth-child(3n) .vendor-avatar{font-family:'DM Sans',Arial,sans-serif;background:var(--gold-surface);color:#e9c578;font-weight:700;border-radius:15px}
.vendor-name{font-weight:700}
.vendor-name .icon{color:#c3a14b}
.vendor-description{color:#b9b1a0}
.vendor-card>.icon{color:#bca36a}
.reassurance{background:radial-gradient(ellipse at 80% 20%,#f8b40009,transparent 60%),linear-gradient(120deg,#30291d,#202126);border:1px solid #4e422c;color:var(--ink);border-radius:26px;padding:43px 46px}
.reassurance-copy .eyebrow{color:#d1b476}
.reassurance-copy h2{font-size:34px;line-height:1.15;font-weight:750}
.reassurance-copy p,.reassurance-tips p{color:#bdb3a0}
.reassurance .button-outline{background:#2c2a25;border-color:#75603a;color:#e6c788}
.reassurance .button-outline:hover{background:#3a3224;border-color:#ac8c49;color:#ffda88}
.reassurance-tips>div>span{background:var(--gold-surface);color:#e2bf74;border-radius:13px;box-shadow:none}
.reassurance-tips h3{color:#e5d4af;font-weight:650}
.site-footer{background:linear-gradient(115deg,#101114,#191a1e);border-color:var(--line);color:#fff}
.site-footer .brand{font-size:25px}
.footer-top>div>p,.footer-links,.footer-note,.footer-note small,.footer-bottom{color:#aaa397}
.footer-links strong{color:#e8e1d3;font-weight:700}
.footer-links a:hover{color:#ffda79}
.footer-note>.icon{color:#c2a260}
.footer-bottom{border-color:var(--line)}
.page-heading h1{font-size:39px}
.browse-search{border-radius:16px;border-color:#424249;background:var(--panel-gradient)}
.filter-panel{background:var(--panel-gradient);border-radius:17px;border-color:var(--line)}
.filter-heading h2{font-family:'DM Sans',Arial,sans-serif;font-weight:700;text-transform:none}
.filter-panel .checkbox-row input,input[type=checkbox]{accent-color:#f8b400}
.filter-panel label:not(.checkbox-row),.form-field>label{color:#d7cbb2;font-weight:650}
.tag-fieldset,.filter-tags{border:0;padding:0;margin:0;min-width:0}
.tag-fieldset legend,.filter-tags legend{font-size:12px;font-weight:700;color:#e1d4b8;padding:0}
.tag-fieldset .field-help,.filter-tags .field-help{margin:6px 0 12px}
.tag-selector>div{display:flex;flex-wrap:wrap;gap:7px;max-height:330px;overflow:auto;padding:3px}
.tag-selector label{display:flex!important;align-items:center;gap:7px;padding:7px 10px;border:1px solid #4b4537;border-radius:25px;background:#23252b;font-size:11px!important;font-weight:500!important;margin:0!important;cursor:pointer;color:#d0c6af!important}
.tag-selector label:has(input:checked){background:var(--gold-surface);border-color:#ad883e;color:#ffda88!important}
.tag-selector label:focus-within{outline:2px solid #c7a65c;outline-offset:2px}
.tag-selector input[type=checkbox]{margin:0;width:13px;height:13px}
.filter-tags{margin-top:18px;grid-column:1/-1}
.filter-tags .tag-selector>div{max-height:235px;gap:5px}
.filter-tags .tag-selector label{font-size:10px!important;padding:5px 8px}
.detail-info h1{font-size:34px;line-height:1.25}
.detail-price{color:#f2ebdb;font-weight:750}
.detail-photo,.seller-panel{border-radius:19px;border-color:var(--line);background:var(--panel-gradient)}
.detail-photo>img{padding:18px}
.image-magnifier{display:none}
@media(hover:hover) and (pointer:fine){.detail-photo[data-image-magnifier]{cursor:zoom-in}.image-magnifier{display:block;position:absolute;z-index:6;width:180px;height:180px;border:1px solid rgba(237,199,108,.72);border-radius:16px;background-color:#1b1d22;background-repeat:no-repeat;box-shadow:0 12px 30px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.09);pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .14s ease}.image-magnifier.is-visible{opacity:1}}
.seller-panel{background:var(--panel-gradient)}
.seller-identity strong{font-weight:700}
.condition-badge,.safety-note{background:var(--gold-surface);color:#e4c785;border-radius:12px}
.safety-note>.icon{color:#d2b56e}
.safety-note p{color:#c2b596}
.vendor-banner{background:linear-gradient(125deg,#352d1e,#202126);border-radius:23px;border:1px solid #55462b}
.vendor-banner .eyebrow,.vendor-banner p{color:#cdb98f}
.vendor-banner h1{font-size:34px}
.vendor-banner>.button-primary{background:linear-gradient(120deg,#f8b400,#e9a900);color:#17140a}
.large-avatar{background:var(--gold-surface);color:#e9c578}
.prose .lead{color:#c6bdac}
.login-story h1{font-size:60px;line-height:1.08;letter-spacing:-2px}
.login-story h1 em{font-family:'DM Sans',Arial,sans-serif;font-style:normal;font-weight:750;color:#f8c452}
.login-panel,.editor-form{background:var(--panel-gradient);border-radius:22px;border-color:var(--line);box-shadow:0 8px 25px #00000020}
.login-panel{border-top:1px solid var(--line)}
.panel-icon{background:var(--gold-surface);color:#e9c578;border-radius:15px}
.login-panel h2{font-size:31px}
.form-field input[type=file]::file-selector-button{background:var(--gold-surface);color:#e4c785;border-radius:8px;font-weight:600}
.messages .message{background:#2d2a21;border-color:#62502a;color:#e4c785;border-radius:12px}
.toast{background:var(--gold-surface);color:#ffda88;font-weight:600;border-radius:15px;border:1px solid #75603a}
.workspace-sidebar{background:linear-gradient(160deg,#2c2820,#1b1d22);color:#d4c7aa;border-color:#4d4230;border-radius:20px}
.workspace-sidebar .vendor-avatar{background:var(--gold-surface)}
.vendor-avatar{overflow:hidden}
.vendor-avatar img{width:100%;height:100%;object-fit:contain;padding:3px}
.large-avatar img{padding:5px}
.workspace-business small{color:#b5ab95}
.workspace-sidebar nav a{color:#c6bba5;border-radius:12px}
.workspace-sidebar nav a:hover{color:#f4d79f;background:#343029}
.workspace-sidebar nav .selected,.workspace-sidebar nav .selected:hover{background:var(--gold-surface);color:#ffcf70;font-weight:700}
.logout-form{border-color:#4d4230}
.logout-form button{color:#c6b38c}
.logout-form button:hover{color:#ffda88}
.workspace-heading h1{font-size:31px}
.stats-grid>div{border-radius:17px;border:1px solid var(--line);background:var(--panel-gradient)}
.stats-grid strong{font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-size:32px;color:#ebc980}
.stats-grid span,.workspace-footnote{color:#b9b1a0}
.dashboard-tabs .selected{border-bottom:3px solid #dfbb5d;font-weight:700;color:#ffcf70}
.dashboard-listing{border-radius:17px;border-color:var(--line);background:var(--panel-gradient)}
.dashboard-listing-title>a{font-weight:700}
.status-badge{background:#303136;color:#c3bcad;border-radius:10px}
.status-live{background:#29352d;color:#acd4b5}
.status-sold{background:#303136;color:#c3bcad}
.status-spotlight{background:var(--gold-surface);color:#e4c785;font-weight:700}
.listing-row-actions{font-weight:600;color:#d7bf8e}
.photo-thumbnails .selected{border-color:#d9b251}
.photo-thumbnails button{border-radius:12px;background:var(--surface)}

input::placeholder,textarea::placeholder{color:#a3a3ab;opacity:1}
select option{background:#1b1d22;color:var(--ink)}
.search-field,.browse-search>.icon{color:#bcb8ad}
.breadcrumbs,.results-toolbar,.field-help,.empty-state p{color:var(--muted)}
.form-errors{background:#352423;border-color:#75504a;color:#f0b9ae}
.field-errors{color:#f0b9ae}
.seller-identity small,.dashboard-tabs a,.dashboard-listing-info>p>span,.dashboard-listing-info>small{color:var(--muted)}
.listing-row-actions .danger-link{color:#e5a99c}
input:autofill{box-shadow:0 0 0 1000px #15171b inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}
@media(max-width:1150px){.hero h1{font-size:59px}.tcg-showcase{height:355px}.showcase-card{width:166px;height:231px}.card-centre{width:193px;height:270px;left:calc(50% - 96px)}.card-left{left:calc(50% - 190px)}.card-right{left:calc(50% + 24px)}.card-photo{height:205px}.card-meta{font-size:8px}.brand{font-size:25px}}
@media(max-width:900px){.hero h1{font-size:49px;letter-spacing:-2px}.hero-copy>p{font-size:12px}.hero-game-links{margin-bottom:21px}.tcg-showcase{height:318px}.showcase-card{width:143px;height:199px}.card-centre{width:165px;height:230px;left:calc(50% - 82px);top:23px}.card-left{left:calc(50% - 158px);top:61px}.card-right{left:calc(50% + 14px);top:65px}.orbit-one{width:255px;height:255px}.orbit-two{width:294px;height:196px}.showcase-label{font-size:8px;padding:9px 13px;bottom:9px}.showcase-spark{font-size:44px;right:1%}.section-heading h2{font-size:29px}.compact h2{font-size:22px}.category-grid{gap:9px}.category-tile{flex-direction:column;gap:0;text-align:center;padding:16px 5px}.category-icon{margin-bottom:8px}.category-tile strong{padding:0;font-size:9px}.category-tile small{position:static;font-size:8px;margin-top:2px}.card-photo{height:235px}.results-grid .card-photo{height:215px}.reassurance-copy h2{font-size:30px}.workspace-heading h1{font-size:29px}}
@media(max-width:600px){.header-inner{height:70px;gap:12px}.brand{font-size:22px;letter-spacing:-.9px}.brand-mark{width:24px;height:27px;margin-right:8px}.brand-mark i{width:17px;height:23px;left:6px;border-radius:5px}.saved-link{gap:5px}.mobile-menu{padding:7px}#navigation{background:linear-gradient(120deg,#191a1e,#26231d);border-color:#413726;gap:3px}#navigation a{border-radius:13px;padding:12px}.hero-band{padding-bottom:15px}.hero{padding-top:30px;padding-bottom:22px;gap:18px}.hero h1{font-size:49px;letter-spacing:-2.1px;margin-top:17px;margin-bottom:17px}.hero .eyebrow{font-size:9px;letter-spacing:1.25px}.hero-copy>p{font-size:12px;margin-bottom:20px}.hero-game-links{margin:0 0 20px}.hero-game-links a{font-size:10px;padding:6px 12px}.tcg-showcase{height:306px;margin-top:0}.showcase-card{width:137px;height:191px;border-radius:10px;padding:3px}.card-centre{width:157px;height:220px;left:calc(50% - 78px);top:22px}.card-left{left:calc(50% - 155px);top:55px}.card-right{left:calc(50% + 17px);top:59px}.orbit-one{width:245px;height:245px;top:16px}.orbit-two{width:291px;height:185px;top:55px}.showcase-label{font-size:8px;padding:9px 13px;bottom:10px}.showcase-spark{font-size:40px;right:3%;top:15px}.search-bar{border-radius:17px}.search-bar .button-primary{font-size:9px;padding:10px 11px;gap:6px}.search-location{min-width:0}.search-location select{font-size:9px}.popular-searches{font-size:9px;gap:12px}.popular-searches span{font-size:8px}.section-heading h2{font-size:26px}.compact h2{font-size:22px;max-width:190px}.compact .text-link{font-size:9px;white-space:normal;text-align:right}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{padding:15px 10px;border-radius:16px;flex-direction:row;gap:10px;text-align:left;position:relative}.category-tile:last-child:nth-child(odd){grid-column:1/-1}.category-icon{width:35px;height:35px;flex-shrink:0;margin:0;border-radius:12px}.category-tile strong{font-size:10px;padding-bottom:10px}.category-tile small{position:absolute;left:55px;top:36px;font-size:8px;margin:0}.featured-section{padding-top:30px}.period-switch a{padding:8px 16px}.listing-card{border-radius:16px}.card-photo,.results-grid .card-photo{height:176px;padding:13px 7px 8px}.card-body{padding:12px 10px 0}.card-meta{font-size:6px;letter-spacing:.1px}.card-body h3{font-size:11px;line-height:1.5;min-height:33px}.card-price{font-size:14px}.card-tags{gap:3px;min-height:21px;margin:6px 0}.tag-chip{font-size:7px;padding:3px 6px}.tag-extra{font-size:7px}.card-location{font-size:8px}.card-seller{font-size:8px}.feature-badge{font-size:7px;padding:3px 6px;left:7px;top:8px}.save-button{width:26px;height:26px;right:7px;top:8px}.reassurance{padding:27px;border-radius:23px;gap:28px}.reassurance-copy h2{font-size:30px}.reassurance-tips{border-color:#4e422c}.reassurance .button-outline{font-size:9px;white-space:normal}.page-heading h1{font-size:32px}.filter-panel{padding:17px}.filter-tags{margin-top:9px}.filter-tags .tag-selector>div{max-height:190px}.filter-tags .tag-selector label{font-size:10px!important;padding:6px 9px}.detail-info h1{font-size:29px}.detail-info .detail-tags{margin-bottom:17px}.detail-tags .tag-chip{font-size:9px}.vendor-banner h1{font-size:27px}.prose h1{font-size:35px}.login-story h1{font-size:43px;letter-spacing:-1.5px}.login-panel{border-radius:19px}.login-panel h2{font-size:28px}.workspace-heading h1{font-size:29px}.editor-form{padding:20px;border-radius:18px}.workspace-sidebar{border-radius:18px}.logout-form{border-color:#4d4230}.stats-grid>div{border-radius:14px}.tag-selector label{font-size:10px!important;padding:7px 9px}.dashboard-tags .tag-chip{font-size:8px}.dashboard-listing{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.button,.listing-card{transition:none}}

/* Shared storefront backdrop. The solid body colour remains as an AVIF fallback. */
body{isolation:isolate}
.site-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#101114}
.site-backdrop-image{position:absolute;inset:-14px;background-position:center;background-size:cover;filter:blur(6px) saturate(.82);opacity:0;transform:scale(1.035);transition:opacity 1.6s ease;will-change:opacity}
.site-backdrop-image.is-active{opacity:1}
.site-backdrop-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,rgba(248,180,0,.12),transparent 48%),linear-gradient(180deg,rgba(10,11,14,.72),rgba(16,17,20,.62) 48%,rgba(12,13,16,.84))}
#main,.messages,.site-footer{position:relative;z-index:1}
.hero-band{background:radial-gradient(ellipse at 78% 35%,rgba(248,180,0,.11),transparent 55%),linear-gradient(145deg,rgba(24,25,29,.86),rgba(17,18,21,.8) 68%,rgba(30,28,23,.84))}
.featured-section{background:transparent;border:0}
@media(max-width:1150px){.hero-spotlight{height:394px;max-width:575px}.spotlight-card-copy h3{font-size:15px}.spotlight-card-copy p{font-size:16px}}
@media(max-width:900px){.hero-spotlight{height:292px;padding:13px}.spotlight-heading{margin-bottom:8px}.spotlight-heading h2{font-size:20px}.spotlight-heading .eyebrow{font-size:7px}.spotlight-card{grid-template-columns:minmax(96px,40%) minmax(0,1fr) 16px;padding:8px;gap:10px}.spotlight-card-copy h3{font-size:13px;margin:5px 0}.spotlight-card-copy p{font-size:14px;margin-bottom:5px}.spotlight-card-copy small{font-size:8px}.spotlight-controls{margin-top:5px}}
@media(max-width:600px){.site-backdrop-shade{background:radial-gradient(ellipse at 80% 15%,rgba(248,180,0,.08),transparent 48%),linear-gradient(180deg,rgba(10,11,14,.48),rgba(16,17,20,.4) 48%,rgba(12,13,16,.6))}.hero-band{background:radial-gradient(ellipse at 78% 35%,rgba(248,180,0,.08),transparent 55%),linear-gradient(145deg,rgba(24,25,29,.58),rgba(17,18,21,.48) 68%,rgba(30,28,23,.58))}.hero-spotlight{width:100%;max-width:none;height:310px;padding:14px}.spotlight-heading{margin-bottom:10px}.spotlight-heading h2{font-size:22px}.spotlight-card{grid-template-columns:minmax(110px,41%) minmax(0,1fr) 17px;padding:9px;gap:11px}.spotlight-card-copy h3{font-size:14px}.spotlight-card-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.site-backdrop-image,.spotlight-card,.spotlight-dots button,.image-magnifier{transition:none}}

/* Vendor directory uses simple square logo tiles; homepage cards stay detailed. */
.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.directory-grid .vendor-card{aspect-ratio:1;min-height:0;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:24px;text-align:center}
.directory-grid .vendor-avatar{display:grid;width:clamp(84px,44%,128px);height:auto;aspect-ratio:1;border-radius:22px;font-size:30px}
.directory-grid .vendor-avatar img{padding:7px}
.directory-grid .vendor-card-info{flex:0;width:100%}
.directory-grid .vendor-name{display:block;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.directory-grid .vendor-name .icon,.directory-grid .vendor-card-info p,.directory-grid .vendor-description,.directory-grid .vendor-card>.icon{display:none}
@media(max-width:900px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-grid .vendor-card{padding:15px;gap:11px}.directory-grid .vendor-avatar{width:52%;border-radius:17px;font-size:22px}.directory-grid .vendor-name{font-size:11px}}