/* MyTCGPrice — Light modern redesign (2026). Loaded AFTER style.css. */
:root{
 --ink:#11132a;--ink-soft:#3a3f5a;--muted-2:#6b7188;--line-2:#e7e9f2;--line-3:#eef0f7;
 --surface:#fff;--surface-2:#f6f7fb;--app-bg:#f4f5fb;
 --bv:#7c3aed;--bv-2:#6d28d9;--bc:#0aa5c2;--bc-bright:#22d3ee;--bm:#d946ef;
 --brand-grad:linear-gradient(135deg,#7c3aed 0%,#6d28d9 48%,#0aa5c2 100%);
 --brand-grad-bright:linear-gradient(135deg,#8b5cf6 0%,#22d3ee 100%);
 --shadow-sm:0 1px 2px rgba(16,18,40,.06),0 2px 8px rgba(16,18,40,.05);
 --shadow-md:0 6px 18px rgba(16,18,40,.08),0 2px 6px rgba(16,18,40,.05);
 --shadow-lg:0 18px 50px rgba(16,18,40,.12),0 6px 16px rgba(16,18,40,.06);
 --r-lg:20px;--r-md:14px;
}
body,body.home-page,body.game-page,body.quote-page,body.scan-page{background:var(--app-bg)!important;color:var(--ink)!important;}
body.home-page::before,body.game-page::before,body.quote-page::before,body.scan-page::before{
 content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;pointer-events:none!important;
 background:radial-gradient(46% 40% at 8% 0%,rgba(124,58,237,.10),transparent 60%),radial-gradient(42% 38% at 96% 4%,rgba(34,211,238,.10),transparent 60%),radial-gradient(50% 45% at 80% 100%,rgba(217,70,239,.06),transparent 62%)!important;animation:none!important;}
body.home-page::after,body.game-page::after,body.quote-page::after,body.scan-page::after{display:none!important;}
body .page,body .page p,body .page li,body .page span,body .page h1,body .page h2,body .page h3,body .page h4,body .page strong,body .page small,body .page label,body .page td,body .page th{color:var(--ink);}
body .page .lead,body .page .meta,body .page .hint,body .results-section .head p,body .search-panel>p{color:var(--ink-soft)!important;}
body .page a{color:var(--bv-2);}
body .nav{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4)!important;backdrop-filter:blur(18px) saturate(1.4)!important;border:1px solid var(--line-2)!important;border-radius:18px!important;box-shadow:var(--shadow-md)!important;}
body .brand-logo{filter:drop-shadow(0 4px 12px rgba(124,58,237,.28))!important;transition:transform .25s ease;}
body .brand:hover .brand-logo{transform:translateY(-1px) scale(1.04);}
body .nav a,body .games-menu summary{color:var(--ink-soft)!important;font-weight:700!important;border:1px solid transparent!important;border-radius:11px!important;transition:color .16s,background .16s,box-shadow .16s!important;}
body .nav a:hover,body .games-menu summary:hover{color:var(--ink)!important;background:var(--surface-2)!important;}
body .nav a.active{color:#fff!important;background:var(--brand-grad)!important;box-shadow:0 8px 20px rgba(124,58,237,.32)!important;border-color:transparent!important;}
body .lang-switch a{color:var(--ink-soft)!important;}
body .lang-switch a.active{color:#fff!important;background:var(--brand-grad)!important;border-color:transparent!important;}
body.home-page .neo-hero{background:transparent!important;}
body.home-page .neo-title{filter:none!important;}
body.home-page .neo-title-my{-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;background:none!important;}
body.home-page .neo-title-tcg{background:linear-gradient(135deg,#7c3aed,#d946ef)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}
body.home-page .neo-title-price{background:linear-gradient(135deg,#22d3ee,#0aa5c2)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}
body.home-page .neo-subtitle{color:var(--muted-2)!important;}
body.home-page .neo-subtitle::before,body.home-page .neo-subtitle::after{background:var(--line-2)!important;}
body.home-page .neo-card-stack span{background:linear-gradient(160deg,rgba(124,58,237,.10),rgba(34,211,238,.08))!important;border:1px solid rgba(124,58,237,.18)!important;box-shadow:var(--shadow-md)!important;}
body .neo-btn-primary,body.game-page .search-panel form button[type="submit"],body.quote-page button[type="submit"]{background:var(--brand-grad)!important;border:none!important;color:#fff!important;border-radius:var(--r-md)!important;font-weight:800!important;box-shadow:0 12px 26px rgba(109,40,217,.32)!important;transition:transform .16s,box-shadow .16s,filter .16s!important;}
body .neo-btn-primary *,body.game-page .search-panel form button[type="submit"] *{color:#fff!important;}
body .neo-btn-primary:hover,body.game-page .search-panel form button[type="submit"]:hover,body.quote-page button[type="submit"]:hover{transform:translateY(-2px)!important;filter:brightness(1.04)!important;box-shadow:0 18px 38px rgba(34,211,238,.32)!important;}
body .neo-btn:not(.neo-btn-primary){background:var(--surface)!important;border:1px solid var(--line-2)!important;color:var(--ink)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-sm)!important;transition:transform .16s,border-color .16s,box-shadow .16s!important;}
body .neo-btn:not(.neo-btn-primary) *{color:var(--ink)!important;}
body .neo-btn:not(.neo-btn-primary):hover{transform:translateY(-2px)!important;border-color:var(--bv)!important;box-shadow:var(--shadow-md)!important;}
body.game-page #top-buttons .btn{background:var(--surface)!important;border:1px solid var(--line-2)!important;color:var(--ink-soft)!important;border-radius:999px!important;font-weight:700!important;box-shadow:var(--shadow-sm)!important;}
body.game-page #top-buttons .btn:hover{border-color:var(--bv)!important;color:var(--bv-2)!important;background:#faf7ff!important;}
body.game-page .hero,body.game-page .search-panel,body.game-page .grid .card,body.home-page .neo-feature-card,body.quote-page .calculator,body.scan-page .scan-hero-card,body.scan-page .scan-upload-card,body .games-menu-panel{background:var(--surface)!important;border:1px solid var(--line-2)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-md)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
body.game-page .grid .card{transition:transform .2s,box-shadow .2s,border-color .2s!important;overflow:hidden;}
body.game-page .grid .card:hover{transform:translateY(-5px)!important;border-color:color-mix(in srgb,var(--accent,#7c3aed) 55%,var(--line-2))!important;box-shadow:var(--shadow-lg)!important;}
body.game-page .search-panel:focus-within{border-color:var(--bv)!important;box-shadow:var(--shadow-lg),0 0 0 4px rgba(124,58,237,.12)!important;}
body.home-page .neo-feature-card{transition:transform .18s,box-shadow .18s,border-color .18s!important;}
body.home-page .neo-feature-card:hover{transform:translateY(-4px)!important;border-color:rgba(124,58,237,.4)!important;box-shadow:var(--shadow-lg)!important;}
body.home-page .neo-feature-card strong{color:var(--ink)!important;}
body.home-page .neo-feature-card p{color:var(--muted-2)!important;}
body.home-page .neo-feature-icon{background:var(--brand-grad)!important;border:none!important;box-shadow:0 8px 18px rgba(109,40,217,.3)!important;}
body.game-page .grid .card .name,body.game-page .grid .card .name a{color:var(--ink)!important;font-weight:800!important;}
body.game-page .grid .card .meta{color:var(--ink-soft)!important;}
body.game-page .grid .card .meta strong{color:var(--ink)!important;}
body.game-page .card-media{background:var(--surface-2)!important;}
body.game-page .sku-table,body.game-page .mini-price-table{background:transparent!important;}
body.game-page .sku-table th,body.game-page .mini-price-table th{background:var(--surface-2)!important;color:var(--ink-soft)!important;border-bottom:1px solid var(--line-2)!important;}
body.game-page .sku-table td,body.game-page .mini-price-table td{color:var(--ink)!important;border-bottom:1px solid var(--line-3)!important;}
body .game-menu-card{background:var(--surface-2)!important;border:1px solid var(--line-2)!important;border-radius:12px!important;transition:transform .16s,border-color .16s!important;}
body .game-menu-card *{color:var(--ink)!important;}
body .game-menu-card small{color:var(--muted-2)!important;}
body .game-menu-card:hover{transform:translateY(-2px)!important;border-color:var(--bv)!important;}
body.home-page .game{border:1px solid var(--line-2)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-md)!important;transition:transform .2s,box-shadow .2s,border-color .2s!important;}
body.home-page .game:hover{transform:translateY(-5px)!important;box-shadow:var(--shadow-lg)!important;border-color:rgba(124,58,237,.4)!important;}
body.home-page .game .content small{color:rgba(255,255,255,.8)!important;}
body.home-page .game .content h3{color:#fff!important;}
body.home-page .game .bg.logo-bg{opacity:.95!important;}
body.game-page select,body.game-page input,body.quote-page select,body.quote-page input,body.scan-page select{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important;transition:border-color .16s,box-shadow .16s!important;}
body.game-page select::placeholder,body.game-page input::placeholder{color:#9aa0b5!important;}
body.game-page select:focus,body.game-page input:focus,body.quote-page select:focus,body.quote-page input:focus,body.scan-page select:focus{border-color:var(--bv)!important;box-shadow:0 0 0 4px rgba(124,58,237,.14)!important;outline:none!important;}
body .badge,body.game-page .pill,body.game-page .tag{background:#f3edff!important;color:var(--bv-2)!important;border:1px solid rgba(124,58,237,.22)!important;border-radius:999px!important;font-weight:700!important;}
body.game-page .market-icon-btn,body.game-page .market-link-btn{background:var(--surface)!important;border:1px solid var(--line-2)!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important;transition:transform .14s,box-shadow .14s,border-color .14s!important;}
body.game-page .market-icon-btn:hover,body.game-page .market-link-btn:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important;border-color:#d8dbe8!important;}
body.game-page .card-details-btn{background:var(--brand-grad)!important;border:none!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(109,40,217,.3)!important;font-weight:800!important;transition:transform .14s,filter .14s!important;}
body.game-page .card-details-btn,body.game-page .card-details-btn *{color:#fff!important;}
body.game-page .card-details-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.05)!important;}
body.game-page .pagination-status{color:var(--ink-soft)!important;}
body.game-page .pagination-links a{color:var(--ink-soft)!important;background:var(--surface)!important;border:1px solid var(--line-2)!important;border-radius:10px!important;}
body .footer{background:var(--surface)!important;border-top:1px solid var(--line-2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
body .footer *{color:var(--ink-soft)!important;}
body .footer-brand strong{background:var(--brand-grad-bright);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;}
body .footer-links a:hover{color:var(--bv-2)!important;}
body .results-section .head h2,body.home-page .neo-games-section h2,body .page h1,body .page h2{color:var(--ink)!important;letter-spacing:-.01em!important;}
body a:focus-visible,body button:focus-visible,body .btn:focus-visible,body summary:focus-visible{outline:2px solid var(--bv)!important;outline-offset:2px!important;}
/* ---------- SCAN page (light) ---------- */
body.scan-page .scan-page-shell,body.scan-page .scan-hero-card,body.scan-page .scan-photo-card,body.scan-page .scan-photo-panel,body.scan-page .scan-upload-card,body.scan-page .scan-results-section{background:var(--surface)!important;border:1px solid var(--line-2)!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow-md)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
body.scan-page .scan-page-shell *,body.scan-page .scan-hero-copy *,body.scan-page .scan-result-info *,body.scan-page .scan-preview-head *,body.scan-page .scan-results-head *{color:var(--ink)!important;}
body.scan-page .scan-hero-copy p,body.scan-page .lead,body.scan-page .scan-mini-tips,body.scan-page .scan-status{color:var(--ink-soft)!important;}
body.scan-page .scan-photo-main,body.scan-page .scan-photo-preview,body.scan-page .scan-preview-wrap,body.scan-page .scan-result-image{background:var(--surface-2)!important;border:1px solid var(--line-2)!important;border-radius:var(--r-md)!important;}
body.scan-page .scan-photo-icon{color:var(--bv)!important;}
body.scan-page .scan-photo-glow{opacity:.25!important;}
body.scan-page .scan-game-select,body.scan-page .scan-field,body.scan-page select,body.scan-page input{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;border-radius:12px!important;}
body.scan-page .scan-open-btn,body.scan-page .scan-submit,body.scan-page .scan-submit-modern,body.scan-page .scan-change-photo,body.scan-page .btn.primary{background:var(--brand-grad)!important;border:none!important;color:#fff!important;border-radius:var(--r-md)!important;box-shadow:0 10px 24px rgba(109,40,217,.3)!important;}
body.scan-page .scan-open-btn *,body.scan-page .scan-submit *,body.scan-page .scan-submit-modern *,body.scan-page .scan-change-photo *,body.scan-page .btn.primary *{color:#fff!important;}
body.scan-page .btn.secondary{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-2)!important;border-radius:var(--r-md)!important;}
body.scan-page .scan-result-link{background:var(--surface)!important;border:1px solid var(--line-2)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-sm)!important;}
body.scan-page .scan-rank,body.scan-page .scan-score{background:#f3edff!important;color:var(--bv-2)!important;border:1px solid rgba(124,58,237,.22)!important;}
body.scan-page .scan-dev-notice{background:#fff7ed!important;color:#9a3412!important;border:1px solid #fed7aa!important;border-radius:var(--r-md)!important;}

/* =====================================================================
   v2 — fixes: loader contrast, wider/fluid layout, hero title, card detail
   ===================================================================== */

/* ---- Loading overlay (was dark box w/ ink text = invisible) ---- */
.page-loader { background: rgba(20,22,40,.45) !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.page-loader-box { background: #ffffff !important; border: 1px solid var(--line-2) !important; color: var(--ink) !important; box-shadow: var(--shadow-lg) !important; }
#page-loader-text, .page-loader-box * { color: var(--ink) !important; }
.page-loader-spinner { border: 3px solid rgba(124,58,237,.22) !important; border-top-color: var(--bv) !important; }

/* ---- Wider, more fluid containers (less wasted side space) ---- */
body.home-page .page, body.game-page .page,
body.quote-page .page, body.scan-page .page, body .page {
    max-width: min(1640px, 94vw) !important;
    padding-left: clamp(18px, 3.4vw, 46px) !important;
    padding-right: clamp(18px, 3.4vw, 46px) !important;
}

/* games tiles: allow 3 wide to fill the larger container */
@media (min-width: 1180px) {
    body.home-page .games { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 22px !important; }
    body.game-page .grid  { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 22px !important; }
}
@media (min-width: 760px) and (max-width: 1179px) {
    body.game-page .grid  { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

/* ---- Home hero: don't clip the title, give it room ---- */
body.home-page .neo-hero { overflow: visible !important; min-height: 0 !important; padding: 56px 0 36px !important; border: none !important; box-shadow: none !important; background: transparent !important; }
body.home-page .neo-title {
    font-size: clamp(3rem, 8.4vw, 8rem) !important;
    max-width: 100% !important;
    letter-spacing: -.055em !important;
}
body.home-page .neo-card-stack { max-width: 92%; }

/* ===================================================================
   CARD DETAIL page — light surfaces, ink text (prices were invisible)
   =================================================================== */
body.game-page .card-detail-hero,
body.game-page .card-detail-panel,
body.game-page .card-detail-image-wrap,
body.game-page .ebay-market-panel,
body.game-page .ebay-sold-market-panel,
body.game-page .tcg-market-panel,
body.game-page .cardmarket-market-panel {
    background: var(--surface) !important;
    border: 1px solid var(--line-2) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: var(--shadow-md) !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
/* all text inside detail panels -> ink, with muted variants */
body.game-page .card-detail-hero *,
body.game-page .card-detail-panel *,
body.game-page .ebay-market-panel *,
body.game-page .ebay-sold-market-panel *,
body.game-page .tcg-market-panel *,
body.game-page .cardmarket-market-panel * { color: var(--ink); }
body.game-page .card-detail-hero .lead,
body.game-page .card-detail-hero .meta,
body.game-page .market-panel-header a,
body.game-page .ebay-market-stat span,
body.game-page .muted, body.game-page .muted * { color: var(--ink-soft) !important; }

/* panel headers */
body.game-page .market-panel-header,
body.game-page .ebay-market-header,
body.game-page .tcg-market-header,
body.game-page .cardmarket-market-header {
    border-bottom: 1px solid var(--line-2) !important;
}
body.game-page .market-panel-header h3,
body.game-page .market-panel-header h2 { color: var(--ink) !important; }

/* market tables (tcg) */
body.game-page .tcg-market-table th { background: var(--surface-2) !important; color: var(--ink-soft) !important; border-bottom: 1px solid var(--line-2) !important; }
body.game-page .tcg-market-table td { color: var(--ink) !important; border-bottom: 1px solid var(--line-3) !important; }

/* ebay listings */
body.game-page .ebay-listing-list { background: transparent !important; }
body.game-page .ebay-listing-list li { background: var(--surface-2) !important; border: 1px solid var(--line-2) !important; border-radius: 12px !important; }
body.game-page .ebay-listing-list a { color: var(--bv-2) !important; }
body.game-page .ebay-listing-list li > span:last-child { color: var(--ink) !important; font-weight: 800 !important; }
body.game-page .ebay-listing-group.muted .ebay-listing-list a,
body.game-page .ebay-listing-group.muted .ebay-listing-list span { color: var(--ink-soft) !important; }
body.game-page .ebay-market-stat { background: var(--surface-2) !important; border: 1px solid var(--line-2) !important; border-radius: 12px !important; }
body.game-page .ebay-market-stat strong { color: var(--ink) !important; }
body.game-page .ebay-market-empty { color: var(--ink-soft) !important; }

/* detail page panel actions / links as brand buttons */
body.game-page .market-panel-action,
body.game-page .cardmarket-panel-action {
    background: var(--brand-grad) !important; color: #fff !important; border: none !important;
    border-radius: 12px !important; box-shadow: 0 8px 18px rgba(109,40,217,.28) !important;
}
body.game-page .market-panel-action *, body.game-page .cardmarket-panel-action * { color: #fff !important; }

/* back link + image */
body.game-page .back-link { color: var(--bv-2) !important; }
body.game-page .card-detail-image-wrap, body.game-page .card-detail-image-zoomable { background: var(--surface-2) !important; border-radius: var(--r-md) !important; }
body.game-page .card-image-lightbox { background: rgba(20,22,40,.72) !important; }
body.game-page .card-image-lightbox-close { color: #fff !important; }

/* =====================================================================
   v3 — brand name in navbar, full-bleed nav & hero (less "blocky"),
   hero logo, community page + share modal light fixes
   ===================================================================== */

/* ---- Brand name beside the logo (was hidden) ---- */
body .brand-wordmark {
    display: inline-flex !important; align-items: baseline; gap: 0;
    font-weight: 900 !important; font-size: 1.22rem !important; letter-spacing: -.01em !important;
    font-style: italic;
}
body .brand-wordmark-my { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; }
body .brand-wordmark-tcg { color: #9333ea !important; -webkit-text-fill-color: #9333ea !important; }
body .brand-wordmark-price { color: var(--bc-2) !important; -webkit-text-fill-color: var(--bc-2) !important; }
body .brand { gap: 10px !important; align-items: center !important; }
body .brand-logo { height: 40px !important; width: auto !important; }

/* ---- Full-bleed top bar (kills the floating "block" nav) ---- */
body .nav {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-top: -28px !important;
    border-radius: 0 !important;
    border-left: none !important; border-right: none !important; border-top: none !important;
    border-bottom: 1px solid var(--line-2) !important;
    box-shadow: 0 6px 20px rgba(16,18,40,.05) !important;
    padding-left: clamp(20px, 4vw, 56px) !important;
    padding-right: clamp(20px, 4vw, 56px) !important;
}

/* ---- Full-bleed hero band (section spans full width) ---- */
body.home-page .neo-hero {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    padding: 64px clamp(20px,4vw,56px) 56px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f1ff 55%, #ecf7fb 100%) !important;
    border-bottom: 1px solid var(--line-2) !important;
    border-radius: 0 !important;
}
body.home-page .neo-hero-center { max-width: 1080px; margin: 0 auto; }
body.home-page .hero-logo {
    width: clamp(74px, 8vw, 110px); height: auto; display: block; margin: 0 auto 18px;
    filter: drop-shadow(0 14px 30px rgba(124,58,237,.32));
    animation: mtp-hero-float 6s ease-in-out infinite;
}
@keyframes mtp-hero-float { 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-7px) } }
@media (prefers-reduced-motion: reduce){ body.home-page .hero-logo{ animation:none } }

/* feature strip + games keep their own width; give the games section a little top room */
body.home-page .neo-feature-strip { margin-top: 40px !important; }

/* ===================================================================
   COMMUNITY page (body.game-page) — light
   =================================================================== */
body.game-page .pull-feed-section { background: transparent !important; }
body.game-page .pull-post-card {
    background: var(--surface) !important; border: 1px solid var(--line-2) !important;
    box-shadow: var(--shadow-md) !important; border-radius: var(--r-lg) !important;
}
body.game-page .pull-post-card *,
body.game-page .pull-feed-head *,
body.game-page .pull-post-headline,
body.game-page .pull-pseudo,
body.game-page .pull-value { color: var(--ink) !important; }
body.game-page .pull-location, body.game-page .pull-post-line, body.game-page .meta,
body.game-page .pull-reactions > span { color: var(--ink-soft) !important; }
body.game-page .pull-post-mood,
body.game-page .pull-card-rarity-badge, body.game-page .pull-card-rarity-inline {
    background: #f3edff !important; color: var(--bv-2) !important; border: 1px solid rgba(124,58,237,.22) !important;
}
body.game-page .pull-reactions button,
body.game-page .pull-reaction-counts span,
body.game-page .like-btn {
    background: var(--surface-2) !important; border: 1px solid var(--line-2) !important;
    color: var(--ink) !important; box-shadow: var(--shadow-sm) !important;
}
body.game-page .pull-reactions button *, body.game-page .like-btn * { color: var(--ink) !important; }
body.game-page .pull-reactions button:hover,
body.game-page .like-btn:hover { border-color: var(--bv) !important; background: #faf7ff !important; }
body.game-page .pull-sort-tabs a, body.game-page .pull-sort-tabs button {
    background: var(--surface) !important; border: 1px solid var(--line-2) !important; color: var(--ink-soft) !important;
}
body.game-page .pull-sort-tabs .active {
    background: var(--brand-grad) !important; color: #fff !important; border-color: transparent !important;
}
body.game-page .pull-post-image-wrap, body.game-page .pull-post-image-pane,
body.game-page .pull-card-preview { background: var(--surface-2) !important; border-radius: var(--r-md) !important; }

/* ===================================================================
   SHARE-YOUR-HIT modal (in base.html, all pages) — light
   =================================================================== */
.pull-modal-backdrop { background: rgba(18,20,38,.5) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.pull-modal-card {
    background: var(--surface) !important; border: 1px solid var(--line-2) !important;
    color: var(--ink) !important; box-shadow: var(--shadow-lg) !important; border-radius: var(--r-lg) !important;
}
.pull-modal-card h2, .pull-modal-card strong, .pull-modal-card label { color: var(--ink) !important; }
.pull-modal-card p, .pull-modal-card span#pull-modal-set, .pull-modal-card small { color: var(--ink-soft) !important; }
.pull-modal-close { color: var(--ink-soft) !important; }
.pull-form input, .pull-form select, .pull-form textarea {
    background: var(--surface) !important; color: var(--ink) !important;
    border: 1px solid var(--line-2) !important; border-radius: 12px !important;
}
.pull-form input::placeholder, .pull-form textarea::placeholder { color: #9aa0b5 !important; }
.pull-form input:focus, .pull-form select:focus, .pull-form textarea:focus {
    border-color: var(--bv) !important; box-shadow: 0 0 0 4px rgba(124,58,237,.14) !important; outline: none !important;
}
.pull-card-preview { background: var(--surface-2) !important; border: 1px solid var(--line-2) !important; }
.btn.pull-share-submit { background: var(--brand-grad) !important; color: #fff !important; border: none !important; border-radius: 12px !important; font-weight: 800 !important; }
.btn.pull-share-submit * { color: #fff !important; }
.pull-form .btn.secondary, .btn.secondary { background: var(--surface-2) !important; color: var(--ink) !important; border: 1px solid var(--line-2) !important; border-radius: 12px !important; }
.pull-form .btn.secondary * { color: var(--ink) !important; }
.pull-modal-close { background: var(--surface-2) !important; border: 1px solid var(--line-2) !important; border-radius: 999px !important; }

/* =====================================================================
   v4 — navbar Price color, title clip, de-block wrappers,
   card-detail button text, home game tiles as clean white cards
   ===================================================================== */

/* 1. Navbar wordmark TCG/Price match the home title gradients */
body .brand-wordmark-tcg {
    background: linear-gradient(135deg,#7c3aed,#d946ef) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
}
body .brand-wordmark-price {
    background: linear-gradient(135deg,#22d3ee,#0aa5c2) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
}

/* 2. Home title — stop right-side clipping of italic glyphs */
body.home-page .neo-hero-center { overflow: visible !important; }
body.home-page .neo-title {
    font-size: clamp(2.6rem, 7.4vw, 7rem) !important;
    letter-spacing: -.04em !important;
    padding-right: .14em !important;
    overflow: visible !important;
}

/* 3. De-"block": open the wrapper sections (cards live INSIDE, not nested boxes) */
body.game-page .hero,
body.game-page .results-section,
body.game-page .card-detail-hero,
body.game-page .card-detail-panel,
body.scan-page .scan-page-shell,
body.scan-page .scan-results-section,
body.game-page .pull-feed-section {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}

/* 4. Card-detail market action buttons -> white text on the gradient */
body.game-page a.market-panel-action, body.game-page a.cardmarket-panel-action,
body.game-page .market-panel-action, body.game-page .cardmarket-panel-action,
body.game-page .market-panel-action *, body.game-page .cardmarket-panel-action * {
    color: #fff !important; -webkit-text-fill-color: #fff !important;
}

/* 5. Home game tiles -> clean white cards (feature-card family) */
body.home-page .game {
    position: relative; min-height: 0 !important; overflow: hidden !important;
    background: var(--surface) !important; border: 1px solid var(--line-2) !important;
    border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important;
    display: block !important; transition: transform .2s, box-shadow .2s, border-color .2s !important;
}
body.home-page .game:hover {
    transform: translateY(-5px) !important; box-shadow: var(--shadow-lg) !important;
    border-color: rgba(124,58,237,.4) !important;
}
body.home-page .game:before { display: none !important; }
body.home-page .game .bg {
    display: block !important;
    position: relative !important; inset: auto !important; height: 128px !important;
    background: #f3f4fb !important;
    background-image:
        radial-gradient(circle at 28% 32%, var(--glow1, rgba(124,58,237,.4)), transparent 60%),
        radial-gradient(circle at 76% 40%, var(--glow2, rgba(34,211,238,.34)), transparent 62%) !important;
    border-bottom: 1px solid var(--line-2) !important; transform: none !important;
    background-size: auto !important;
}
body.home-page .game:hover .bg { transform: none !important; }
body.home-page .bg.logo-bg::after {
    top: 50% !important; left: 50% !important;
    transform: translate(-50%,-50%) !important;
    width: 176px !important; height: 78px !important; opacity: 1 !important;
    filter: drop-shadow(0 6px 14px rgba(16,18,40,.18)) !important;
}
body.home-page .game:hover .bg.logo-bg::after { transform: translate(-50%,-50%) scale(1.05) !important; }
body.home-page .content {
    position: relative !important; inset: auto !important; z-index: 2 !important;
    padding: 14px 16px 16px !important;
}
body.home-page .game .content small { color: var(--muted-2) !important; font-weight: 700 !important; }
body.home-page .game .content h3 { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; }

/* =====================================================================
   v5 — price display: no symbol wrap, highlight market price, 2-col grid
   ===================================================================== */
/* keep value + currency symbol on a single line */
body.game-page .sku-table td,
body.game-page .mini-price-table td,
body.game-page .tcg-market-table td {
    white-space: nowrap !important;
}
body.game-page .sku-table th, body.game-page .tcg-market-table th { line-height: 1.15 !important; }
/* the market price is the key figure -> make it pop */
body.game-page .sku-table td.market-col,
body.game-page .sku-table th.market-col,
body.game-page .tcg-market-table td.market-col,
body.game-page .tcg-market-table th.market-col {
    background: #f3edff !important;
    color: var(--bv-2) !important;
    font-weight: 800 !important;
}
body.game-page .mini-price-table td.market-col {
    color: var(--bv-2) !important; font-weight: 800 !important; font-size: 1.06em !important;
}
/* results grid: back to 2 columns so the price table fits on one line */
@media (min-width: 1180px) {
    body.game-page .grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

/* =====================================================================
   v6 — blend card images on white (no grey/colored backdrop) + bigger game logo
   ===================================================================== */
/* card images blend straight onto the white background everywhere */
body.game-page .card-media,
body.game-page .card-detail-image-wrap,
body.game-page .card-detail-image-zoomable,
body.game-page .pull-post-image-wrap,
body.game-page .pull-post-image-pane,
body.game-page .pull-card-preview,
.pull-card-preview {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* remove the coloured glow halo behind community card images */
body.game-page .pull-post-image-wrap::before,
.pull-post-image-wrap::before,
.pull-card-glow::before { display: none !important; }

/* bigger, cleaner game logo on each game page */
body.game-page .game-page-logo {
    width: clamp(120px, 13vw, 184px) !important;
    max-height: 110px !important;
    padding: 12px 18px !important;
    background: #ffffff !important;
    border: 1px solid var(--line-2) !important;
    box-shadow: var(--shadow-sm) !important;
    border-radius: 18px !important;
}
@media (max-width: 720px) {
    body.game-page .game-page-logo { width: 110px !important; max-height: 84px !important; }
}

/* =====================================================================
   v7 — site brand inside game-page body + remove community post wrapper
   ===================================================================== */
/* site logo + name, centered, at the top of every page body (not home) */
body .page-site-brand {
    display: flex; align-items: center; justify-content: center; gap: 13px;
    text-decoration: none; margin: 8px auto 24px;
}
body .page-site-brand-logo {
    height: 50px; width: auto;
    filter: drop-shadow(0 6px 16px rgba(124,58,237,.30));
}
body .page-site-brand .brand-wordmark {
    display: inline-flex; align-items: baseline;
    font-style: italic; font-weight: 900; font-size: 1.95rem; letter-spacing: -.02em;
}
@media (max-width: 640px) {
    body .page-site-brand-logo { height: 40px; }
    body .page-site-brand .brand-wordmark { font-size: 1.5rem; }
}

/* footer brand: same wordmark font/colours + logo */
body .footer-brand-row {
    display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-bottom: 6px;
}
body .footer-brand-logo { height: 30px; width: auto; }
body .footer-brand .brand-wordmark {
    display: inline-flex; align-items: baseline;
    font-style: italic; font-weight: 900; font-size: 1.25rem; letter-spacing: -.01em;
}
/* keep the wordmark colours in the footer (override the muted catch-all) */
body .footer .brand-wordmark-my { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; }
body .footer .brand-wordmark-tcg { background: linear-gradient(135deg,#7c3aed,#d946ef) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
body .footer .brand-wordmark-price { background: linear-gradient(135deg,#22d3ee,#0aa5c2) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }

/* community: drop the white block enclosing the card image + share info */
body.game-page .pull-post-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 4px 2px 6px !important;
}
body.game-page .pull-feed-grid { gap: 30px 26px !important; }
/* both panes (card image + share info) must not sit in a white block */
body.game-page .pull-post-card-pane {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* =====================================================================
   v8 — price-history chart panel (card detail)
   ===================================================================== */
body.game-page .price-history-panel {
    background: var(--surface) !important;
    border: 1px solid var(--line-2) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: var(--shadow-md) !important;
    padding: 16px 18px !important;
    margin-bottom: 18px !important;
}
body.game-page .price-history-panel .market-panel-header {
    display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
    border-bottom: 1px solid var(--line-2) !important; padding-bottom: 10px; margin-bottom: 12px;
}
body.game-page .price-history-panel h3 { color: var(--ink) !important; margin: 0; }
body.game-page .price-history-panel .ph-subtitle { color: var(--muted-2) !important; font-size: .85rem; }
body.game-page .price-history-chart { width: 100%; }
body.game-page .price-history-panel .ph-empty {
    color: var(--ink-soft) !important; font-size: .92rem; padding: 6px 2px 2px; margin: 0;
}

/* ---- Searchable set dropdown (combobox over native <select>) ---- */
.searchable-combobox{position:relative;width:100%;}
.searchable-combobox > select.scb-native{position:absolute!important;left:0;bottom:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none;border:0!important;}
.searchable-combobox .scb-input{width:100%!important;padding:14px!important;border-radius:16px!important;border:1px solid var(--line-2)!important;background:var(--surface)!important;color:var(--ink)!important;outline:none!important;font-size:15px!important;cursor:text;box-sizing:border-box;}
.searchable-combobox .scb-input::placeholder{color:var(--muted-2)!important;}
.searchable-combobox.scb-open .scb-input{border-color:var(--bv)!important;box-shadow:0 0 0 4px rgba(124,58,237,.12)!important;}
.searchable-combobox .scb-list{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:6px;display:none;}
.searchable-combobox.scb-open .scb-list{display:block;}
.searchable-combobox .scb-option{padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--ink);font-size:14px;line-height:1.3;}
.searchable-combobox .scb-option:hover,.searchable-combobox .scb-option.scb-active{background:rgba(124,58,237,.10);}
.searchable-combobox .scb-empty{padding:10px 12px;color:var(--muted-2);font-size:14px;}

/* ============================================================
   Card detail page — wide, grouped layout
   ============================================================ */
body.game-page .cd{max-width:1180px;margin:0 auto;padding:6px 0 60px;}
body.game-page .cd-back{display:inline-block;margin:4px 0 16px;}

/* Hero: card image + identity, centered as a group */
body.game-page .cd-hero{display:flex;gap:34px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:920px;margin:0 auto 32px;}
body.game-page .cd-hero-image{flex:0 0 auto;}
body.game-page .cd-hero-image .card-detail-image{width:100%;max-width:250px;border-radius:16px;box-shadow:var(--shadow-lg);}
body.game-page .cd-hero-id{flex:1 1 340px;min-width:280px;max-width:470px;}
body.game-page .cd-hero-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
body.game-page .cd-hero-id h1{margin:6px 0 16px!important;font-size:clamp(1.9rem,3.4vw,2.9rem)!important;line-height:1.03!important;}
body.game-page .cd-facts{display:flex;gap:28px;flex-wrap:wrap;margin:0 0 18px;}
body.game-page .cd-facts dt{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-2)!important;margin:0 0 3px;}
body.game-page .cd-facts dd{margin:0;font-weight:700;color:var(--ink)!important;}
body.game-page .cd-headline-price{display:inline-flex;flex-direction:column;gap:3px;padding:12px 20px;border-radius:var(--r-md);background:#f3edff;border:1px solid var(--line-2);}
body.game-page .cd-headline-price span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--bv-2)!important;font-weight:700;}
body.game-page .cd-headline-price strong{font-size:1.75rem;color:var(--bv-2)!important;line-height:1;}

/* Two wide market columns */
body.game-page .cd-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
body.game-page .cd-col{display:flex;flex-direction:column;gap:22px;min-width:0;}
body.game-page .cd .market-card{margin:0!important;padding:18px!important;}

/* Stat grids fit the narrower columns: 2 across */
body.game-page .cd .ebay-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}

/* Shared sub-section heads (chart + eBay subsections) */
body.game-page .cd-sub-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
body.game-page .cd-sub-head h4{margin:0;font-size:1rem;color:var(--ink)!important;}
body.game-page .cd-chart{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line-2);}
body.game-page .cd-chart .ph-subtitle{color:var(--muted-2)!important;font-size:.82rem;}

/* eBay group: one card, prominent logo, divided subsections */
body.game-page .ebay-group-header{border-bottom:2px solid var(--line-2)!important;padding-bottom:12px!important;margin-bottom:2px!important;}
body.game-page .ebay-group-logo{height:34px;width:auto;display:block;}
body.game-page .ebay-subsection{padding:16px 0;border-bottom:1px solid var(--line-2);}
body.game-page .ebay-subsection:last-child{border-bottom:0;padding-bottom:2px;}
body.game-page .cd-sub-note{margin:2px 0 0;color:var(--muted-2)!important;font-size:.85rem;}

/* Collapse to one column on tablet/mobile */
@media (max-width:900px){
  body.game-page .cd-grid{grid-template-columns:1fr;}
  body.game-page .cd-hero{gap:22px;}
}

/* --- Card detail tweaks --- */
/* Game badge and rarity tag: identical size + baseline in the hero */
body.game-page .cd-hero-tags{align-items:stretch;}
body.game-page .cd-hero-tags .badge,
body.game-page .cd-hero-tags .tag{
    display:inline-flex!important;align-items:center!important;
    padding:7px 14px!important;font-size:13px!important;font-weight:800!important;
    line-height:1.1!important;border-radius:999px!important;margin:0!important;
}
/* eBay sub-section buttons: same look as TCGplayer / Cardmarket buttons */
body.game-page .cd-sub-head .market-panel-action{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:36px;padding:8px 14px;white-space:nowrap;text-decoration:none;font-weight:800;
}

/* Highlighted stat tiles (Cardmarket trend, eBay average & median) — match the
   TCGplayer "market price" look: light violet background + violet text */
body.game-page .ebay-market-stat.stat-market{
    background:#f3edff!important;
    border-color:rgba(124,58,237,.22)!important;
}
body.game-page .ebay-market-stat.stat-market span{color:var(--bv-2)!important;font-weight:700!important;}
body.game-page .ebay-market-stat.stat-market strong{color:var(--bv-2)!important;font-weight:800!important;}