/* 07 — Word Play: the compact, considered feel of a daily word puzzle. */
.word-play { --accent: #507847; color-scheme: light; background: #fafaf8; color: #292c29; }
.word-play .design-shell { max-width: 1070px; padding-inline: 36px; }
.word-play .site-header { border-bottom: 1px solid #dcded7; padding-bottom: 22px; }
.word-play .wordmark { font-size: 31px; font-weight: 850; }
.word-play .wordmark .slash { color: #638358; }
.word-play .score-label { font-size: 9px; color: #71766d; }
.word-play .score-numbers { font-size: 23px; }
.word-play .game-area { width: min(100%, 570px); margin: auto; padding: 35px 0 30px; }
.word-play .game-intro { text-align: center; margin-bottom: 26px; }
.word-play .letter-tiles { display: flex; justify-content: center; gap: 5px; margin-bottom: 19px; }
.word-play .letter-tiles span { display: grid; place-items: center; width: 40px; height: 42px; border: 2px solid #d7dad2; background: #fff; font-size: 24px; font-weight: 800; text-transform: uppercase; }
.word-play .letter-tiles span:nth-child(1), .word-play .letter-tiles span:nth-child(4) { background: #638358; border-color: #638358; color: white; }
.word-play .letter-tiles span:nth-child(2) { background: #c5ac57; border-color: #c5ac57; color: white; }
.word-play .game-intro h1 { font-size: 29px; line-height: 1.15; font-weight: 750; letter-spacing: -.045em; }
.word-play .game-intro em { font-style: normal; color: #638358; }
.word-play .puzzle-subtitle { margin-top: 10px; color: #71766d; font-size: 12px; }
.word-play .quote-card { min-height: 223px; display: flex; flex-direction: column; border: 1px solid #d4d8cf; border-radius: 8px; padding: 20px 28px; background: white; }
.word-play .round-line { color: #71766d; }
.word-play .round-label, .word-play .round-question { font-size: 9px; letter-spacing: .08em; }
.word-play .quote-text { margin-block: auto; padding: 28px 0; text-align: center; font-size: clamp(29px, 3.3vw, 39px); line-height: 1.22; letter-spacing: -.04em; font-weight: 650; }
.word-play .answer-zone { padding-top: 17px; min-height: 133px; }
.word-play .choice { min-height: 62px; justify-content: start; padding: 15px 20px; border: 1px solid #cfd3c9; border-radius: 6px; background: #e8eae4; font-size: 17px; font-weight: 700; }
.word-play .choice:hover:not(:disabled) { background: #638358; border-color: #638358; color: #fff; }
.word-play .keyboard-help { color: #71766d; }
.word-play .feedback { padding: 19px; border: 1px solid #cdd7c7; background: #eff4eb; border-radius: 8px; }
.word-play .feedback-icon { background: #638358; color: #fff; border-radius: 4px; }
.word-play .feedback.incorrect { background: #f6f2e3; border-color: #e3d9b8; }
.word-play .feedback.incorrect .feedback-icon { background: #a68a31; }
.word-play .feedback-detail { color: #626b5c; }
.word-play .next { background: #292c29; color: #fff; border-radius: 5px; }
.word-play .site-footer { border-top: 1px solid #dcded7; padding-top: 10px; color: #71766d; }

/* 08 — The Daily Press: a spare newspaper puzzle column. */
.daily-press { --accent: #1c2428; color-scheme: light; background: #fdfcf7; color: #1c2428; }
.daily-press .design-shell { max-width: 1120px; }
.daily-press .site-header { border-top: 3px solid #1c2428; border-bottom: 1px solid #1c2428; padding: 17px 0; }
.daily-press .wordmark { font-family: Georgia, "Times New Roman", serif; font-weight: 700; font-size: 41px; letter-spacing: -.07em; }
.daily-press .wordmark .slash { font-weight: 400; font-style: italic; }
.daily-press .score { gap: 12px; }
.daily-press .score-label { font-size: 9px; letter-spacing: .08em; }
.daily-press .score-numbers { font-family: Georgia, serif; font-size: 25px; }
.daily-press .game-area { width: min(100%, 720px); margin: auto; padding: 35px 0 30px; }
.daily-press .game-intro { padding-right: 100px; position: relative; margin-bottom: 27px; }
.daily-press .eyebrow { font-size: 9px; letter-spacing: .2em; margin-bottom: 11px; }
.daily-press .game-intro h1 { font-family: Georgia, serif; font-size: clamp(31px, 3.6vw, 44px); font-weight: 400; letter-spacing: -.05em; line-height: 1.1; }
.daily-press .puzzle-subtitle { margin-top: 11px; color: #646962; font-size: 12px; }
.daily-press .crossword-art { position: absolute; right: 0; top: 3px; width: 80px; height: 80px; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, 1fr); border: 1px solid #1c2428; background: #1c2428; gap: 1px; }
.daily-press .crossword-art i { background: #fdfcf7; }
.daily-press .crossword-art i:nth-child(2), .daily-press .crossword-art i:nth-child(5), .daily-press .crossword-art i:nth-child(8), .daily-press .crossword-art i:nth-child(11), .daily-press .crossword-art i:nth-child(15), .daily-press .crossword-art i:nth-child(18), .daily-press .crossword-art i:nth-child(21), .daily-press .crossword-art i:nth-child(24) { background: #1c2428; }
.daily-press .quote-card { display: flex; flex-direction: column; min-height: 263px; border-top: 4px double #1c2428; border-bottom: 1px solid #1c2428; }
.daily-press .round-line { padding-top: 17px; color: #646962; }
.daily-press .round-label, .daily-press .round-question { font-size: 9px; letter-spacing: .1em; }
.daily-press .quote-text { margin-block: auto; padding: 35px 10px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 4.1vw, 49px); line-height: 1.2; letter-spacing: -.04em; text-align: center; }
.daily-press .answer-zone { padding-top: 21px; min-height: 143px; }
.daily-press .choice { min-height: 64px; padding: 16px 23px; border: 1px solid #1c2428; border-radius: 0; background: transparent; font-size: 16px; font-weight: 600; justify-content: start; }
.daily-press .choice:hover:not(:disabled) { background: #1c2428; color: #fdfcf7; }
.daily-press .choice-icon svg { width: 21px; height: 21px; }
.daily-press .keyboard-help { color: #646962; }
.daily-press .feedback { padding: 20px 0; border-top: 1px solid #1c2428; border-bottom: 1px solid #1c2428; }
.daily-press .feedback-icon { border: 1px solid #1c2428; border-radius: 50%; }
.daily-press .feedback.incorrect .feedback-icon { background: #e9e7df; }
.daily-press .feedback-title { font-family: Georgia, serif; font-size: 18px; }
.daily-press .feedback-detail { color: #646962; }
.daily-press .next { background: #1c2428; color: #fdfcf7; font-size: 13px; }
.daily-press .site-footer { padding-top: 11px; border-top: 1px solid #1c2428; color: #646962; }
.daily-press .footer-domain { font-family: Georgia, serif; font-style: italic; font-size: 13px; }

/* 09 — Common Ground: category colors and a single generous puzzle tile. */
.common-ground { --accent: #6e5b91; color-scheme: light; background: #faf9f6; color: #302d36; }
.common-ground .design-shell { max-width: 1100px; }
.common-ground .site-header { padding-bottom: 21px; border-bottom: 1px solid #dfddd7; }
.common-ground .wordmark { font-size: 31px; font-weight: 800; }
.common-ground .wordmark .slash { color: #8d7bac; }
.common-ground .score { padding: 9px 16px; border-radius: 7px; background: #ede9f1; }
.common-ground .score-label { font-size: 9px; letter-spacing: .07em; }
.common-ground .score-numbers { font-size: 22px; }
.common-ground .game-area { width: min(100%, 650px); margin: auto; padding: 33px 0 29px; }
.common-ground .game-intro { text-align: center; margin-bottom: 26px; }
.common-ground .color-tiles { display: flex; justify-content: center; gap: 5px; margin-bottom: 15px; }
.common-ground .color-tiles i { display: block; width: 29px; height: 22px; border-radius: 4px; background: #ecdd89; }
.common-ground .color-tiles i:nth-child(2) { background: #bad19b; }
.common-ground .color-tiles i:nth-child(3) { background: #abc4df; }
.common-ground .color-tiles i:nth-child(4) { background: #ccbae4; }
.common-ground .game-intro h1 { font-size: 35px; line-height: 1.05; font-weight: 750; letter-spacing: -.055em; }
.common-ground .puzzle-subtitle { margin-top: 12px; font-size: 12px; color: #77717d; }
.common-ground .quote-card { min-height: 240px; padding: 21px 29px; border-radius: 12px; background: #e2d9f0; display: flex; flex-direction: column; }
.common-ground .round-line { color: #645777; }
.common-ground .round-label, .common-ground .round-question { font-size: 9px; letter-spacing: .08em; }
.common-ground .quote-text { margin-block: auto; padding: 29px 0; font-size: clamp(32px, 3.6vw, 43px); line-height: 1.2; letter-spacing: -.04em; font-weight: 700; text-align: center; }
.common-ground .answer-zone { padding-top: 16px; min-height: 137px; }
.common-ground .choice { min-height: 66px; padding: 16px 23px; border: 1px solid transparent; border-radius: 9px; font-size: 17px; font-weight: 700; justify-content: start; }
.common-ground .song { background: #ecdd89; }
.common-ground .bible { background: #bad19b; }
.common-ground .choice:hover:not(:disabled) { transform: translateY(-2px); border-color: #5b5366; }
.common-ground .keyboard-help { color: #77717d; }
.common-ground .feedback { background: #e8efde; border-radius: 12px; padding: 20px; }
.common-ground .feedback-icon { background: #bad19b; border-radius: 50%; }
.common-ground .feedback.incorrect { background: #f3edce; }
.common-ground .feedback.incorrect .feedback-icon { background: #ecdd89; }
.common-ground .feedback-detail { color: #635e6a; }
.common-ground .next { background: #302d36; color: #faf9f6; border-radius: 30px; }
.common-ground .site-footer { padding-top: 11px; border-top: 1px solid #dfddd7; color: #77717d; }

@media (max-width: 640px) {
  .word-play .design-shell { padding-inline: 22px; }
  .word-play .wordmark, .common-ground .wordmark { font-size: 27px; }
  .word-play .score-label, .daily-press .score-label, .common-ground .score-label { display: none; }
  .word-play .game-area, .daily-press .game-area, .common-ground .game-area { padding: 29px 0; }
  .word-play .game-intro h1 { font-size: 28px; }
  .word-play .letter-tiles span { width: 35px; height: 37px; font-size: 22px; }
  .word-play .quote-card { min-height: 234px; padding: 18px 23px; }
  .word-play .quote-text { font-size: clamp(28px, 8vw, 37px); }
  .word-play .choice { min-height: 62px; padding-inline: 17px; font-size: 16px; gap: 10px; }
  .word-play .answer-zone { min-height: 99px; }
  .daily-press .site-header { padding-block: 15px; }
  .daily-press .wordmark { font-size: 31px; }
  .daily-press .game-intro { padding-right: 70px; }
  .daily-press .eyebrow { font-size: 8px; letter-spacing: .14em; }
  .daily-press .game-intro h1 { font-size: 29px; }
  .daily-press .puzzle-subtitle { max-width: 210px; line-height: 1.6; font-size: 11px; }
  .daily-press .crossword-art { width: 56px; height: 56px; top: 17px; }
  .daily-press .quote-card { min-height: 246px; }
  .daily-press .round-question { font-size: 8px; }
  .daily-press .quote-text { font-size: clamp(32px, 9vw, 42px); padding-inline: 0; }
  .daily-press .choice { min-height: 62px; padding-inline: 15px; font-size: 14px; gap: 9px; }
  .daily-press .answer-zone { min-height: 105px; }
  .common-ground .score { padding: 8px 12px; }
  .common-ground .game-intro h1 { font-size: 32px; }
  .common-ground .quote-card { min-height: 240px; padding: 19px 23px; }
  .common-ground .quote-text { font-size: clamp(30px, 8.3vw, 39px); }
  .common-ground .choice { min-height: 64px; padding-inline: 16px; font-size: 15px; gap: 10px; }
  .common-ground .answer-zone { min-height: 102px; }
}
@media (max-width: 355px) {
  .word-play .design-shell { padding-inline: 17px; }
  .word-play .round-question, .daily-press .round-question { display: none; }
  .daily-press .game-intro h1 { font-size: 26px; }
  .daily-press .choice { padding-inline: 11px; font-size: 13px; }
  .common-ground .choice { padding-inline: 12px; font-size: 14px; }
}