/* Unmodified Barlow Condensed, hosted here under the bundled SIL OFL. */
@font-face {
  font-family: "Barlow Condensed";
  src: url('/assets/fonts/barlow-condensed/barlow-condensed-600.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url('/assets/fonts/barlow-condensed/barlow-condensed-800.woff2') format('woff2');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
:root { --display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif; }
.brand-wordmark { font: 800 28px/.85 var(--display); text-transform: uppercase; letter-spacing: .6px; }
.brand-wordmark em { font: inherit; }
.hero h1 { font: 800 clamp(78px, 7.6vw, 112px)/.91 var(--display); letter-spacing: .3px; text-transform: uppercase; }
.hero h1 em { font-style: normal; font-weight: 800; }
.cell-label b { font: 800 23px/1 var(--display); }
.game-heading h1 { font: 800 55px/1 var(--display); letter-spacing: .4px; text-transform: uppercase; }
.hero-art figcaption > span { font: 600 24px/1.1 var(--display); letter-spacing: .6px; text-transform: uppercase; }
.workbench-heading h2 { font: 600 23px/1.1 var(--display); letter-spacing: .5px; text-transform: uppercase; }
.difficulty-options strong { font: 600 29px/1 var(--display); }
.primary, .secondary, .quiet, .resume-link, .board-tools button, .panel-heading button,
.tray-filter button, .download-link, .reference-actions a {
  font-family: var(--display); font-weight: 600; font-style: normal; text-transform: uppercase; letter-spacing: .7px;
}
.primary { font-size: 17px; }
.quiet, .resume-link, .secondary { font-size: 15px; }
.masthead .quiet { font-size: 15px; }
.panel-heading button, .board-tools button { font-size: 14px; letter-spacing: .5px; }
.tray-filter button { font-size: 13px; }
.game-bottom > .quiet { font-size: 14px; }
.workbench-pieces figcaption { font: 600 12px/1.2 var(--display); text-transform: uppercase; letter-spacing: .5px; }
footer { font: 800 22px/1 var(--display); text-transform: uppercase; letter-spacing: 1px; }
footer > span { font-family: var(--mono); }
.progress-label strong { font: 600 27px/1 var(--display); letter-spacing: .3px; }
.player-lead { font-family: var(--display); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
dialog h2, .complete-dialog h2 { font: 800 44px/1 var(--display); letter-spacing: .4px; text-transform: uppercase; }
.history-dialog h2 { font-size: 36px; }
.reference-dialog p { font: 600 22px/1.25 var(--display); letter-spacing: .4px; }
.reference-dialog.full-picture p { text-transform: uppercase; }
.complete-dialog .completion-result { font: 600 23px/1.3 var(--display); letter-spacing: .2px; }
.download-link { font-size: 15px; }
.reference-actions a { font-size: 16px; }
.exchange-header h2 { font: 600 15px/1.2 var(--display); letter-spacing: 1.2px; }
.exchange-footer .primary { font-size: 15px; }
/* Quotes retain their original wording and capitalization. */
.exchange-dialog .exchange-message p { font: 16px/1.55 var(--sans); text-transform: none; letter-spacing: normal; }
.exchange-message cite { font: 600 14px/1.3 var(--display); letter-spacing: .3px; }
#empty-tray { font: 600 26px/1.3 var(--display); text-transform: uppercase; }
@media (max-width: 1100px) {
  .hero h1 { font-size: 88px; }
  .hero-art figcaption > span { font-size: 22px; }
  .workbench-heading h2 { font-size: 20px; }
}
@media (max-width: 760px) {
  .brand-wordmark { font-size: 25px; }
  .brand-wordmark em { font: inherit; }
  .masthead .quiet { font-size: 13px; }
  .hero h1 { font-size: clamp(76px, 21vw, 110px); line-height: .91; letter-spacing: .2px; }
  .hero h1 em { white-space: normal; }
  .game-heading h1 { font-size: 42px; letter-spacing: .2px; }
  .game-heading .room-actions .small { font-size: 15px; }
  .room-actions .quiet { font-size: 13px; }
  .panel-heading button, .board-tools button { font-size: 12px; }
  .game-bottom > .quiet { font-size: 13px; }
  .hero-art figcaption > span { font-size: 21px; }
  .workbench-heading h2 { font-size: 21px; }
  .progress-label strong { font-size: 26px; }
  .complete-dialog h2, dialog h2 { font-size: 36px; }
  .exchange-header h2 { font-size: 15px; }
  .history-dialog h2 { font-size: 33px; }
  .reference-dialog p { font-size: 20px; }
  .reference-actions a { font-size: 15px; }
}
@media (max-width: 360px) {
  .brand-wordmark { font-size: 22px; }
  .brand-wordmark em { font: inherit; }
  .hero h1 { font-size: 76px; }
  .game-heading h1 { font-size: 35px; }
  .panel-heading button, .board-tools button { font-size: 11px; }
  .workbench-heading h2 { font-size: 19px; }
  .hero-art figcaption > span { font-size: 19px; }
}

@font-face { font-family: "Lacquer"; src: url("/assets/fonts/lacquer/lacquer-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }