/* Readability pass: retain the AccsGO palette, layout, artwork and motion. */
:root {
  --muted: #b8c7df;
  --copy-secondary: #b8c7df;
  --copy-label: #afc4e2;
  --copy-accent: #a8ceff;
}

body { font-size: 16px; }
.design-notice { font-size: 12px; letter-spacing: .6px; line-height: 1.6; }
.design-notice > span:nth-of-type(3) { font-size: 12px; color: var(--copy-secondary); }
.version, .brand small { color: var(--copy-label); font-size: 11px; }
.main-nav a { font-size: 14px; color: var(--copy-secondary); }
.nav-new { font-size: 10px; }
.account-link { font-size: 13px; min-height: 44px; }
.avatar-small { font-size: 13px; }
.cart-count { font-size: 11px; min-width: 19px; height: 19px; }
.eyebrow { font-size: 12px; letter-spacing: 1.7px; color: var(--copy-accent); }
.hero-description { font-size: 17px; line-height: 1.8; max-width: 430px; color: var(--copy-secondary); }
.hero-description strong { color: #f1f6ff; font-weight: 600; }
.hero-meta { font-size: 12px; color: var(--copy-label); flex-wrap: wrap; row-gap: 12px; }
.hero-meta svg { width: 16px; height: 16px; color: var(--copy-accent); }
.hero-card-top, .hero-card-bottom small { font-size: 11px; color: #c7d9f1; letter-spacing: .9px; }
.hero-card-top span:last-child { color: #a8ceff; }
.hero-card-top { gap: 10px; line-height: 1.5; }
.hero-card-bottom strong { font-size: 17px; }
.float-tag small { font-size: 10px; color: #bdd0ec; letter-spacing: 1px; }
.float-tag strong { font-size: 15px; }
.hero-art-label { color: #afc4e2; font-size: 10px; letter-spacing: 1px; }
.ribbon-label { font-size: 11px; color: var(--copy-label); letter-spacing: 1px; }
.game-wordmark { color: #b9c9e2; font-size: 16px; }
.game-wordmark small { font-size: 12px; }

.button { font-size: 14px; min-height: 48px; line-height: 1.5; }
.button-primary { background: #086bdd; }
.button-primary:hover { background: #0870e7; }
.button-secondary, .button-text { color: #e0ebff; }
.section-head p, .page-intro p { font-size: 15px; line-height: 1.8; color: var(--copy-secondary); }
.section-head .button { font-size: 13px; flex-shrink: 0; }
.filter-tab { font-size: 13px; min-height: 44px; padding: 10px 14px; color: var(--copy-secondary); }
.filter-tab span { font-size: 11px; opacity: 1; color: var(--copy-label); }
.filter-tab.active { color: #c6e3ff; }
.filter-tab.active span { color: #b3d4ff; }
input, select { font-size: 16px; min-height: 44px; color: #e0ebff; }
input::placeholder { color: #a9bcda; opacity: 1; }
input:disabled { color: #b8c7df; opacity: 1; -webkit-text-fill-color: #b8c7df; }
.search-field input { width: 230px; }
.search-field svg { color: #b4c9e9; }
.catalog-tools { flex-wrap: wrap; }
.catalog-tools select { font-size: 14px; }
.product-meta { font-size: 11px; color: var(--copy-label); letter-spacing: .65px; line-height: 1.7; }
.product-body h3 { font-size: 20px; line-height: 1.4; min-height: 56px; }
.spec-pills { gap: 7px; }
.spec-pills span { font-size: 12px; color: #c9d9f2; padding: 6px 9px; background: #172740; border-color: #5277ae3d; }
.price { font-size: 27px; }
.price small { font-size: 13px; color: var(--copy-secondary); }
.product-price-row { flex-wrap: wrap; gap: 12px; }
.product-price-row .button { font-size: 13px; min-height: 42px; padding: 10px 13px; }
.tag { font-size: 11px; letter-spacing: .5px; color: #c5deff; padding: 5px 8px; }
.visual-footer { font-size: 11px; color: #c1d5f1; letter-spacing: 1px; }
.game-title-art small, .detail-visual .game-title-art small { font-size: 12px; letter-spacing: 1.6px; color: #c8dbf7; line-height: 1.5; }
.benefit h3 { font-size: 18px; }
.benefit p { font-size: 14px; line-height: 1.85; color: var(--copy-secondary); }
.step-number { font-size: 11px; color: #afc4e2; }
.client-promo p { font-size: 15px; line-height: 1.8; max-width: 390px; color: var(--copy-secondary); }
.promo-mock-top { font-size: 14px; }
.mock-dots { color: #aecaf1; }
.promo-order { flex-wrap: wrap; gap: 12px; }
.promo-order > div:nth-child(2) { flex: 1; min-width: 0; }
.promo-order strong { font-size: 14px; line-height: 1.6; }
.promo-order small { font-size: 12px; color: var(--copy-label); }
.status, .admin-table .status { font-size: 12px; line-height: 1.5; padding: 5px 8px; }
.mini-visual { font-size: 16px; }
.footer-inner p, .footer-inner p span { font-size: 13px; color: var(--copy-secondary); }
.footer-inner > a:not(.brand) { font-size: 13px; color: var(--copy-label); }
.footer-bottom { font-size: 12px; color: var(--copy-label); flex-wrap: wrap; line-height: 1.7; }
.footer-bottom button { font-size: 12px; color: #c7ddfb; }
.footer-bottom svg { width: 15px; height: 15px; }

.breadcrumb { font-size: 13px; color: var(--copy-label); flex-wrap: wrap; }
.breadcrumb span { color: #d1e0f7; }
.detail-visual-caption { font-size: 13px; line-height: 1.8; color: var(--copy-secondary); }
.detail-summary > p { font-size: 16px; color: var(--copy-secondary); }
.detail-facts dt { font-size: 13px; color: var(--copy-label); }
.detail-facts dd { font-size: 16px; color: #e0edff; }
.detail-price small { font-size: 16px; color: var(--copy-secondary); }
.prototype-note { font-size: 13px; color: var(--copy-secondary); line-height: 1.8; }
.profile-card strong { font-size: 14px; }
.profile-card small { font-size: 12px; color: var(--copy-secondary); }
.sidebar-link { font-size: 14px; padding: 12px 10px; color: var(--copy-secondary); line-height: 1.5; }
.sidebar-link.active { color: #c5e1ff; }
.sidebar-link svg { width: 17px; height: 17px; }
.sidebar-footer { font-size: 12px; color: var(--copy-label); }
.dashboard-greeting p { font-size: 14px; color: var(--copy-secondary); line-height: 1.8; }
.demo-label { font-size: 11px; color: #b8d8ff; }
.stat-card span { font-size: 13px; line-height: 1.6; color: var(--copy-secondary); }
.stat-card strong { font-size: 34px; }
.stat-card small { display: block; font-size: 12px; line-height: 1.7; color: #afd0fa; }
.stat-card svg { color: #9fc9ff; }
.panel-header { flex-wrap: wrap; }
.panel-header h2 { font-size: 18px; }
.panel-header > a, .panel-header > button { font-size: 13px; color: #b5d5ff; }
.order-description strong { font-size: 14px; line-height: 1.6; }
.order-description small { font-size: 12px; color: var(--copy-label); }
.order-price { font-size: 17px; }
.order-row .button { font-size: 12px; min-height: 40px; padding: 9px 12px; }
.dashboard-banner h3 { font-size: 20px; }
.dashboard-banner p { font-size: 14px; line-height: 1.8; color: var(--copy-secondary); }
.form-grid label, .edit-form label { font-size: 14px; color: var(--copy-label); }
.form-grid input, .edit-form input, .edit-form select { font-size: 16px; }
.admin-table { font-size: 14px; }
.admin-table th { color: var(--copy-label); }
.admin-table td { color: #d1e0f7; }
.admin-table button { font-size: 13px; padding: 8px 12px; color: #c6e1ff; }
.faq-layout p, .faq-list details p { font-size: 15px; line-height: 1.9; color: var(--copy-secondary); }
.faq-list summary { font-size: 17px; line-height: 1.6; }
.info-dialog p { font-size: 16px; color: var(--copy-secondary); }
.cart-item strong { font-size: 15px; line-height: 1.6; }
.cart-item small, .cart-total span { font-size: 14px; color: var(--copy-label); }
.toast { font-size: 14px; color: #e0efff; line-height: 1.6; }

@media (max-width: 1050px) {
  .header-inner { gap: 12px; }
  .main-nav { gap: 20px; }
  .account-link { padding: 8px 10px; }
  .hero-card-top { font-size: 10px; }
  .hero-card-bottom small { font-size: 10px; }
  .hero-card-bottom strong { font-size: 16px; }
  .game-ribbon { flex-wrap: wrap; }
  .game-wordmark { font-size: 14px; }
  .catalog-toolbar { align-items: center; }
  .order-row { flex-wrap: wrap; }
}

@media (max-width: 760px) {
  .design-notice, .design-notice > span:nth-of-type(3) { font-size: 11px; }
  .design-notice { flex-wrap: wrap; padding: 9px 5%; gap: 6px 9px; }
  .design-notice > span:nth-of-type(3) { width: 100%; }
  .notice-divider { display: none; }
  .brand small { font-size: 10px; letter-spacing: 1.1px; }
  .header-actions { flex-wrap: wrap; gap: 4px; }
  .account-link { font-size: 12px; padding: 7px 8px; gap: 7px; min-height: 42px; }
  .avatar-small { font-size: 12px; }
  .main-nav a { font-size: 14px; padding: 14px 0; }
  .eyebrow { font-size: 11px; letter-spacing: 1.3px; }
  .hero-description { font-size: 16px; max-width: 390px; }
  .hero-buttons { flex-wrap: wrap; }
  .hero-meta { font-size: 12px; gap: 12px 18px; }
  .button, .section-head .button { font-size: 13px; }
  .section-head { flex-wrap: wrap; align-items: start; }
  .section-head p { font-size: 14px; max-width: 100%; }
  .section-head .button { padding-right: 4px; }
  .filter-tab { font-size: 13px; padding: 9px 12px; }
  .filter-tab span { font-size: 11px; }
  .catalog-tools { align-items: stretch; }
  .search-field { flex: 1 1 180px; }
  .search-field input { width: 100%; min-width: 0; }
  .catalog-tools select { font-size: 14px; max-width: none; flex: 1 1 140px; }
  .product-body h3 { font-size: 19px; min-height: 0; }
  .product-meta { font-size: 11px; }
  .spec-pills span { font-size: 12px; }
  .product-price-row .button { font-size: 13px; }
  .game-title-art small { font-size: 11px; letter-spacing: 1.2px; max-width: 100%; }
  .visual-footer { font-size: 10px; }
  .benefit p { font-size: 14px; }
  .client-promo p { font-size: 14px; }
  .promo-mock-top { font-size: 13px; }
  .promo-order strong { font-size: 13px; }
  .promo-order small { font-size: 12px; }
  .footer-inner p { width: 100%; max-width: 100%; }
  .footer-brand > span { font-size: 23px; }
  .sidebar-link { font-size: 13px; padding: 11px 10px; }
  .stat-card span { font-size: 12px; padding-right: 0; min-height: 38px; }
  .stat-card small { font-size: 11px; }
  .stat-card strong { font-size: 30px; }
  .stat-card svg { display: none; }
  .order-row { padding: 18px 14px; gap: 12px; }
  .order-row .mini-visual { width: 42px; height: 42px; font-size: 14px; }
  .order-description { flex-basis: calc(100% - 65px); }
  .order-row .status { font-size: 12px; }
  .order-row .button { font-size: 12px; }
  .dashboard-banner p { font-size: 14px; }
  .admin-table { font-size: 13px; }
  .admin-table th, .admin-table td { padding: 14px; }
  .hero-art-label { font-size: 10px; }
  .hero-card-bottom strong { font-size: 15px; }
}

@media (max-width: 480px) {
  .product-body h3 { font-size: 20px; }
  .game-title-art small { font-size: 12px; letter-spacing: 1.2px; }
  .visual-footer { font-size: 11px; }
  .spec-pills span { padding: 6px 9px; }
  .product-price-row .button { font-size: 13px; min-height: 44px; }
  .price { font-size: 27px; }
  .float-tag strong { font-size: 14px; }
  .float-tag small { font-size: 10px; letter-spacing: .4px; }
  .hero-art-label { left: 0; right: 0; text-align: center; letter-spacing: .5px; }
  .hero-card-top { font-size: 10px; letter-spacing: .5px; }
  .hero-card-bottom small { font-size: 10px; letter-spacing: .3px; }
}

@media (max-width: 380px) {
  .header-inner { column-gap: 0; }
  .brand > span { font-size: 20px; }
  .brand small { font-size: 9px; letter-spacing: .8px; }
  .brand img { width: 37px; height: 37px; }
  .brand { gap: 5px; }
  .account-link { font-size: 12px; margin-left: 0; }
  .account-link .avatar-small { display: none; }
  .main-nav { gap: 24px; }
  .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat-card:last-child { grid-column: 1 / -1; }
  .stat-card span { min-height: 0; }
  .hero-card-bottom strong { font-size: 13px; }
}