:root{
  --u-bg:#f7f7f2;
  --u-paper:#fffefa;
  --u-paper-soft:#fafbf7;
  --u-ink:#213b35;
  --u-muted:#7b8279;
  --u-line:#dfe4d8;
  --u-line-strong:#cad4c6;
  --u-accent:#365d4b;
  --u-accent-soft:#edf3ee;
  --u-shadow:0 12px 32px rgba(32,59,53,.06);
  --u-radius-xl:24px;
  --u-radius-lg:18px;
  --u-radius-md:12px;
}
body.app-unified{
  background:var(--u-bg)!important;
  color:var(--u-ink);
}
body.app-unified .room,
body.app-unified .shell,
body.app-unified:not(.options-lab-app) .page-shell{max-width:1248px;margin:0 auto;padding-left:34px;padding-right:34px}
body.app-unified a{color:inherit}
body.app-unified .masthead,
body.app-unified .page-header,
body.options-lab-app .site-header{border-bottom:1px solid var(--u-line);background:transparent}
body.app-unified .brand,
body.options-lab-app .brand{color:var(--u-ink)}
body.app-unified .brand small,
body.options-lab-app .brand-text span,
body.app-unified .eyebrow,
body.options-lab-app .eyebrow,
body.app-unified .header-center,
body.options-lab-app .data-status small{color:#82907f}
body.app-unified .intro h1,
body.options-lab-app .page-intro h1{color:var(--u-ink)}
body.app-unified .intro-copy,
body.options-lab-app .page-intro p{color:#6d7b74}
body.app-unified .board-panel,
body.app-unified .panel,
body.app-unified .results-panel,
body.app-unified .table,
body.options-lab-app .panel,
body.options-lab-app .market-bar,
body.options-lab-app .mode-panel,
body.options-lab-app .position-summary,
body.eat-today-app .result-card,
body.eat-today-app .filter-card,
body.eat-today-app .alternatives,
body.eat-today-app .today-strip,
body.eat-today-app .site-footer,
body.eat-today-app .cloud-ribbon,
body.eat-today-app .library-toolbar,
body.eat-today-app .nutrition-total,
body.eat-today-app .nutrition-meals>section,
body.card-memory-app .stats-row,
body.card-memory-app .review-card,
body.card-memory-app .review-panel,
body.card-memory-app .history-panel,
body.gomoku-app .board-panel,
body.gomoku-app .panel,
body.xiangqi-app .board-panel,
body.xiangqi-app .panel{
  border-color:var(--u-line)!important;
  box-shadow:var(--u-shadow);
}
body.app-unified .board-panel,
body.app-unified .panel,
body.app-unified .table,
body.options-lab-app .panel,
body.eat-today-app .result-card,
body.eat-today-app .filter-card,
body.eat-today-app .alternatives,
body.eat-today-app .today-strip,
body.eat-today-app .cloud-ribbon,
body.card-memory-app .stats-row,
body.card-memory-app .review-card,
body.card-memory-app .review-panel,
body.card-memory-app .history-panel{
  border-radius:var(--u-radius-lg);
}
body.app-unified button,
body.app-unified select,
body.app-unified input,
body.options-lab-app button,
body.options-lab-app select,
body.options-lab-app input{border-radius:12px}
body.app-unified .primary,
body.app-unified .primary-btn,
body.app-unified .new-game.primary,
body.app-unified .small-button.primary,
body.options-lab-app .button-primary,
body.eat-today-app .confirm-btn,
body.eat-today-app .primary-btn,
body.card-memory-app .advance-row .primary,
body.card-memory-app .result-actions .primary{
  background:var(--u-accent)!important;
  border-color:var(--u-accent)!important;
  color:#fff!important;
}
body.options-lab-app .header-nav a,
body.app-unified .top-actions,
body.app-unified .header-actions,
body.app-unified .header-tools,
body.eat-today-app .top-tabs button,
body.options-lab-app .back-link{color:#5f6f66}
body.options-lab-app .site-header{margin-bottom:0}
body.options-lab-app .page-intro{margin-bottom:22px}
body.options-lab-app .page-intro h1{font-size:36px;line-height:1.18}
body.options-lab-app .data-status{border:1px solid var(--u-line);background:var(--u-paper);border-radius:999px;padding:10px 14px;box-shadow:var(--u-shadow)}
body.options-lab-app .metric-card,
body.options-lab-app .product-tabs button,
body.options-lab-app .position-mode-tabs button,
body.options-lab-app .view-tabs button{border-radius:14px}
body.options-lab-app .product-tabs button.active,
body.options-lab-app .position-mode-tabs button.active,
body.options-lab-app .view-tabs button.active,
body.options-lab-app .layout-switch button[aria-pressed="true"]{background:var(--u-accent-soft);color:var(--u-accent);border-color:#bfd0c0}
body.card-memory-app .page-header,
body.gomoku-app .masthead,
body.xiangqi-app .masthead,
body.eat-today-app .site-header{min-height:84px}
body.gomoku-app .intro,
body.xiangqi-app .intro,
body.card-memory-app .intro,
body.eat-today-app .intro{padding-top:28px}
body.gomoku-app .board-panel,
body.xiangqi-app .board-panel,
body.card-memory-app .table,
body.card-memory-app .sidebar .panel,
body.eat-today-app .result-card,
body.eat-today-app .filter-card{background:var(--u-paper)}
body.card-memory-app .page-header,
body.gomoku-app .masthead,
body.xiangqi-app .masthead,
body.eat-today-app .site-header{position:relative}
body.app-unified .text-button,
body.options-lab-app .button-text,
body.eat-today-app .link-btn{color:#5c7368}
body.eat-today-app .site-footer{padding:18px 22px;border-radius:20px;margin:22px 0 28px}
body.eat-today-app .shell{padding-top:0}
body.card-memory-app .shell,
body.gomoku-app .room,
body.xiangqi-app .room{padding-top:0}

@media (max-width: 900px){
  body.app-unified .room,
  body.app-unified .shell,
  body.app-unified:not(.options-lab-app) .page-shell{padding-left:20px;padding-right:20px}
  body.options-lab-app .page-intro h1{font-size:30px}
}
@media (max-width: 600px){
  body.app-unified .room,
  body.app-unified .shell,
  body.app-unified:not(.options-lab-app) .page-shell{padding-left:16px;padding-right:16px}
  body.app-unified .masthead,
  body.app-unified .page-header,
  body.eat-today-app .site-header{min-height:auto}
}

/* 2026-10-01 display hotfix: Options Lab keeps its original layout dimensions.
   Share appearance, not reader-column widths or header heights. The base
   options-lab.css owns .page-shell/.header-inner, split/wide and breakpoints.
   Navigation is an inline active link, not a full-height primary button. */
body.options-lab-app .header-nav .nav-active{
  background:transparent;
  color:var(--u-accent);
}
body.options-lab-app .header-nav .nav-active::after{background:var(--u-accent)}
