.game-draft-status{min-width:72px;color:var(--muted);font:600 11px Manrope;text-align:center}.game-draft-status[data-state="saving"]{color:#d5ddd8}.game-draft-status[data-state="saved"]{color:#aebbb4}.game-draft-status[data-state="error"]{color:#f2be72}.game-draft-resumed{margin:0 0 18px;padding:10px 12px;border-left:3px solid var(--lime);border-radius:5px;background:color-mix(in srgb,var(--lime) 6%,#111a21);color:#cbd5cf;font-size:12px;line-height:1.5}.discard-game-draft{color:#efb2a1;border-color:#70473e}@media(max-width:430px){.game-draft-status{order:4;width:100%;min-height:18px;text-align:left}.discard-game-draft{min-height:44px}}

/* Game Creation/Edit editorial pilot. Keep shared form, Lesson and video
   workflows out of this scope; the body review class alone also covers Detail. */
.workspace:has(#game-form) .topbar { align-items: center; margin-bottom: 32px; padding-block: 0 24px; border-bottom: 1px solid var(--divider); }
.workspace:has(#game-form) .topbar .page-header-copy #page-title { width: auto; margin: 0; padding: 0; border: 0; background: none; clip-path: none; text-shadow: none; font: 800 calc(2.25rem * var(--text-display-scale))/1.2 var(--font-body); letter-spacing: -.035em; overflow-wrap: anywhere; }
.workspace:has(#game-form) #page-title::after,
.workspace:has(#game-form) .page-identity-visual::after { display: none; }
.workspace:has(#game-form) .page-identity-visual { border: 0; background: none; box-shadow: none; clip-path: none; }
.workspace:has(#game-form) .app-history-controls { position: static; width: fit-content; max-width: 100%; margin-bottom: 20px; padding: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none; }
.workspace:has(#game-form) .app-history-controls button { min-height: 44px; border-radius: 6px; }
.workspace:has(#game-form) :is(a,button,input,textarea,select,summary):focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; box-shadow: none; }
.workspace:has(#game-form) .form-wrap { display: block; max-width: 1040px; margin-inline: auto; }
#view #game-form { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--text-primary); }
#view #game-form .game-design-form-heading { gap: 16px; margin-bottom: 12px; flex-wrap: wrap; }
#view #game-form .game-design-form-heading h2 { margin: 0; font: 800 calc(1.5rem * var(--text-display-scale))/1.3 var(--font-body); letter-spacing: -.025em; }
#view #game-form :is(.game-authoring-section,.task-block) { min-width: 0; margin: 32px 0 0; padding: 24px 0 0; border: 0; border-top: 1px solid var(--divider); border-radius: 0; background: none; box-shadow: none; }
#view #game-form :is(.game-authoring-section,.task-block) > h3 { margin: 0 0 24px; color: var(--text-primary); font: 800 calc(1.25rem * var(--text-display-scale))/1.3 var(--font-body); letter-spacing: -.025em; }
#view #game-form .field-grid { gap: 24px; }
#view #game-form .field { min-width: 0; gap: 8px; margin-bottom: 24px; }
#view #game-form .field-label-row { min-height: 44px; gap: 12px; }
#view #game-form label { color: var(--text-primary); font: 700 calc(.875rem * var(--text-reading-scale))/1.5 var(--font-body); }
#view #game-form :is(.field-help,.game-design-optional-note) { color: var(--text-muted); font: 500 calc(.8125rem * var(--text-reading-scale))/1.6 var(--font-body); }
#view #game-form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { width: 100%; min-width: 0; min-height: 48px; padding: 12px; border: 1px solid var(--border-primary); border-radius: 6px; background: var(--surface-input); color: var(--text-primary); font: 500 calc(.9375rem * var(--text-reading-scale))/1.6 var(--font-body); }
#view #game-form textarea { min-height: 120px; resize: vertical; }
#view #game-form :is(button,.primary-button,.secondary-button,.ghost-button) { min-width: 44px; min-height: 44px; border-radius: 6px; font: 700 calc(.8125rem * var(--text-chrome-scale))/1.5 var(--font-body); white-space: normal; overflow-wrap: anywhere; }
#view #game-form .primary-button { background: var(--accent-pink); color: var(--control-on-accent); border-color: var(--accent-pink); box-shadow: none; }
#view #game-form .primary-button:disabled { background: var(--surface-disabled); color: var(--text-muted); border-color: var(--border-primary); cursor: not-allowed; }
#view #game-form .game-design-help-trigger { flex-basis: 44px; width: 44px; height: 44px; margin: 0; border: 0; border-radius: 6px; background: none; color: var(--accent-pink-soft); }
#view #game-form .form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--divider); }
#view #game-form .form-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
#view #game-form .game-draft-status { color: var(--text-muted); font: 600 calc(.8125rem * var(--text-metadata-scale))/1.5 var(--font-body); }
#view #game-form .game-draft-status[data-state="error"] { color: var(--status-warning); }
#view #game-form :is(.form-notice,.game-draft-resumed,.legacy-role-warning) { padding: 16px; font: 500 calc(.875rem * var(--text-reading-scale))/1.65 var(--font-body); }
#view #game-form .form-error { color: var(--status-error); font-size: calc(.875rem * var(--text-reading-scale)); line-height: 1.6; }
#view #game-form #game-save-action { scroll-margin-block: 24px; }
/* Voice drafting shares this form: retain explicit preview/apply and privacy
   cues, remove only decorative nesting around its optional entry and preview. */
#view #game-form .game-voice-draft { margin: 24px 0; padding: 20px 0; border: 0; border-block: 1px solid var(--divider); border-radius: 0; background: none; box-shadow: none; }
#view #game-form .game-voice-draft :is(h3,p,small) { font-family: var(--font-body); }
#view #game-form .game-voice-draft h3 { color: var(--text-primary); font-size: calc(1.125rem * var(--text-display-scale)); }
#view #game-form .game-voice-draft :is(p,small) { font-size: calc(.8125rem * var(--text-reading-scale)); line-height: 1.6; }
#view #game-form .game-voice-proposal { padding: 24px 0 0; border: 0; border-top: 1px solid var(--divider); border-radius: 0; background: none; box-shadow: none; }
#view #game-form .game-voice-proposal dl { gap: 16px 24px; }
#view #game-form .game-voice-proposal dl > div { padding: 12px 0; border: 0; border-bottom: 1px solid var(--divider); border-radius: 0; background: none; }
#view #game-form .game-voice-proposal :is(dt,dd) { font-family: var(--font-body); font-size: calc(.8125rem * var(--text-reading-scale)); line-height: 1.6; }
#view #game-form .game-voice-proposal summary { min-height: 44px; padding-block: 12px; }
@media(max-width:760px) {
  .workspace:has(#game-form) .topbar .page-header-copy #page-title { font-size: calc(1.75rem * var(--text-display-scale)); }
  #view #game-form .field-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  #view #game-form .form-actions > :is(button,a) { flex: 1 1 140px; }
}
html[data-text-scale-level="accessibility"] #view #game-form :is(.field-grid,.game-voice-proposal dl) { grid-template-columns: minmax(0,1fr); }
html[data-text-scale-level="accessibility"] #view #game-form :is(.game-voice-draft-heading,.game-voice-proposal-heading) { flex-wrap: wrap; }
#view #game-form .task-block { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
#view #game-form .task-block > h3,
#view #game-form .task-block > [data-game-field$="Role"],
#view #game-form .task-block > [data-game-field$="Win"],
#view #game-form .task-block > [data-game-field$="Constraints"] { grid-column: 1/-1; }
@media(max-width:760px) {
  #view #game-form .task-block { grid-template-columns: minmax(0,1fr); }
}
html[data-text-scale-level="accessibility"] #view #game-form .task-block { grid-template-columns: minmax(0,1fr); }
#view #game-form .game-coverage-field { margin-top: 24px; padding: 24px 0 0; border: 0; border-top: 1px solid var(--divider); background: none; clip-path: none; }
#view #game-form .coverage-category { border: 0; border-bottom: 1px solid var(--divider); background: none; }
#view #game-form :is(.coverage-context>label,.coverage-family-list label) { min-height: 44px; }
.workspace:has(#game-form) .game-design-guide-close { min-width: 44px; min-height: 44px; }
html[data-text-scale-level="accessibility"] #view #game-form :is(.coverage-groups,.coverage-family-list) { grid-template-columns: minmax(0,1fr); }
/* The shared shell's Create game link points back to this form; the explicit
   submit action below remains the single primary authoring action. */
.workspace:has(#game-form) .top-action { display: none; }
#view #game-form .game-authoring-context { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 16px; color: var(--text-muted); font: 500 calc(.8125rem * var(--text-metadata-scale))/1.5 var(--font-body); }
#view #game-form .game-authoring-context .game-status { max-width: 100%; font-family: var(--font-body); white-space: normal; }
#view #game-form :is(input,textarea,select):user-invalid { border-color: var(--status-error); }
#view #game-form .form-notice { background: var(--surface-elevated); color: var(--text-secondary); border-color: var(--border-primary); border-left: 3px solid var(--status-info); border-radius: 6px; }
#view #game-form :is(.ghost-button,.secondary-button) { background: var(--surface-input); color: var(--text-primary); border: 1px solid var(--border-primary); box-shadow: none; }
#view #game-form .discard-game-draft { background: none; color: var(--status-error); border-color: var(--status-error); }
#view #game-form :is(.ghost-button,.secondary-button):disabled { background: var(--surface-disabled); color: var(--text-disabled); border-color: var(--border-primary); cursor: not-allowed; }