{
  "version": 3,
  "sources": ["src/app/practice/practice-page.scss"],
  "sourcesContent": [":host {\n  background: var(--ds-color-surface-subtle);\n  display: block;\n}\n.practice-page {\n  display: grid;\n  gap: var(--ds-space-5);\n  max-width: var(--ds-container-md);\n}\n.practice-hero {\n  padding-top: var(--ds-space-8);\n}\n.practice-hero h1 {\n  font-size: clamp(var(--ds-font-size-7), 7vw, var(--ds-font-size-9));\n  margin-block: var(--ds-space-2);\n}\n.practice-hero > p:last-child,\n.practice-note {\n  color: var(--ds-color-text-secondary);\n  max-width: var(--ds-measure-reading);\n}\n.mode-tabs,\n.domain-filter {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--ds-space-2);\n}\n.domain-filter button {\n  background: var(--ds-color-surface);\n  border: var(--ds-border-width) solid var(--ds-color-border);\n  border-radius: var(--ds-radius-round);\n  color: var(--ds-color-text-secondary);\n  min-height: var(--ds-control-height-sm);\n  padding-inline: var(--ds-space-4);\n}\n.domain-filter button.active {\n  border-color: var(--ds-color-accent);\n  color: var(--ds-color-accent);\n}\n.puzzle-card {\n  display: grid;\n  gap: var(--ds-space-5);\n  padding: clamp(var(--ds-space-5), 6vw, var(--ds-space-8));\n}\n.puzzle-card header {\n  align-items: center;\n  display: flex;\n  gap: var(--ds-space-3);\n  justify-content: space-between;\n}\n.puzzle-card header > span {\n  color: var(--ds-color-text-muted);\n  font-size: var(--ds-font-size-1);\n}\n.puzzle-card h2 {\n  font-size: clamp(var(--ds-font-size-5), 5vw, var(--ds-font-size-7));\n  line-height: var(--ds-line-height-heading);\n  margin: 0;\n}\n.puzzle-options {\n  display: grid;\n  gap: var(--ds-space-3);\n  grid-template-columns: 1fr 1fr;\n}\n.puzzle-options button {\n  align-items: center;\n  background: var(--ds-color-surface);\n  border: var(--ds-border-width) solid var(--ds-color-border);\n  border-radius: var(--ds-radius-3);\n  color: var(--ds-color-text);\n  display: flex;\n  gap: var(--ds-space-3);\n  min-height: var(--ds-control-height-lg);\n  padding: var(--ds-space-3);\n  text-align: start;\n}\n.puzzle-options button:hover:not(:disabled),\n.puzzle-options button.chosen {\n  border-color: var(--ds-color-accent);\n}\n.puzzle-options button.correct {\n  background: var(--ds-color-success-subtle);\n  border-color: var(--ds-color-success);\n}\n.puzzle-options button span {\n  align-items: center;\n  background: var(--ds-color-surface-subtle);\n  border-radius: var(--ds-radius-round);\n  display: flex;\n  flex: 0 0 var(--ds-space-8);\n  height: var(--ds-space-8);\n  justify-content: center;\n}\n.explanation {\n  background: var(--ds-color-info-subtle);\n  border-radius: var(--ds-radius-3);\n  padding: var(--ds-space-4);\n}\n.explanation p {\n  margin-bottom: 0;\n}\n.session-progress {\n  align-items: center;\n  display: grid;\n  gap: var(--ds-space-5);\n  grid-template-columns: auto 1fr;\n}\n.session-progress > div {\n  display: grid;\n}\n.session-progress strong {\n  font-size: var(--ds-font-size-6);\n}\n.session-progress span {\n  color: var(--ds-color-text-muted);\n}\n@media (max-width: 40rem) {\n  .puzzle-options {\n    grid-template-columns: 1fr;\n  }\n  .session-progress {\n    grid-template-columns: 1fr;\n  }\n}\n"],
  "mappings": "AAAA,MACE,WAAA,IAAA,2BACA,QAAA,MAEF,CAAA,cACE,QAAA,KACA,IAAA,IAAA,cACA,UAAA,IAAA,mBAEF,CAAA,cACE,YAAA,IAAA,cAEF,CAHA,cAGA,GACE,UAAA,MAAA,IAAA,iBAAA,CAAA,GAAA,CAAA,IAAA,mBACA,aAAA,IAAA,cAEF,CAPA,aAOA,CAAA,CAAA,YAAA,CAAA,cAEE,MAAA,IAAA,2BACA,UAAA,IAAA,sBAEF,CAAA,UAAA,CAAA,cAEE,QAAA,KACA,UAAA,KACA,IAAA,IAAA,cAEF,CANA,cAMA,OACE,WAAA,IAAA,oBACA,OAAA,IAAA,mBAAA,MAAA,IAAA,mBACA,cAAA,IAAA,mBACA,MAAA,IAAA,2BACA,WAAA,IAAA,wBACA,eAAA,IAAA,cAEF,CAdA,cAcA,MAAA,CAAA,OACE,aAAA,IAAA,mBACA,MAAA,IAAA,mBAEF,CAAA,YACE,QAAA,KACA,IAAA,IAAA,cACA,QAAA,MAAA,IAAA,aAAA,CAAA,GAAA,CAAA,IAAA,eAEF,CALA,YAKA,OACE,YAAA,OACA,QAAA,KACA,IAAA,IAAA,cACA,gBAAA,cAEF,CAXA,YAWA,MAAA,CAAA,KACE,MAAA,IAAA,uBACA,UAAA,IAAA,kBAEF,CAfA,YAeA,GACE,UAAA,MAAA,IAAA,iBAAA,CAAA,GAAA,CAAA,IAAA,mBACA,YAAA,IAAA,0BAxDF,OAyDE,EAEF,CAAA,eACE,QAAA,KACA,IAAA,IAAA,cACA,sBAAA,IAAA,IAEF,CALA,eAKA,OACE,YAAA,OACA,WAAA,IAAA,oBACA,OAAA,IAAA,mBAAA,MAAA,IAAA,mBACA,cAAA,IAAA,eACA,MAAA,IAAA,iBACA,QAAA,KACA,IAAA,IAAA,cACA,WAAA,IAAA,wBACA,QAAA,IAAA,cACA,WAAA,MAEF,CAjBA,eAiBA,MAAA,MAAA,KAAA,WAAA,CAjBA,eAiBA,MAAA,CAAA,OAEE,aAAA,IAAA,mBAEF,CArBA,eAqBA,MAAA,CAAA,QACE,WAAA,IAAA,2BACA,aAAA,IAAA,oBAEF,CAzBA,eAyBA,OAAA,KACE,YAAA,OACA,WAAA,IAAA,2BACA,cAAA,IAAA,mBACA,QAAA,KACA,KAAA,EAAA,EAAA,IAAA,cACA,OAAA,IAAA,cACA,gBAAA,OAEF,CAAA,YACE,WAAA,IAAA,wBACA,cAAA,IAAA,eACA,QAAA,IAAA,cAEF,CALA,YAKA,EACE,cAAA,EAEF,CAAA,iBACE,YAAA,OACA,QAAA,KACA,IAAA,IAAA,cACA,sBAAA,KAAA,IAEF,CANA,gBAMA,CAAA,IACE,QAAA,KAEF,CATA,iBASA,OACE,UAAA,IAAA,kBAEF,CAZA,iBAYA,KACE,MAAA,IAAA,uBAEF,OAAA,UAAA,OACE,CA1DF,eA6DE,CAnBF,iBAiBI,sBAAA",
  "names": []
}