/* SchoolDay v219: game preview/settings, subject spacing and assessment overview. */
.phonic-exclusions-field-v219 { grid-column: 1 / -1; min-width: 0; margin: 0; padding: .7rem; border: 1px solid #bfd5e8; border-radius: .65rem; }
.phonic-exclusions-field-v219 legend { padding: 0 .35rem; font-weight: 800; }
.phonic-exclusions-field-v219 p { margin: 0 0 .5rem; }
.phonic-exclusion-options-v219 { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: .38rem; max-height: 210px; overflow: auto; padding: .15rem; }
.phonic-exclusion-option-v219 { display: flex; align-items: center; gap: .42rem; min-width: 0; padding: .42rem .5rem; border: 1px solid #c8dceb; border-radius: .5rem; background: #fff; }
.phonic-exclusion-option-v219 span { min-width: 0; overflow-wrap: anywhere; }

.phonics-game-volume-v219 { display: grid; grid-template-columns: minmax(150px,1fr) minmax(180px,2fr) 4rem; align-items: center; gap: .65rem; }
.phonics-game-volume-v219 output,[data-game-output] { font-weight: 800; text-align: right; }
.phonics-game-preview-workspace-v219 { display: grid; gap: 1rem; }
.phonics-game-appearance-form-v219 { display: grid; gap: .8rem; }
.phonics-game-settings-grid-v219 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }
.phonics-game-settings-grid-v219 label { display: grid; align-content: start; gap: .3rem; min-width: 0; font-weight: 700; }
.phonics-game-settings-grid-v219 label.full { grid-column: 1 / -1; }
.phonics-game-preview-v219 { --game-top-v219:#dff4ff;--game-bottom-v219:#f7fbdd;--picture-scale-v219:1;--picture-opacity-v219:.5;--letter-scale-v219:1;--letter-opacity-v219:1;--repeat-scale-v219:1;--letter-colour-v219:#000;--question-colour-v219:#173f68;--repeat-colour-v219:#144f8c; position:relative; min-height:430px; overflow:hidden; border:2px solid #a9c9e3; border-radius:1rem; background:linear-gradient(180deg,var(--game-top-v219),var(--game-bottom-v219)); }
.phonics-game-preview-decor-v219 span { position:absolute; font-size:2rem; opacity:.68; }
.phonics-game-preview-character-v219 { position:absolute; z-index:2; top:9%; left:50%; transform:translateX(-50%); font-size:4.4rem; filter:drop-shadow(0 5px 8px #0003); }
.phonics-game-preview-cards-v219 { position:absolute; z-index:2; inset:30% 8% 19%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8%; }
.phonics-game-preview-cards-v219 article { display:grid; grid-template:1fr/1fr; place-items:center; overflow:hidden; border:5px solid #fff; border-radius:1rem; background:#fff; box-shadow:0 8px 20px #0002; }
.phonics-game-preview-cards-v219 img,.phonics-game-preview-cards-v219 strong { grid-area:1/1; }
.phonics-game-preview-cards-v219 img { width:52%; max-height:68%; object-fit:contain; opacity:var(--picture-opacity-v219); transform:scale(var(--picture-scale-v219)); }
.phonics-game-preview-cards-v219 strong { z-index:2; color:var(--letter-colour-v219); opacity:var(--letter-opacity-v219); font-size:calc(5.2rem * var(--letter-scale-v219)); line-height:1; -webkit-text-stroke:5px #fff; paint-order:stroke fill; }
.phonics-game-preview-question-v219 { position:absolute; z-index:3; left:50%; bottom:3%; transform:translateX(-50%); display:flex; align-items:center; gap:1rem; width:max-content; max-width:92%; padding:.65rem 1rem; border-radius:999px; background:#fffffff0; color:var(--question-colour-v219); }
.phonics-game-preview-question-v219 button { transform:scale(var(--repeat-scale-v219)); color:var(--repeat-colour-v219); }

.subject-card-v219 { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"title actions" "grades actions" "milestones actions"; column-gap:1.25rem; row-gap:.65rem; align-items:start; padding:.9rem 1rem !important; }
.subject-card-v219 h4 { grid-area:title; margin:.1rem 0; }
.subject-grade-summary-v219 { grid-area:grades; display:flex; flex-wrap:wrap; gap:.5rem; min-width:0; }
.subject-grade-summary-v219 span { padding:.36rem .55rem; border:1px solid #6c7b87; border-radius:.4rem; line-height:1.2; }
.subject-card-v219 .subject-milestone-list-v216 { grid-area:milestones; }
.subject-card-actions-v219 { grid-area:actions; display:flex; flex-direction:column; gap:.5rem !important; margin:0 !important; }
.assessment-export-row-v219 { display:flex; align-items:center; gap:.75rem; margin-top:1rem; padding-top:.8rem; border-top:1px solid #d4e2ec; }
.assess-overview-subjects-v219 i { display:flex !important; justify-content:space-between; gap:.65rem; width:100%; font-style:normal !important; text-align:left; }
.assess-overview-subjects-v219 i span { white-space:nowrap; font-weight:650; }

@media (max-width:760px) {
  .phonics-game-settings-grid-v219 { grid-template-columns:1fr; }
  .phonics-game-settings-grid-v219 label.full { grid-column:auto; }
  .phonics-game-volume-v219 { grid-template-columns:1fr 3.5rem; }
  .phonics-game-volume-v219 input { grid-column:1/-1; }
  .subject-card-v219 { grid-template-columns:1fr; grid-template-areas:"title" "grades" "milestones" "actions"; }
  .subject-card-actions-v219 { flex-direction:row; }
  .assess-overview-subjects-v219 i { flex-direction:column; gap:.15rem; }
}