/* Larger, heavier Chinese typography across the entire game. */
:root { --muted: #b8c8bb; --text: #f3f5eb; }
body { font-size: 16px; font-weight: 500; }
button, input, select { font-weight: 600; }
.brand { font-size: 23px; font-weight: 750; }
.brand small { font-size: 11px; }
.edition, .quiet { font-size: 14px; font-weight: 600; }
.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 2px; }
.intro h1 { font-size: 36px; font-weight: 600; }
.intro p, .round-chip { font-size: 14px; }
.round-chip strong { font-size: 28px; font-weight: 650; }
.layout, .bottom-grid { grid-template-columns: minmax(560px, 1fr) 355px; }
.panel-top, .section-label { font-size: 14px; font-weight: 650; line-height: 1.6; }
.legend { font-size: 12px; gap: 10px; flex-wrap: wrap; }
.board { grid-template-rows: repeat(7, 100px); }
.tile { gap: 5px; }
.tile-label { font-size: 20px; font-weight: 750; color: #f0f3e7; letter-spacing: 1px; }
.tile-icon { font-size: 25px; }
.tile-num { font-size: 11px; color: #b1c1b0; font-weight: 600; }
.tokens { bottom: 6px; }
.token { width: 10px; height: 10px; }
.board-center { padding: 20px 14px; }
.board-center .eyebrow { font-size: 11px; font-weight: 650; }
.board-center h2 { font-size: 32px; font-weight: 600; letter-spacing: 1px; }
.board-center p { font-size: 15px; line-height: 1.85; max-width: 390px; }
.turn-bar { min-width: 245px; }
.turn-bar strong { font-size: 17px; font-weight: 750; }
.turn-bar small { font-size: 14px; line-height: 1.6; }
.dice { flex-shrink: 0; }
.primary, .secondary { font-size: 16px; font-weight: 700; line-height: 1.5; }
.roll-btn { min-width: 245px; }
.board-foot { font-size: 13px; line-height: 1.7; gap: 12px; flex-wrap: wrap; }
.save-note { font-size: 12px; color: #afc1a9; line-height: 1.6; }
.market-price { font-size: 34px; font-weight: 650; }
.market-price small, .change { font-size: 14px; }
.market-note { font-size: 14px; line-height: 1.8; }
.account-title strong { font-size: 19px; font-weight: 700; }
.account-title small { font-size: 13px; line-height: 1.6; }
.avatar { font-size: 16px; font-weight: 750; }
.stat label { font-size: 14px; font-weight: 600; }
.stat strong { font-size: 23px; font-weight: 650; }
.stat small { font-size: 12px; }
.meter-row { font-size: 13px; line-height: 1.7; }
.trade-buttons button { font-size: 15px; font-weight: 700; padding: 12px 4px; }
.goal { font-size: 15px; font-weight: 600; line-height: 1.6; }
.check { font-size: 19px; }
.players { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.player-head { font-size: 15px; font-weight: 650; }
.player-head small { font-size: 12px; }
.player-head .avatar { font-size: 13px; width: 29px; height: 29px; }
.player-value { font-size: 24px; font-weight: 650; }
.player-detail { font-size: 13px; line-height: 1.7; flex-wrap: wrap; }
.log-list { max-height: 290px; }
.log-entry { font-size: 14px; color: #c7d4c3; padding-top: 11px; padding-bottom: 11px; }
.log-entry small { color: #a7bca3; font-size: 12px; }
#exportBtn { font-size: 13px !important; }
.modal { width: 580px; }
.modal.wide { width: 800px; }
.modal h2 { font-size: 31px; font-weight: 600; }
.modal p { font-size: 16px; color: #cad7c7; }
.choice { padding: 17px 18px; }
.choice strong { font-size: 17px; font-weight: 750; }
.choice small { font-size: 14px; line-height: 1.85; }
.lesson, .help-list { font-size: 16px; line-height: 1.9; }
.field { font-size: 15px; font-weight: 650; }
.field input, .field select { font-size: 16px; }
.hint { font-size: 14px !important; color: #b8cbb2 !important; }
.error, .quick-amounts button { font-size: 14px; }
.trade-preview { font-size: 16px; }
.auction-bidder { font-size: 17px; }
.auction-bidder small { font-size: 14px; line-height: 1.7; }
.result-box span { font-size: 14px; }
.result-box strong { font-size: 28px; font-weight: 650; }
.result-table { font-size: 15px; }
.result-table th { font-size: 14px; font-weight: 600; }
.toast { font-size: 15px; font-weight: 600; }
.welcome h1 { font-weight: 600; }
.welcome-copy > p { font-size: 18px; line-height: 2; }
.welcome-tags { font-size: 14px; flex-wrap: wrap; }
.mini-card { font-size: 15px; font-weight: 650; }
.setup-card h2 { font-size: 29px; font-weight: 600; }
footer { font-size: 13px; color: #a8bca5; line-height: 1.7; }
@media (min-width: 1450px) {
  .layout, .bottom-grid { grid-template-columns: minmax(600px, 1fr) 375px; }
  .board { grid-template-rows: repeat(7, 108px); }
  .players { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .layout, .bottom-grid { grid-template-columns: 1fr; }
  .sidebar { display: grid; grid-template-columns: 1fr 1fr; }
  .goals-panel { grid-column: 1 / -1; }
  .goals-panel .goal { display: inline-flex; width: 48%; }
  .players { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .board { grid-template-rows: repeat(7, 88px); }
  .center-orbit { width: 110px; height: 110px; margin-bottom: 12px; }
}
@media (max-width: 780px) {
  .brand { font-size: 19px; letter-spacing: 1px; }
  .brand small { font-size: 10px; }
  .quiet { font-size: 13px; }
  .intro h1 { font-size: 29px; }
  .round-chip { flex-shrink: 0; margin-left: 12px; }
  .board { grid-template-rows: repeat(7, 82px); }
  .tile-label { font-size: 17px; }
  .tile-icon { font-size: 23px; }
  .tile-num { font-size: 10px; }
  .legend { display: none; }
  .panel-top { font-size: 13px; }
  .board-center h2 { font-size: 28px; }
  .board-center p { font-size: 14px; }
  .welcome-copy > p { font-size: 17px; }
  .players { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .board { grid-template-rows: repeat(7, 74px); }
  .tile-label { font-size: 15px; letter-spacing: 0; }
  .tile-icon { font-size: 21px; }
  .tile-num { font-size: 9px; left: 3px; top: 3px; }
  .tokens { gap: 2px; bottom: 5px; }
  .token { width: 7px; height: 7px; }
  .board-center { padding: 8px; }
  .board-center .center-orbit, .board-center .eyebrow { display: none; }
  .board-center h2 { font-size: 25px; line-height: 1.5; margin: 8px 0 12px; }
  .board-center p { font-size: 14px; line-height: 1.7; }
  .turn-bar { min-width: 0; width: 100%; padding: 10px; gap: 8px; margin-top: 16px; }
  .turn-bar strong { font-size: 16px; }
  .turn-bar small { font-size: 13px; }
  .turn-bar .avatar { width: 29px; height: 29px; }
  .roll-btn { min-width: 0; width: 100%; font-size: 16px; padding: 12px 6px; }
  .board-center .save-note { font-size: 11px; }
  .sidebar { grid-template-columns: 1fr; }
  .goals-panel { grid-column: auto; }
  .goals-panel .goal { width: 100%; }
  .players { grid-template-columns: 1fr; }
  .topbar nav { gap: 11px; }
  .brand { font-size: 17px; }
  .brand small { font-size: 9px; }
  .brand-icon { width: 30px; height: 30px; }
  .quiet { font-size: 12px; }
  .modal { padding: 26px 20px; }
  .modal h2 { font-size: 27px; }
  .modal p, .lesson, .help-list { font-size: 15px; }
  .board-foot { font-size: 12px; }
  footer { flex-direction: column; font-size: 12px; gap: 4px; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
}