/* Hallmark · checked: 2026-10-31 · genre: playful · shape: app screen · brand: BananaLearn · surface: absolute
 * built: the project · redesign: polish · floor: 0 FAIL; static scope: shared CSS and Equation Grid · finish-review: subagent; Equation Grid ship; gap: none · v2.0.0
 */
/* Hallmark · waive 7b · surface: absolute; branded white puzzle paper with readable teal ink · Retains the BananaLearn diagram paper from assets/brand-theme.css. */
:root {
  --craft-paper: #FAF7F2;
  --craft-white: #FFFFFF;
  --craft-ink: #1A1A1A;
  --craft-body: #555555;
  --craft-deep: #37324F;
  --craft-teal: #116B66;
  --craft-blue: #315DA3;
  --craft-mint: #E1F1EC;
  --craft-red: #A33736;
  --craft-rule: #37324F33;
  --craft-pressed: #37324F1A;
  --craft-disabled: #E9E5E1;
  --craft-ui: 'Nunito Sans', system-ui, sans-serif;
  --craft-display: Fraunces, Georgia, serif;
  --craft-duration: 140ms;
}
html, body { overflow-x: clip; }
body :is(.pgs-root,.grammar-quest,.or-game,.imported-game) :is(h1,h2,h3) { overflow-wrap: break-word; min-width: 0; text-wrap: balance; }
body :is(.pgs-root,.grammar-quest,.or-game,.imported-game) :is(button,a,summary,input,textarea,select):focus-visible { outline: 3px solid var(--craft-blue); outline-offset: 3px; }
body .pgs-root .pgs-scroll { box-shadow: none; }
body .pgs-root .gc-hud { border-radius: 0; border-bottom: 1px solid var(--craft-rule); background: transparent; box-shadow: none; }
body .pgs-root .gc-hud-title { font-family: var(--craft-ui); letter-spacing: normal; }
body :is(.gc-stat-lbl,.gc-howto-label,.gc-level-btn-sub,.gq-eyebrow,.aa-eyebrow,.mm-library-meta,.screen-title .pill,.board-heading .pill) { font-family: var(--craft-ui); font-size: 13px; letter-spacing: normal; text-transform: none; }
body .pgs-root .gc-over { border-radius: 8px; box-shadow: none; }
body .pgs-root .gc-stats { gap: 0; }
body .pgs-root .gc-stat { background: transparent; border-radius: 0; border-inline-start: 1px solid var(--craft-rule); padding: 12px; }
body .pgs-root .gc-stat:first-child { border-inline-start: 0; }
body .pgs-root .gc-stat-lbl { color: var(--craft-body); font-weight: 600; }
body .pgs-root :is(.gc-level-btn,.gc-btn-primary,.gc-btn-accent,.gc-btn-ghost):hover { transform: none; filter: none; }
body .pgs-root :is(.gc-level-btn,.gc-btn-primary,.gc-btn-accent,.gc-btn-ghost) { transition: background-color var(--craft-duration), color var(--craft-duration); }
body .pgs-root :is(.gc-level-btn,.gc-btn-primary,.gc-btn-accent,.gc-btn-ghost):active:not(:disabled) { box-shadow: inset 0 0 0 3px var(--craft-pressed); }
body .pgs-root button:disabled { cursor: not-allowed; opacity: .65; background-color: var(--craft-disabled); color: var(--craft-body); }
body .pgs-root .gd-menu-art { transform: none; border-radius: 0; background: transparent; box-shadow: none; }
body .grammar-quest :is(.aa-feedback,.gq-example) { border-radius: 0; box-shadow: none; background: transparent; border-inline-start: 0; border-bottom: 1px solid var(--craft-rule); }
body .grammar-quest .aa-feedback[data-feedback="success"] { color: var(--craft-teal); }
body .grammar-quest .aa-feedback[data-feedback="retry"] { color: var(--craft-red); }
body .grammar-quest .aa-note { font-size: 14px; letter-spacing: normal; }
body .pp-speaker { display: inline-grid; place-items: center; }
body .screen-title > .pill, body .board-heading > .pill { text-transform: lowercase; }
body .bl-auto-flow { border: 1px solid var(--craft-rule); border-radius: 8px; box-shadow: none; background: var(--craft-paper); color: var(--craft-ink); font-family: var(--craft-ui); }
body .bl-auto-flow button { border-radius: 6px; }
@media (prefers-reduced-motion: reduce) {
  body .pgs-root :is(.gc-level-btn,.gc-btn-primary,.gc-btn-accent,.gc-btn-ghost) { transition: none; }
}