:root {
  --bg: #041126;
  --bg-deep: #020a18;
  --panel: rgba(9, 35, 70, .74);
  --panel-strong: #071d3b;
  --ice: #f6fbff;
  --muted: #9eb5cc;
  --muted-strong: #c8dcef;
  --cyan: #45d9ff;
  --blue: #168bff;
  --fox: #ff8b57;
  --yellow: #ffd166;
  --line: rgba(165, 218, 255, .18);
  --shadow: 0 20px 55px rgba(0, 0, 0, .28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg-deep); }
body { min-width: 320px; margin: 0; color: var(--ice); background: radial-gradient(circle at 82% -5%, rgba(22, 139, 255, .2), transparent 32rem), radial-gradient(circle at -10% 38%, rgba(69, 217, 255, .08), transparent 28rem), linear-gradient(145deg, var(--bg-deep), var(--bg) 50%, #061b39); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
body::before { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .18; content: ""; background-image: radial-gradient(rgba(255,255,255,.4) .6px, transparent .6px); background-size: 5px 5px; mask-image: linear-gradient(to bottom, #000, transparent 75%); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.shell { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(4, 17, 38, .86); backdrop-filter: blur(18px); }
.header-inner { min-height: 78px; display: flex; align-items: center; gap: 30px; }
.brand { display: flex; flex: 0 0 auto; gap: 11px; align-items: center; min-width: 190px; }
.brand strong, .brand small { display: block; line-height: 1.15; }
.brand strong { color: var(--ice); font-size: 1.1rem; letter-spacing: -.04em; }
.brand small { color: var(--muted); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; margin-top: 4px; }
.brand-mark { display: block; width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(255, 139, 87, .24)); }
.main-nav { display: flex; flex: 1; gap: 26px; align-items: center; }.main-nav a { color: var(--muted); font-size: .9rem; padding: 28px 0 24px; border-bottom: 2px solid transparent; }.main-nav a:hover, .main-nav a.active { color: var(--ice); border-color: var(--cyan); }
.language-switch { display: flex; flex: 0 0 auto; gap: 5px; align-items: center; color: var(--muted); font-size: .74rem; font-weight: 800; letter-spacing: .08em; }.language-switch a { padding: 7px 5px; }.language-switch a.active, .language-switch a:hover { color: var(--cyan); }.language-switch span { color: #526d88; }
.header-search { display: flex; flex: 0 1 215px; align-items: center; min-width: 135px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: rgba(11, 39, 75, .48); }.header-search input { width: 100%; min-width: 0; padding: 10px 5px; border: 0; outline: 0; color: var(--ice); background: transparent; font-size: .85rem; }.header-search input::placeholder { color: #718ca7; }.header-search button { border: 0; color: var(--cyan); background: transparent; font-size: 1.5rem; cursor: pointer; }
.hero { position: relative; display: grid; grid-template-columns: 1fr 340px; gap: 60px; align-items: center; min-height: 390px; padding: 88px 0 68px; }.hero-compact { min-height: 270px; padding: 60px 0 42px; }.eyebrow { margin: 0 0 10px; color: var(--cyan); font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .14em; }.hero h1, .page-heading h1 { max-width: 720px; margin: 0; color: var(--ice); font-size: clamp(2.35rem, 5vw, 4.65rem); line-height: .98; letter-spacing: -.07em; }.hero-copy { max-width: 575px; margin: 22px 0 29px; color: var(--muted-strong); font-size: 1.05rem; }.hero-search { display: flex; width: min(560px, 100%); padding: 5px; border: 1px solid var(--line); border-radius: 10px; background: rgba(9, 35, 70, .86); box-shadow: var(--shadow); }.hero-search input { flex: 1; min-width: 0; padding: 13px 15px; border: 0; outline: 0; color: var(--ice); background: transparent; }.hero-search input::placeholder { color: #718ca7; }.button, .hero-search button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 12px 19px; border: 0; border-radius: 7px; color: var(--bg-deep); background: var(--cyan); font-weight: 850; cursor: pointer; box-shadow: 0 0 20px rgba(69, 217, 255, .18); }.button:hover, .hero-search button:hover { color: #fff; background: var(--blue); }.button.secondary { color: var(--ice); background: rgba(255,255,255,.09); }
.hero-orbit { position: relative; height: 260px; overflow: hidden; border: 1px solid rgba(69, 217, 255, .15); border-radius: 50%; background: radial-gradient(circle at 43% 40%, rgba(69, 217, 255, .8) 0 7%, transparent 7.5%), radial-gradient(circle at 50% 45%, rgba(22, 139, 255, .35) 0 29%, transparent 29.5%), rgba(11, 39, 75, .48); transform: rotate(-10deg); box-shadow: inset 0 0 70px rgba(22, 139, 255, .18); }.hero-orbit:before, .hero-orbit:after { position: absolute; inset: 22px; border: 1px solid rgba(69, 217, 255, .44); border-radius: 50%; content: ""; transform: rotate(43deg) scaleY(.5); }.hero-orbit:after { inset: 55px -6px; border-color: rgba(22, 139, 255, .5); transform: rotate(-32deg) scaleY(.44); }.hero-orbit span { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ice); font-size: 6.5rem; font-weight: 950; letter-spacing: -.15em; text-shadow: 0 0 30px rgba(69, 217, 255, .48); top: -28px;
  left: -13px;}.hero-orbit i, .hero-orbit b { position: absolute; top: 23px; right: 64px; width: 12px; height: 12px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); }.hero-orbit b { top: auto; right: auto; bottom: 46px; left: 35px; background: var(--fox); box-shadow: 0 0 13px var(--fox); }
.stats-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 68px; border-block: 1px solid var(--line); background: var(--line); }.stats-strip div { display: flex; flex-direction: column; padding: 22px 28px; background: rgba(7, 29, 59, .72); }.stats-strip strong { color: var(--ice); font-size: 1.65rem; letter-spacing: -.05em; }.stats-strip span { color: var(--muted); font-size: .78rem; }
.catalog-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 26px; }.catalog-toolbar h2 { margin: 0; color: var(--ice); font-size: 1.9rem; letter-spacing: -.05em; }.toolbar-actions { display: flex; align-items: center; gap: 20px; }.filter-form { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: .84rem; }.filter-form select { padding: 9px 29px 9px 10px; border: 1px solid var(--line); border-radius: 6px; color: var(--ice); background: var(--panel-strong); }.filter-form option { color: var(--ice); background: var(--panel-strong); }.clear-link, .all-link { color: var(--cyan); font-size: .82rem; font-weight: 750; }.catalog-layout { display: grid; grid-template-columns: 220px 1fr; gap: 48px; padding-bottom: 80px; }.filters { border-top: 2px solid var(--cyan); }.filter-block { padding: 22px 0; border-bottom: 1px solid var(--line); }.filter-block h3 { margin: 0 0 12px; color: var(--ice); font-size: .9rem; }.filter-link { display: flex; justify-content: space-between; gap: 15px; padding: 6px 0; color: var(--muted); font-size: .85rem; }.filter-link:hover, .filter-link.selected { color: var(--cyan); }.filter-link small { color: #6688a8; }.all-link { display: block; padding-top: 12px; }.app-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }.app-card { min-width: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }.app-card:hover { border-color: rgba(69, 217, 255, .52); box-shadow: var(--shadow), 0 0 25px rgba(22, 139, 255, .1); transform: translateY(-4px); }.app-card-link { display: block; height: 100%; padding: 20px; }.app-card-top { display: flex; gap: 13px; align-items: center; }.app-icon { flex: 0 0 54px; width: 54px; height: 54px; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; object-fit: cover; background: var(--panel-strong); }.fallback-icon { display: grid; place-items: center; color: var(--bg-deep); background: linear-gradient(135deg, var(--cyan), var(--blue)); font-weight: 950; font-size: 1.5rem; }.app-card-heading { min-width: 0; }.app-card h3 { overflow: hidden; margin: 0; color: var(--ice); font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -.025em; }.app-card-heading p { overflow: hidden; margin: 2px 0 0; color: var(--muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }.app-excerpt { display: -webkit-box; min-height: 50px; overflow: hidden; margin: 19px 0 16px; color: var(--muted-strong); font-size: .82rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }.app-card-meta { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: .72rem; }.rating { color: var(--yellow); font-weight: 850; }.chip-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }.chip { display: inline-flex; border: 1px solid rgba(69, 217, 255, .18); border-radius: 999px; padding: 4px 8px; color: #cbeaff; background: rgba(22, 139, 255, .16); font-size: .67rem; font-weight: 750; }.chip.soft { color: var(--muted-strong); background: rgba(255,255,255,.07); }.pagination { display: flex; justify-content: center; align-items: center; gap: 23px; margin-top: 38px; color: var(--muted); font-size: .84rem; }.pagination a { color: var(--cyan); font-weight: 750; }.empty-state { padding: 90px 20px; text-align: center; border: 1px dashed rgba(69, 217, 255, .34); border-radius: 12px; background: rgba(9, 35, 70, .46); }.empty-mark { display: block; color: var(--cyan); font-size: 3rem; }.empty-state h2 { margin: 8px 0; }.empty-state p { margin: 0 0 24px; color: var(--muted); }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; padding: 30px 0 18px; color: var(--muted); font-size: .8rem; }.breadcrumbs a { color: var(--cyan); }.detail-hero { display: grid; grid-template-columns: 132px 1fr auto; gap: 28px; align-items: center; padding: 34px 0 56px; border-bottom: 1px solid var(--line); }.detail-icon { width: 132px; height: 132px; border: 1px solid rgba(69, 217, 255, .25); border-radius: 28px; object-fit: cover; box-shadow: 0 11px 30px rgba(0, 0, 0, .35); }.detail-heading h1 { margin: 0; color: var(--ice); font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1; letter-spacing: -.065em; }.detail-author { margin: 9px 0 0; color: var(--muted); }.detail-action { display: flex; flex-direction: column; align-items: end; gap: 9px; }.action-note { color: var(--muted); font-size: .73rem; }.detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 42px; padding: 40px 0 90px; }.screenshots { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 28px; }.screenshots a { display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-strong); }.screenshots img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .3s ease; }.screenshots a:hover img { transform: scale(1.03); }.content-card { margin-bottom: 16px; padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }.section-title h2 { margin: 0 0 18px; color: var(--ice); font-size: 1.3rem; letter-spacing: -.045em; }.description { color: var(--muted-strong); font-size: .94rem; }.rating-card { border: 0; color: var(--ice); background: linear-gradient(145deg, #0c3867, #071d3b); box-shadow: inset 0 0 30px rgba(69, 217, 255, .07); }.rating-card .eyebrow { color: var(--cyan); }.rating-card strong { display: block; margin-top: 6px; color: var(--ice); font-size: 3.1rem; line-height: 1; letter-spacing: -.08em; }.rating-card strong small { color: var(--muted); font-size: 1rem; letter-spacing: 0; }.rating-card .stars { margin: 11px 0 2px; color: var(--yellow); letter-spacing: .1em; }.rating-card p { margin: 0; color: var(--muted); font-size: .78rem; }.facts-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 12px; margin: 0; font-size: .8rem; }.facts-card dt { color: var(--muted); }.facts-card dd { margin: 0; color: var(--muted-strong); text-align: right; overflow-wrap: anywhere; }.provenance-card p { margin: 4px 0 0; color: var(--muted); font-size: .8rem; }.page-heading { max-width: 740px; padding: 86px 0 55px; }.page-heading p:not(.eyebrow) { margin-top: 23px; color: var(--muted-strong); font-size: 1.08rem; }.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding-bottom: 90px; }.category-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 125px; padding: 20px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); transition: transform .2s, border-color .2s, background .2s; }.category-card:hover { border-color: rgba(69, 217, 255, .5); background: rgba(22, 139, 255, .16); transform: translateY(-3px); }.category-card strong { color: var(--ice); font-size: 1.05rem; }.category-card span { color: var(--muted); font-size: .78rem; }.category-card b { position: absolute; right: 18px; bottom: 15px; color: var(--cyan); }.about-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-bottom: 90px; }.about-grid h2 { margin: 10px 0 12px; color: var(--ice); font-size: 1.35rem; letter-spacing: -.04em; }.about-grid p { margin: 0; color: var(--muted); font-size: .9rem; }.site-footer { border-top: 1px solid var(--line); color: var(--muted); font-size: .75rem; }.footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 23px 0; }.footer-brand { display: flex; align-items: center; gap: 10px; }.footer-brand img { width: 29px; height: 29px; object-fit: contain; }.footer-brand strong, .footer-brand small { display: block; line-height: 1.15; }.footer-brand strong { color: var(--ice); font-size: .78rem; letter-spacing: .08em; }.footer-brand small { margin-top: 3px; color: var(--muted); font-size: .63rem; letter-spacing: .12em; text-transform: uppercase; }.footer-meta { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 4px 14px; }.footer-version { color: var(--cyan); font-weight: 750; }.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }.lightbox-overlay { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 30px; background: rgba(2, 10, 24, .9); cursor: zoom-out; }.lightbox-overlay img { max-width: min(1100px, 96vw); max-height: 90vh; object-fit: contain; }.lightbox-overlay button { position: fixed; top: 15px; right: 24px; border: 0; color: #fff; background: transparent; font-size: 2.5rem; cursor: pointer; }

@media (max-width: 980px) { .header-inner { gap: 18px; }.main-nav { gap: 15px; }.hero { grid-template-columns: 1fr 220px; gap: 30px; }.catalog-layout { grid-template-columns: 180px 1fr; gap: 25px; }.app-grid { grid-template-columns: repeat(2, 1fr); }.category-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .shell { width: min(100% - 28px, 1240px); }.site-header { position: relative; }.header-inner { min-height: 0; display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; padding: 12px 0 0; }.brand { min-width: 0; }.header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 44px; margin-bottom: 10px; }.language-switch { justify-self: end; }.main-nav { grid-column: 1 / -1; grid-row: 3; justify-content: space-between; width: 100%; gap: 8px; border-top: 1px solid var(--line); }.main-nav a { flex: 1; padding: 10px 3px 11px; text-align: center; font-size: .8rem; }.hero { display: block; min-height: 0; padding: 55px 0 42px; }.hero-compact { padding: 44px 0 34px; }.hero-orbit { display: none; }.hero h1, .page-heading h1 { font-size: clamp(2.45rem, 12vw, 3.5rem); }.hero-copy { font-size: .96rem; }.hero-search { width: 100%; }.hero-search input { min-width: 0; padding-left: 11px; }.hero-search button { min-width: 105px; padding-inline: 12px; }.stats-strip { grid-template-columns: 1fr; margin-bottom: 43px; }.stats-strip div { padding: 14px 18px; }.stats-strip strong { font-size: 1.4rem; }.catalog-toolbar { display: block; }.toolbar-actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 17px; }.filter-form { flex: 1; }.filter-form label { display: none; }.filter-form select { width: 100%; min-height: 44px; }.clear-link { white-space: nowrap; }.catalog-layout { display: block; }.filters { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 28px; border-top: 0; }.filter-block { border-top: 2px solid var(--cyan); }.filter-block:nth-child(2) { border-top-color: var(--blue); }.filter-link { min-height: 32px; align-items: center; }.app-grid { grid-template-columns: 1fr; gap: 12px; }.app-card-link { padding: 17px; }.app-excerpt { min-height: 0; margin-block: 13px; }.pagination { gap: 12px; justify-content: space-between; }.pagination a { min-height: 44px; display: inline-flex; align-items: center; }.detail-hero { grid-template-columns: 82px 1fr; gap: 17px; padding-top: 22px; }.detail-icon { width: 82px; height: 82px; border-radius: 19px; }.detail-heading h1 { font-size: clamp(1.85rem, 9vw, 2.6rem); overflow-wrap: anywhere; }.detail-action { grid-column: 1 / -1; align-items: stretch; }.detail-action .button { width: 100%; }.detail-action .action-note { text-align: center; }.detail-grid { display: block; padding-top: 25px; }.detail-side { margin-top: 28px; }.screenshots { grid-template-columns: 1fr; gap: 10px; }.screenshots img { aspect-ratio: 4 / 3; }.content-card { padding: 19px; }.facts-card dl { grid-template-columns: 1fr 1fr; }.page-heading { padding: 58px 0 35px; }.category-grid, .about-grid { grid-template-columns: 1fr; padding-bottom: 60px; }.category-card { min-height: 100px; }.footer-inner { display: block; padding: 18px 0; }.footer-brand { margin-bottom: 13px; }.footer-meta { justify-content: flex-start; gap: 4px 10px; } }
@media (max-width: 420px) { .shell { width: calc(100% - 22px); }.brand small { font-size: .61rem; }.brand-mark { width: 42px; height: 42px; flex-basis: 42px; }.hero-search button { min-width: 96px; font-size: .86rem; }.filters { gap: 10px; }.filter-link { font-size: .77rem; }.filter-link small { font-size: .68rem; }.facts-card dl { grid-template-columns: 1fr; }.facts-card dd { text-align: left; } }

/* Historic Marketplace logo replaces the decorative orbit. */
.hero-marketplace-logo{display:block;width:280px;max-width:100%;height:auto;justify-self:center;filter:drop-shadow(0 16px 32px rgba(0,0,0,.2))}
@media(max-width:760px){.hero-marketplace-logo{width:144px;margin:8px auto 0}.hero-compact .hero-marketplace-logo{display:none}}

/* One search and the three catalogue destinations, grouped in the content. */
.market-browser{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;margin:0 0 32px;border:1px solid var(--line);border-radius:12px;background:rgba(11,39,75,.4)}
.market-browser .hero-search{flex:1 1 440px;margin:0;max-width:620px}
.market-tabs{display:flex;align-items:center;gap:24px;flex:0 0 auto}
.market-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 3px;border-bottom:2px solid transparent;color:var(--muted);font-size:.9rem;white-space:nowrap}
.market-tabs a:hover,.market-tabs a[aria-current=page]{color:var(--cyan);border-bottom-color:var(--cyan);text-decoration:none}
.shell > .market-browser:first-child{margin-top:32px}
@media(max-width:980px){.market-browser{gap:16px;padding:16px}.market-tabs{gap:16px}}
@media(max-width:760px){.market-browser{flex-direction:column;align-items:stretch;padding:14px}.market-browser .hero-search{flex:auto;max-width:none}.market-tabs{justify-content:space-between;gap:10px}.market-tabs a{font-size:.85rem}}
@media(max-width:360px){.market-browser{padding:10px}.market-tabs{gap:4px}.market-tabs a{font-size:.8rem}}
@supports selector(:focus-visible){.market-tabs a:focus:not(:focus-visible){outline:none}}

.archive-notice,.historical-note{color:#b9cde0;font-size:.86rem;line-height:1.7}.archive-notice{padding:14px 18px;background:#0a2340;border-left:2px solid #4b92b8;border-radius:0 8px 8px 0;margin:20px 0}.discovery{margin:28px 0}.discovery h2{font-size:1.15rem}.discovery p{font-size:.8rem;color:#b9cde0}.discovery-links,.active-filters{display:flex;flex-wrap:wrap;gap:10px}.discovery-links a{padding:12px 18px;border:1px solid #396583;border-radius:10px;color:#a4edff;min-height:44px}.discovery-links a:hover{background:#123658}.active-filters{padding:0 0 24px}.active-filters .chip{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:.85rem}.compatibility-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#0b2544;border:1px solid #315d7b;border-radius:14px;margin:0 0 28px}.compatibility-panel>div{flex:1 1 420px;min-width:0}.compatibility-panel h2{font-size:1.2rem;margin:0 0 10px}.compatibility-panel p{font-size:.9rem;color:#bdd3e5;line-height:1.7}.compatibility-panel .compatibility-status{display:inline-block;border-radius:20px;padding:4px 12px;border:1px solid #597798;color:#dceaff;margin:0}.compatibility-panel>a{white-space:normal;text-align:center}.test-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.88rem}.test-facts dd{margin:0}.stars-meter{position:relative;display:inline-block;font-size:24px;line-height:1.4;letter-spacing:2px;white-space:nowrap;color:#c5a974}.stars-fill{position:absolute;left:0;top:0;overflow:hidden;color:#ffd276}.rating-card .historical-note{font-size:.8rem}.filter-form{flex-wrap:wrap}.filter-form .button{min-height:44px;padding:8px 12px;font:inherit;font-size:.82rem;cursor:pointer}.hero-search input{font-size:16px}.vp-market-page a:focus,.vp-market-page button:focus,.vp-market-page input:focus,.vp-market-page select:focus{outline:2px solid #45d9ff;outline-offset:3px}@supports selector(:focus-visible){.vp-market-page a:focus:not(:focus-visible),.vp-market-page button:focus:not(:focus-visible){outline:none}}
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,6,18,.94);display:flex;align-items:center;justify-content:center;padding:60px 20px 24px}.lightbox-overlay img{max-width:100%;max-height:100%;object-fit:contain}.lightbox-overlay button{position:absolute;right:14px;top:12px;min-width:48px;min-height:48px;font-size:28px;color:#fff;background:#193b59;border:1px solid #6b9bbb;border-radius:8px;cursor:pointer}.lightbox-open{overflow:hidden}
@media(max-width:600px){.catalog-toolbar{align-items:flex-start}.toolbar-actions,.filter-form{min-width:0;max-width:100%}.filter-form select{max-width:100%}.compatibility-panel{padding:18px}.hero-copy{font-size:1rem}.hero-marketplace-logo{max-width:180px}.discovery-links a{width:100%}.active-filters .chip{max-width:100%;overflow-wrap:anywhere}.test-facts{display:block}.test-facts dd{margin:4px 0 12px}.screenshots{padding-bottom:10px}}
.filter-form label{display:block!important;color:#c5d9e9;font-size:.85rem}