/* Approved A: an image-led charcoal game gallery, shared by every front route. */
:root {
    color-scheme: dark;
    --brand: #bda6ff;
    --brand-dark: #cfbdff;
    --accent: #bda6ff;
    --canvas: #0d0e12;
    --ink: #f4f3fa;
    --muted: #9695a4;
    --line: #292a33;
    --soft: #211d2a;
    --surface: #17181e;
    --coral: #e1ec9b;
    --warning: #e3c58d;
    --danger: #ecaaa4;
    --shadow: 0 14px 36px rgba(0, 0, 0, .2);
    --container: 1480px;
    --radius: 7px;
}
body { font-size: 14px; }
a, button, input { -webkit-tap-highlight-color: transparent; }
::selection { background: #72579a; color: #fff; }
.site-container { width: calc(100% - 64px); }
.button { border-radius: 5px; min-height: 42px; font-size: 13px; }
.button--primary, .button--accent { background: var(--brand); color: #20162f; }
.button--primary:hover, .button--accent:hover { background: var(--brand-dark); color: #20162f; }
.button--secondary { background: #211c2a; color: #d8c9eb; border-color: #44364f; }
.button--secondary:hover { background: #30233d; color: #fff; }
input, select, textarea { background: #17151d; border-color: #3a3145; color: #eee7f6; border-radius: 5px; }
input::placeholder, textarea::placeholder { color: #8a8196; }
input:focus, select:focus, textarea:focus { outline-color: rgba(189,166,255,.2); }
input[type="checkbox"] { accent-color: #bda6ff; }
.site-header { background: #101115; border-color: var(--line); }
.site-header__utility { background: #0d0e12; color: #96909f; font-size: 11px; border-bottom: 1px solid #202127; }
.site-header__utility-inner { min-height: 32px; max-width: 1740px; }
.utility-brand { color: #b8a6cf; }
.utility-divider { padding-inline: 12px; color: #665b73; }
.site-header__main { min-height: 87px; max-width: 1740px; display: flex; gap: 42px; }
.brand-lockup { flex-shrink: 0; gap: 12px; }
.brand-lockup__symbol { display: flex; align-items: center; justify-content: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 12px 3px 12px 3px; background: var(--brand); color: #20162f; font-family: Arial,sans-serif; font-size: 27px; font-style: italic; line-height: 1; }
.brand-lockup__symbol > span { margin-left: -3px; }
.brand-lockup strong { font-size: 20px; line-height: 1.4; }
.brand-lockup small { font-size: 9px; color: #9692a6; letter-spacing: 1.7px; }
.primary-nav { background: transparent; border: 0; align-self: stretch; flex-shrink: 0; }
.primary-nav__inner { min-height: 87px; height: 100%; gap: 28px; }
.primary-nav a { color: #a5a2b2; font-size: 14px; font-weight: 400; white-space: nowrap; }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: #f4f3fa; }
.primary-nav a::after { height: 2px; }
.global-search { display: flex; align-items: center; margin-left: auto; width: 340px; min-width: 160px; gap: 10px; padding: 8px 12px; border: 1px solid #34333e; border-radius: 6px; background: #1a1a21; }
.search-symbol { color: #9d96b3; display: flex; flex-shrink: 0; }
.global-search input { border: 0; padding: 0; min-height: 24px; background: transparent; border-radius: 0; font-size: 12px; }
.global-search input:focus { outline: 0; }
.global-search:focus-within { outline: 2px solid #bda6ff; outline-offset: 2px; }
.global-search .button { background: transparent; color: #d0c0f7; min-height: 24px; padding: 0; font-size: 12px; font-weight: 400; border-radius: 0; flex-shrink: 0; }
.header-actions { flex-shrink: 0; }
.header-actions a { border: 0; display: flex; align-items: center; gap: 9px; padding: 0; min-width: 0; }
.header-actions strong { font-size: 13px; font-weight: 400; color: #c6c2d1; white-space: nowrap; }
.header-actions a > span { width: 30px; height: 30px; border: 1px solid #504664; border-radius: 50%; display: grid; place-items: center; color: var(--brand); font-size: 14px; }
.mobile-nav-toggle { background: #211b29; color: #d4c2e8; border-color: #493758; }
.flash-message { background: #2a2435; color: #d5c1ed; font-size: 13px; border-bottom: 1px solid #503c63; }
.exhibit-shell { display: grid; grid-template-columns: 192px minmax(0,1fr); max-width: 1740px; margin-inline: auto; }
.exhibit-sidebar { padding: 28px 20px; border-right: 1px solid var(--line); min-width: 0; }
.exhibit-sidebar__label { font-size: 10px; letter-spacing: 2px; color: #8c8196; margin: 4px 10px 16px; }
.exhibit-sidebar__all { display: flex; align-items: center; gap: 12px; border-radius: 6px; padding: 11px 12px; background: #2b233d; color: #d7c7fc; font-size: 12px; white-space: nowrap; }
.exhibit-sidebar__all > span { font-size: 18px; }
.exhibit-sidebar__games { display: grid; gap: 4px; margin: 13px 0 28px; }
.exhibit-sidebar__games a { display: flex; align-items: center; gap: 10px; padding: 10px 8px; color: #aeacb8; border-radius: 5px; font-size: 12px; min-width: 0; }
.exhibit-sidebar__games a:hover { background: #211c2b; color: #f4f3fa; }
.exhibit-sidebar__games img, .exhibit-sidebar__game-mark { width: 25px; height: 25px; border-radius: 5px; flex-shrink: 0; object-fit: cover; }
.exhibit-sidebar__game-mark { display: grid; place-items: center; background: #2f253d; color: #d2bce9; font-size: 11px; }
.exhibit-sidebar__games a > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.exhibit-sidebar__services { border-top: 1px solid var(--line); padding-top: 25px; }
.exhibit-sidebar__services a { display: flex; gap: 12px; align-items: center; margin: 17px 10px; font-size: 12px; color: #9c99aa; }
.exhibit-sidebar__services a:hover { color: #e3d6f3; }
.exhibit-sidebar__services a > span { color: #cdbded; width: 14px; text-align: center; }
.exhibit-sidebar__note { margin: 36px 2px 0; padding: 18px 14px; border: 1px solid #312b3f; border-radius: 6px; background: #17131f; }
.exhibit-sidebar__note small { display: block; font-size: 9px; letter-spacing: 1px; color: #ad91d7; }
.exhibit-sidebar__note strong { display: block; font-size: 15px; line-height: 1.8; margin: 7px 0; color: #d7c9f5; }
.exhibit-sidebar__note p { margin: 0; font-size: 11px; color: #9d90ae; }
.exhibit-workspace { min-width: 0; }
.exhibit-home { padding-top: 27px; }
.exhibit-intro { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 17px; }
.exhibit-intro p { margin: 0; font-size: 10px; font-weight: 600; letter-spacing: 2px; color: #afa4c8; }
.exhibit-intro i { display: inline-block; height: 6px; width: 6px; margin-right: 8px; vertical-align: 2px; border-radius: 50%; background: var(--brand); }
.exhibit-intro > span { color: #97909f; font-size: 11px; }
.exhibit-carousel { position: relative; border-radius: 8px; overflow: hidden; background: #1b1923; }
.exhibit-carousel__viewport { height: 470px; position: relative; }
.exhibit-slide { position: absolute; inset: 0; display: none; color: #f4f3fa; }
.exhibit-slide.is-active { display: block; }
.exhibit-slide > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.exhibit-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(9,10,15,.9),rgba(9,10,15,.42) 50%,rgba(9,10,15,.02)),linear-gradient(0deg,rgba(9,10,15,.8),transparent 40%); pointer-events: none; }
.exhibit-slide__copy { position: absolute; z-index: 1; left: 48px; top: 63px; width: min(560px,65%); }
.exhibit-slide__eyebrow { display: flex; align-items: center; gap: 12px; font-size: 11px; letter-spacing: 1.8px; color: #ded2fc; margin-bottom: 23px; }
.exhibit-slide__eyebrow::before { content: ""; height: 1px; width: 24px; background: var(--brand); }
.exhibit-slide h2 { font-size: clamp(30px,3.5vw,52px); line-height: 1.27; max-width: 530px; font-weight: 800; margin: 0; text-wrap: balance; }
.exhibit-slide__copy p { margin: 19px 0 28px; color: #cbc5d2; font-size: 14px; line-height: 1.9; max-width: 400px; }
.exhibit-slide__copy .button { gap: 26px; padding: 12px 23px; }
.exhibit-slide__copy .button > span { font-size: 18px; }
.exhibit-carousel__bottom { position: absolute; z-index: 2; bottom: 25px; left: 48px; right: 25px; display: flex; justify-content: space-between; align-items: center; gap: 12px; pointer-events: none; }
.exhibit-carousel__bottom > span { font-size: 10px; letter-spacing: 2px; color: #b5a8bc; }
.exhibit-carousel__controls { display: flex; align-items: center; gap: 8px; pointer-events: auto; }
.exhibit-carousel__counter { color: #aaa1b6; font-size: 11px; margin-right: 10px; font-variant-numeric: tabular-nums; }
.exhibit-carousel__counter strong { color: #fff; font-weight: 500; }
.carousel-arrow, .carousel-toggle { height: 32px; width: 35px; border-color: #655d71; border-radius: 4px; background: #1a152380; color: #eee8f5; font-size: 16px; }
.carousel-toggle { font-size: 10px; width: 29px; }
.carousel-arrow:hover, .carousel-toggle:hover { border-color: var(--brand); background: #67577b; }
.carousel-dots { gap: 0; }
.carousel-dots button::after { inset: 10px 7px; background: #86788d; }
.carousel-dots button[aria-current="true"]::after { background: #d3bbee; }
.exhibit-hero-notes { display: flex; justify-content: space-between; gap: 18px; margin-top: 13px; color: #a59ba9; font-size: 11px; }
.exhibit-hero-notes > span::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #917aa7; margin: 0 7px 2px 0; }
.home-section { padding-block: 41px 0; }
.section-heading { gap: 18px; margin-bottom: 22px; align-items: flex-end; }
.section-heading h2 { font-size: 23px; line-height: 1.4; }
.section-heading p { margin: 5px 0 0; font-size: 12px; color: #a098aa; }
.section-heading > a { color: #bcb1cd; border: 0; font-size: 12px; font-weight: 400; padding: 0; white-space: nowrap; }
.section-heading > a > span { display: inline; color: var(--brand); font-size: inherit; margin-left: 8px; }
.section-heading > div > span { font-size: 9px; color: #af97bf; letter-spacing: 1.8px; margin-bottom: 7px; }
.exhibit-game-strip { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 17px; }
.exhibit-game-strip a { min-width: 0; text-align: center; }
.exhibit-game-strip a > span { display: block; aspect-ratio: 1.06; border-radius: 8px; overflow: hidden; background: #272430; position: relative; }
.exhibit-game-strip img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.exhibit-game-strip a:hover img { transform: scale(1.06); }
.exhibit-game-strip i { position: absolute; right: 6px; bottom: 5px; width: 23px; height: 23px; border-radius: 4px; background: #16111daa; color: #ddd0f0; display: grid; place-items: center; font-style: normal; font-size: 12px; }
.exhibit-game-strip strong { display: block; font-size: 11px; font-weight: 500; color: #cac5d0; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.exhibit-market { padding-top: 46px; }
.market-category-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 21px; }
.market-category-pills a { color: #b0a5bc; padding: 7px 17px; border-radius: 5px; font-size: 12px; }
.market-category-pills a.is-active { background: #d2baff; color: #2b1b40; font-weight: 700; }
.market-category-pills a:hover { background: #34253f; color: #f2dfff; }
.product-grid, .product-grid--market { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 23px 18px; }
.product-grid--favorites { grid-template-columns: repeat(3,minmax(0,1fr)); }
.product-card { background: #18181f; border-color: #292731; border-radius: 7px; }
.product-card:hover { border-color: #7a6096; box-shadow: none; }
.product-card__cover { position: relative; aspect-ratio: 1.63; background: #282430; }
.product-card__type { position: absolute; left: 10px; top: 10px; padding: 3px 7px; border: 1px solid #ffffff2e; background: #121217cf; border-radius: 3px; color: #e5e0ec; font-size: 9px; }
.product-card__body { padding: 15px 15px 12px; }
.product-card__meta { font-size: 10px; color: #c2a4dd; align-items: center; font-weight: 400; }
.product-card__meta > span:last-child { font-size: 9px; color: #a194ad; white-space: nowrap; }
.product-card h3 { min-height: 48px; margin: 7px 0 10px; font-size: 14px; line-height: 1.7; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-card__description, .product-card__tags { display: none; }
.product-card__footer { min-height: 44px; padding-top: 11px; border-color: #2b2732; align-items: center; }
.product-card__footer > span > small { display: none; }
.product-card__footer strong { color: #e1ec9b; font-family: Arial,sans-serif; font-size: 23px; }
.product-card__footer strong small { font-size: 12px; margin-right: 3px; font-weight: 400; }
.product-card__footer > a { color: #baa9cd; font-size: 11px; font-weight: 400; }
.recommend-empty, .empty-state { background: #17131e; border-color: #50445e; color: #baadca; }
.exhibit-market__more { display: flex; justify-content: center; gap: 20px; margin: 28px auto 42px; max-width: 300px; padding: 11px 25px; border: 1px solid #44354f; border-radius: 5px; color: #c9b1dc; font-size: 12px; }
.exhibit-market__more:hover { background: #23192c; }
.exhibit-guide { margin: 18px 0 30px; padding: 28px 31px; border: 1px solid #2f2937; border-radius: 7px; background: #18131e; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 26px; align-items: center; }
.exhibit-guide h2 { font-size: 21px; color: #e0d4ef; line-height: 1.6; margin: 0; }
.exhibit-guide > div > span { display: block; font-size: 9px; letter-spacing: 2px; color: #b68ccb; margin-bottom: 6px; }
.exhibit-guide h3 { color: #c5b3d3; font-size: 13px; margin: 0 0 5px; }
.exhibit-guide p { margin: 0; font-size: 11px; color: #af9ebb; line-height: 1.9; }
.announcement-band { background: transparent; border-top: 1px solid #2e2636; }
.market-announcements { color: #a797b6; font-size: 11px; grid-template-columns: 60px minmax(0,1fr) auto; gap: 16px; }
.market-announcements > strong { color: #c6b4d5; font-weight: 500; }
.market-announcements > a { color: #c6abdf; font-weight: 400; }
.site-footer { background: transparent; color: #b3a8bf; padding-top: 34px; margin-top: 16px; border-top: 1px solid var(--line); }
.site-footer__grid { grid-template-columns: minmax(210px,1.5fr) repeat(3,minmax(95px,1fr)); gap: 28px; padding-bottom: 28px; }
.site-footer h2 { color: #cdc0da; font-weight: 500; font-size: 12px; }
.site-footer__brand h2 { font-size: 17px; }
.site-footer__brand p, .site-footer nav a { color: #a397ad; font-size: 11px; }
.site-footer__bottom { color: #9786a7; font-size: 10px; min-height: 52px; border-color: #2a2430; }
.site-footer__brand { grid-template-columns: 43px minmax(0,1fr); }
.page-heading-band, .center-heading-band { background: #131017; border-bottom: 1px solid #302536; }
.page-heading { min-height: 155px; }
.page-heading p, .center-heading p { color: #bda2d5; letter-spacing: 1px; }
.page-heading h1, .center-heading h1 { font-size: 30px; }
.page-heading > span, .page-heading > a, .center-heading span { color: #ae9fbb; font-size: 12px; }
.market-page { padding-block: 28px 55px; }
.market-toolbar { background: #19141f; border-color: #382c43; grid-template-columns: minmax(180px,1.4fr) repeat(2,minmax(115px,1fr)); gap: 15px; padding: 22px; }
.filter-field--keyword { grid-column: auto; }
.filter-price { min-width: 0; }
.filter-actions { justify-content: flex-end; }
.filter-field label, .filter-price legend, .auth-form > label:not(.check-control), .review-form > label { color: #b7a4c8; font-weight: 400; }
.market-result-bar { border-color: #3b2f47; margin-bottom: 22px; }
.market-result-bar small { color: #a889c0; font-size: 9px; letter-spacing: 1px; }
.market-result-bar > span { color: #ac9bbb; }
.pagination a, .pagination span { background: #221a2a; border-color: #463251; color: #c4aed6; border-radius: 5px; }
.pagination a[aria-current="page"] { background: var(--brand); color: #20162f; }
.breadcrumb-band { background: transparent; border-color: #2e2534; }
.breadcrumb { min-height: 54px; font-size: 11px; }
.breadcrumb [aria-current="page"] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product-detail-page { padding-block: 30px 42px; }
.product-detail { grid-template-columns: minmax(0,1fr) minmax(330px,.9fr); gap: 28px; }
.product-detail__media { position: relative; aspect-ratio: 4/3; background: #221b2b; border: 1px solid #392b46; }
.product-detail__image-note { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px 14px 10px; background: linear-gradient(transparent,rgba(15,10,21,.93)); color: #d6c5e4; font-size: 10px; }
.product-detail__summary { background: #1a1420; border: 1px solid #3c2e48; border-radius: 8px; padding: 26px; box-shadow: none; }
.product-detail__summary h1 { font-size: 25px; }
.product-card__tags span, .product-detail__badges span, .guarantee-list span { background: #33243f; color: #ceb0e7; font-size: 10px; }
.product-detail__server { font-size: 12px; }
.product-detail__price { border-color: #3a2a45; }
.product-detail__price > span { color: #b5a0c5; font-size: 12px; }
.product-detail__price strong { color: var(--coral); font-size: 32px; }
.seller-summary div { background: #251b2e; border-radius: 4px; }
.seller-summary dt { color: #ac92bf; }
.seller-summary dd { color: #c9b5d8; font-size: 12px; font-weight: 400; }
.purchase-form .button { padding-inline: 15px; }
.purchase-note { color: #aa94ba; }
.detail-content-band { background: #141017; padding-block: 36px; border-block: 1px solid #312437; }
.detail-columns { grid-template-columns: minmax(0,1fr) 260px; gap: 34px; }
.rich-copy, .review-item p, .static-page__content > p { color: #bcabc9; font-size: 13px; }
.trade-process { border-color: #483052; padding-left: 25px; }
.trade-process ol { list-style: none; padding: 0; }
.trade-process li { display: flex; gap: 12px; margin-bottom: 18px; }
.trade-process li > span { display: grid; flex-shrink: 0; place-items: center; width: 27px; height: 27px; background: #33213e; color: #c7a6dc; border-radius: 50%; font-size: 11px; }
.trade-process li strong { color: #d0b9df; font-size: 12px; }
.trade-process li p { color: #ac94ba; font-size: 11px; margin: 2px 0 0; }
.product-description h2, .trade-process h2, .review-form h2 { font-size: 20px; }
.reviews-band { padding-block: 36px 55px; }
.reviews-layout { grid-template-columns: minmax(0,1fr) 320px; gap: 30px; }
.review-list > header { display: flex; align-items: center; gap: 15px; margin-bottom: 22px; }
.review-list > header h2 { margin: 0; font-size: 20px; }
.review-list > header span { color: #a790b6; font-size: 12px; }
.review-item { border-color: #34243e; }
.review-item__head strong { font-size: 12px; color: #d3bddf; }
.review-item__head time { color: #9e83ad; }
.review-form { background: #1b1321; border: 1px solid #3b2848; box-shadow: none; }
.auth-page { background: transparent; padding-block: 50px 65px; }
.auth-split { max-width: 940px; background: #1c1422; border: 1px solid #493151; box-shadow: none; grid-template-columns: minmax(0,1fr) minmax(340px,1fr); }
.auth-assurance { background: #25182f; padding: 48px 36px; }
.auth-assurance h1 { font-size: 31px; color: #e4d0f1; }
.auth-assurance > p { color: #c79dde; letter-spacing: 1px; }
.auth-assurance li > span { border-color: #725182; color: #d3b2e7; border-radius: 7px; }
.auth-assurance li strong { font-size: 14px; color: #d5bddf; }
.auth-assurance li p { color: #b09cbd; font-size: 11px; }
.auth-panel { padding: 34px; }
.auth-tabs { border-color: #463051; }
.auth-panel header h2 { font-size: 24px; margin-bottom: 18px; }
.auth-tabs a { color: #ac8dbb; }
.auth-tabs a[aria-current="page"] { color: #d7b3eb; border-color: #bf98da; }
.auth-form label span { color: #bba5c8; }
.auth-links a { color: #d0a9e4; font-weight: 400; }
.center-heading { min-height: 165px; }
.center-user-mark { background: #3e294c; color: #d5b2e9; border: 1px solid #644570; border-radius: 9px; }
.center-layout { grid-template-columns: 155px minmax(0,1fr); gap: 25px; }
.center-nav { background: #1b1421; border: 1px solid #44304f; border-radius: 6px; overflow: hidden; }
.center-nav a { font-size: 12px; color: #b39ac4; }
.center-nav a:hover, .center-nav a[aria-current="page"] { background: #34213f; color: #d3b5e7; }
.center-section > header { border-color: #412c4a; }
.center-section > header h2 { font-size: 21px; }
.order-list { background: #19121f; }
.order-row { border-color: #412b4c; }
.order-row__heading { background: #25182e; color: #b295c3; }
.order-row__body { grid-template-columns: minmax(190px,1fr) 95px; gap: 14px; }
.order-row__actions { grid-column: 1/-1; }
.order-row__product { grid-template-columns: 78px minmax(0,1fr); gap: 12px; }
.order-row__product img { width: 78px; }
.order-row__product strong { font-size: 12px; color: #d1badd; }
.order-row__product small { color: #a98cbb; font-size: 10px; }
.status { background: #33243f; color: #cfb5df; }
.status--pending { background: #3d2f1e; color: #e4c28b; }
.status--paid, .status--completed { background: #21352b; color: #a8d3b3; }
.status--canceled, .status--payment_review { background: #3b202e; color: #e3a8bc; }
.static-page { padding-block: 38px 65px; }
.static-page__content { background: #1a1220; border: 1px solid #493251; box-shadow: none; padding: 36px; }
.static-page__content h2 { color: #e1cceb; font-size: 24px; }
.payment-workspace { max-width: 760px; }
@media (min-width: 1600px) {
    .exhibit-carousel__viewport { height: 520px; }
    .exhibit-slide__copy { top: 85px; }
    .exhibit-slide h2 { font-size: 57px; }
}
@media (max-width: 1366px) {
    .site-header__main { gap: 26px; }
    .primary-nav__inner { gap: 22px; }
    .global-search { width: 310px; }
    .market-toolbar { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1200px) {
    .header-actions { display: none; }
    .exhibit-shell { grid-template-columns: 165px minmax(0,1fr); }
    .exhibit-sidebar { padding-inline: 13px; }
    .site-container { width: calc(100% - 48px); }
    .exhibit-carousel__viewport { height: 420px; }
    .exhibit-slide__copy { left: 34px; top: 53px; }
    .exhibit-carousel__bottom { left: 34px; }
    .exhibit-slide h2 { font-size: 40px; }
    .exhibit-game-strip { gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); }
    .exhibit-game-strip a > span { aspect-ratio: 1.6; }
    .product-grid, .product-grid--market { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .exhibit-guide { padding: 24px; gap: 20px; }
    .exhibit-guide h2 { font-size: 18px; }
    .site-footer__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
    .site-footer__brand { grid-column: 1/-1; }
    .product-detail { grid-template-columns: minmax(0,1fr); }
    .product-detail__media { max-height: 500px; aspect-ratio: 16/10; }
    .detail-columns, .reviews-layout { grid-template-columns: minmax(0,1fr) 270px; }
}
@media (max-width: 850px) {
    .site-header__main { min-height: 88px; padding-block: 16px; flex-wrap: wrap; gap: 15px 24px; }
    .brand-lockup strong { font-size: 18px; }
    .brand-lockup__symbol { width: 39px; height: 39px; flex-basis: 39px; font-size: 24px; }
    .primary-nav { margin-left: auto; }
    .primary-nav__inner { min-height: 42px; }
    .primary-nav a::after { bottom: -12px; }
    .global-search { order: 3; width: 100%; margin: 0; }
    .exhibit-shell { display: block; }
    .exhibit-sidebar { padding: 12px 24px; display: flex; gap: 9px; border-right: 0; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; align-items: center; }
    .exhibit-sidebar__label, .exhibit-sidebar__services, .exhibit-sidebar__note { display: none; }
    .exhibit-sidebar__all { flex-shrink: 0; padding: 7px 10px; font-size: 12px; gap: 8px; }
    .exhibit-sidebar__games { display: flex; gap: 8px; margin: 0; }
    .exhibit-sidebar__games a { padding: 7px 10px; border: 1px solid #302839; white-space: nowrap; font-size: 11px; }
    .exhibit-sidebar__games a img, .exhibit-sidebar__game-mark { display: none; }
    .exhibit-sidebar__games a > span:last-child { overflow: visible; }
    .exhibit-home { padding-top: 23px; }
    .exhibit-slide__copy { left: 28px; width: 75%; }
    .exhibit-slide h2 { font-size: 38px; max-width: 430px; }
    .exhibit-slide__copy p { max-width: 330px; }
    .exhibit-carousel__bottom { left: 28px; }
    .exhibit-carousel__bottom > span { font-size: 8px; letter-spacing: 1px; }
    .exhibit-guide { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .exhibit-guide > div { grid-column: 1/-1; }
    .exhibit-guide h2 br { display: none; }
    .product-grid, .product-grid--market, .product-grid--favorites { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 12px; }
    .product-card__body { padding: 12px; }
    .product-card h3 { font-size: 12px; min-height: 42px; }
    .product-card__footer strong { font-size: 20px; }
    .auth-split { grid-template-columns: minmax(0,1fr) minmax(310px,1fr); }
}
@media (max-width: 768px) {
    .site-container { width: calc(100% - 40px); }
    .site-header__utility { display: block; }
    .site-header__utility-inner { min-height: 30px; gap: 12px; font-size: 10px; }
    .site-header__utility nav { gap: 12px; }
    .site-header__utility nav > a:first-child { display: none; }
    .site-header__utility nav > span { max-width: 145px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .utility-divider { padding-inline: 7px; }
    .site-header__main { gap: 15px; }
    .brand-lockup small { display: block; }
    .js .mobile-nav-toggle { display: grid; order: 1; margin-left: auto; place-items: center; width: 36px; height: 36px; font-size: 18px; }
    .global-search { display: flex; order: 2; }
    .primary-nav { order: 3; width: 100%; margin: 0; }
    .primary-nav__inner { min-height: 0; display: flex; gap: 20px; }
    .primary-nav a { min-height: 35px; border: 0; padding: 0; font-size: 12px; }
    .primary-nav a::after { top: auto; bottom: 0; left: 0; right: 0; width: auto; height: 2px; }
    .js .primary-nav { display: none; }
    .js .primary-nav[data-open="true"] { display: block; }
    .exhibit-sidebar { padding-inline: 20px; }
    .detail-columns, .reviews-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .trade-process { padding: 25px 0 0; border-left: 0; border-top: 1px solid #483052; }
    .auth-split { grid-template-columns: minmax(0,1fr); max-width: 530px; }
    .auth-assurance { padding: 30px; }
    .auth-assurance h1 { font-size: 27px; margin-bottom: 0; }
    .center-layout { grid-template-columns: minmax(0,1fr); }
    .center-nav { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .center-nav a { min-width: 0; white-space: nowrap; }
    .market-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 18px; }
    .filter-field--keyword, .filter-price { grid-column: 1/-1; }
    .filter-actions { align-self: end; }
    .page-heading { min-height: 132px; }
    .site-footer__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 540px) {
    .site-container { width: calc(100% - 32px); }
    .brand-lockup strong { font-size: 16px; }
    .brand-lockup small { font-size: 7px; letter-spacing: 1.3px; }
    .brand-lockup__symbol { width: 36px; height: 36px; flex-basis: 36px; border-radius: 9px 2px 9px 2px; font-size: 23px; }
    .global-search { padding: 8px 11px; gap: 9px; }
    .global-search input { font-size: 11px; }
    .exhibit-sidebar { padding: 10px 16px; gap: 8px; }
    .exhibit-sidebar__all, .exhibit-sidebar__games a { padding: 5px 9px; font-size: 11px; }
    .exhibit-sidebar__all > span { font-size: 16px; }
    .exhibit-home { padding-top: 20px; }
    .exhibit-intro { margin-bottom: 13px; align-items: flex-start; }
    .exhibit-intro p { font-size: 8px; letter-spacing: 1.3px; }
    .exhibit-intro > span { font-size: 9px; }
    .exhibit-carousel__viewport { height: 386px; }
    .exhibit-slide > img { object-position: 61% center; }
    .exhibit-slide::after { background: linear-gradient(90deg,rgba(9,10,15,.73),rgba(9,10,15,.18)),linear-gradient(0deg,rgba(9,10,15,.92),rgba(9,10,15,.06) 90%); }
    .exhibit-slide__copy { left: 22px; top: 44px; width: calc(100% - 44px); }
    .exhibit-slide__eyebrow { font-size: 9px; margin-bottom: 21px; letter-spacing: 1px; gap: 8px; }
    .exhibit-slide h2 { font-size: 31px; max-width: 290px; line-height: 1.35; }
    .exhibit-slide__copy p { font-size: 11px; max-width: 260px; line-height: 1.9; margin: 15px 0 23px; }
    .exhibit-slide__copy .button { padding: 10px 17px; font-size: 11px; gap: 18px; }
    .exhibit-slide__copy .button > span { font-size: 14px; }
    .exhibit-carousel__bottom { left: 22px; right: 17px; bottom: 18px; }
    .exhibit-carousel__bottom > span { display: none; }
    .exhibit-carousel__controls { margin-left: auto; gap: 5px; }
    .exhibit-carousel__counter { margin-right: 5px; }
    .carousel-arrow, .carousel-toggle { height: 30px; width: 31px; }
    .exhibit-hero-notes { gap: 8px; font-size: 9px; margin-top: 12px; }
    .exhibit-hero-notes > span:nth-child(3) { display: none; }
    .home-section { padding-top: 32px; padding-bottom: 0; }
    .section-heading { margin-bottom: 17px; gap: 12px; }
    .section-heading h2 { font-size: 20px; }
    .section-heading p { font-size: 10px; max-width: 205px; }
    .section-heading > a { font-size: 10px; }
    .exhibit-game-strip { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px 11px; }
    .exhibit-game-strip a > span { aspect-ratio: 1.05; border-radius: 6px; }
    .exhibit-game-strip strong { font-size: 9px; margin-top: 7px; }
    .exhibit-game-strip i { width: 19px; height: 19px; font-size: 11px; }
    .exhibit-market { padding-top: 34px; }
    .section-heading > div > span { font-size: 8px; letter-spacing: 1.4px; margin-bottom: 5px; }
    .market-category-pills { gap: 4px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-bottom: 16px; }
    .market-category-pills a { padding: 6px 10px; font-size: 10px; white-space: nowrap; flex-shrink: 0; }
    .product-grid, .product-grid--market, .product-grid--favorites { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 10px; }
    .product-card { display: block; }
    .product-card__cover { aspect-ratio: 1.35; height: auto; }
    .product-card__type { font-size: 8px; left: 7px; top: 7px; padding: 2px 5px; }
    .product-card__body { padding: 10px 10px 9px; }
    .product-card__meta { font-size: 9px; gap: 3px; align-items: flex-start; }
    .product-card__meta > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .product-card__meta > span:last-child { font-size: 7px; line-height: 2; }
    .product-card h3 { font-size: 11px; line-height: 1.7; margin: 6px 0 9px; min-height: 38px; }
    .product-card__footer { padding-top: 8px; gap: 4px; margin-top: 0; min-height: 35px; }
    .product-card__footer strong { font-size: 18px; }
    .product-card__footer strong small { font-size: 10px; margin-right: 2px; }
    .product-card__footer > a { font-size: 9px; }
    .exhibit-market__more { font-size: 11px; max-width: 240px; margin: 23px auto 30px; }
    .exhibit-guide { padding: 20px 18px; gap: 18px 15px; margin-top: 0; margin-bottom: 29px; }
    .exhibit-guide h2 { font-size: 17px; }
    .exhibit-guide > div > span { font-size: 8px; }
    .exhibit-guide h3 { font-size: 11px; }
    .exhibit-guide p { font-size: 10px; }
    .market-announcements { gap: 10px; font-size: 10px; grid-template-columns: auto minmax(0,1fr) auto; }
    .market-announcements > strong, .market-announcements > a { font-size: 10px; }
    .site-footer { padding-top: 25px; }
    .site-footer__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px 12px; padding-bottom: 22px; }
    .site-footer__brand { grid-template-columns: 36px minmax(0,1fr); }
    .site-footer__brand h2 { font-size: 16px; }
    .site-footer h2 { font-size: 11px; }
    .site-footer nav a { font-size: 10px; }
    .page-heading h1, .center-heading h1 { font-size: 25px; }
    .product-detail__summary { padding: 22px; }
    .product-detail__summary h1 { font-size: 22px; }
    .product-detail__media { aspect-ratio: 4/3; }
    .auth-page { padding-block: 28px 45px; }
    .auth-assurance, .auth-panel { padding: 25px 22px; }
    .auth-assurance h1 { font-size: 23px; }
    .auth-panel header h2 { font-size: 22px; }
    .center-heading { min-height: 145px; }
    .center-page { padding-block: 28px 45px; }
    .order-row__body { grid-template-columns: minmax(0,1fr) auto; }
    .order-row__actions { grid-column: auto; }
    .order-row__product { grid-column: 1/-1; }
    .order-row__actions .button { font-size: 11px; }
    .static-page__content { padding: 24px; }
    .static-page__content h2 { font-size: 21px; }
}
@media (max-width: 480px) {
    .market-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .filter-field--keyword, .filter-price { grid-column: 1/-1; }
    .filter-actions { grid-column: auto; }
    .filter-actions .button { padding-inline: 10px; font-size: 12px; }
    .primary-nav__inner { width: 100%; }
    .product-detail__price strong { font-size: 29px; }
}