/* Classics page chrome. Built from theme tokens; each game styles its own board (.cg-<id>). */
.classics-shell { display: grid; gap: 18px; }
.classics-shell > .section-head h1 { margin: 0; font-size: clamp(34px, 5vw, 56px); color: var(--on-bg); }
.classics-shell .back-catalog { color: var(--on-bg); justify-self: start; }
.classics-all { justify-self: start; }
.classics-theme h2 { margin: 18px 0 12px; font-size: clamp(26px, 4vw, 36px); color: var(--on-bg); }
.classic-card { padding-top: 26px; }
.classic-intro h1, .classic-play h2, .classic-result h2 { margin: 0; color: var(--on-surface); }
.classic-intro h1 { font-size: clamp(32px, 5vw, 52px); }
.classic-setup { display: grid; gap: 12px; margin-top: 8px; }
.classic-setup label { display: grid; gap: 6px; font-weight: 700; max-width: 360px; }
.classic-play { display: grid; gap: 12px; }
.classic-bar { display: flex; flex-wrap: wrap; gap: 8px; }
.classic-bar .btn { min-height: 40px; padding: 6px 12px; font-size: 14px; }
.classic-stage { position: relative; display: grid; justify-items: center; gap: 10px; min-height: 120px; padding: 6px 0; outline: none; user-select: none; -webkit-user-select: none; }
.classic-stage canvas { display: block; max-width: 100%; }
.classic-stage.is-paused::after { content: "En pausa"; position: absolute; inset: 0; display: grid; place-items: center; background: color-mix(in srgb, var(--surface) 80%, transparent); color: var(--on-surface); font: var(--heading-weight) 32px/1 var(--display); }
.classic-result { display: grid; gap: 10px; }
.classic-score { font: var(--heading-weight) clamp(28px, 5vw, 40px)/1.1 var(--display); margin: 0; }
.daily-strip { width: min(1240px, calc(100% - 32px)); margin: 0 auto; padding-top: 44px; }
.daily-strip .section-head h2 { margin: 0; font-size: clamp(30px, 4.4vw, 48px); color: var(--on-bg); }
@media (max-width: 640px) {
  .classic-bar .btn { flex: 1 1 auto; }
  .daily-strip { width: calc(100% - 32px); }
}
/* Game boards style their own controls: neutralise the site's generic button look inside them. */
.classic-stage button { margin: 0; text-transform: none; letter-spacing: normal; }