/* Scoped play surfaces share the children's shelf hierarchy and restrained geometry. */
.children-view .learning-six li{display:block;padding:0}
.children-view .learning-six li>button{display:grid;grid-template-columns:var(--step-icon-size) minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:64px;padding:4px 10px;border:0;border-radius:4px;background:transparent;text-align:left;color:inherit;cursor:pointer}
.children-view .learning-six li>button:hover{background:#1586e810}
.child-play-dialog{--play-paper:#fff;--play-ink:#203e60;--play-muted:#596d83;--play-line:#dce7f0;--play-soft:#f1f7fc;color:var(--play-ink);background:var(--play-paper);box-sizing:border-box;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--play-line);border-radius:4px;padding:20px;font:400 14px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;box-shadow:0 12px 60px #061b4033}
.child-play-dialog::backdrop{background:#071b3c88}
.child-play-dialog .child-play-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--play-line) var(--sprout-divider-strength,45%),transparent);padding-bottom:8px;color:var(--play-muted)}
.child-play-dialog h2{font-size:var(--sprout-type-section-title-size,15px);font-weight:var(--sprout-type-section-title-weight,400);line-height:var(--sprout-type-section-title-line,24px);margin:16px 0 4px}
.child-play-dialog h3{font-size:14px;font-weight:500;line-height:22px;margin:12px 0}
.child-play-dialog p{margin:8px 0}
.child-play-dialog .child-play-lead{color:var(--play-muted);margin-bottom:16px}
.child-play-dialog button{font:inherit;color:var(--play-ink);border:1px solid var(--play-line);background:var(--play-soft);border-radius:4px;padding:7px 10px;min-height:36px;cursor:pointer;box-shadow:none}
.child-play-dialog button:hover:not(:disabled){border-color:#479ae3;background:#3187d51a}
.child-play-dialog button:focus-visible,.child-play-dialog textarea:focus-visible{outline:2px solid #368fe5;outline-offset:3px}
.child-play-dialog button:disabled{cursor:default;opacity:.6}
.child-play-dialog button[hidden]{display:none}
.child-play-dialog .child-play-header button{font-size:22px;line-height:24px;min-width:36px;background:transparent}
.child-play-dialog .child-play-primary{background:#126cc1;border-color:#126cc1;color:#fff}
.child-play-dialog .child-play-options{display:grid;gap:8px;margin:12px 0}
.child-play-options button{text-align:left}
.child-play-sequence{list-style:none;padding:0;display:grid;gap:6px;counter-reset:step}
.child-play-sequence li{border-left:3px solid #82b6df;padding:7px 10px;background:var(--play-soft);min-height:24px}
.child-play-sequence li>span{color:var(--play-muted);margin-right:8px}
.child-play-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.child-play-actions>span{color:var(--play-muted);font-size:12px}
.child-play-feedback{min-height:24px;color:#246c99}
.child-play-footer{font:inherit;border-top:1px solid color-mix(in srgb,var(--play-line) var(--sprout-divider-strength,45%),transparent);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.child-play-footer>span{color:var(--play-muted);font-size:12px}
.child-play-memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.child-play-memory button{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow-wrap:anywhere}
.child-play-memory button>span{font-size:28px;color:#438ac2}
.child-play-memory small{font-size:12px;color:var(--play-muted)}
.child-play-dialog button.is-correct{opacity:1;color:#21664e;background:#edf8f1;border-color:#69a98c}
.child-play-awards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.child-play-awards>span,.child-play-awards>button{padding:12px 6px;text-align:center;border:1px solid var(--play-line);border-radius:4px;display:grid;gap:4px}
.child-play-awards b{font-size:24px;font-weight:400;color:#8496a8}
.child-play-awards .earned b{color:#24805e}
.child-play-awards small{display:block;color:var(--play-muted);font-size:12px}
.child-play-dialog textarea{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--play-line);border-radius:4px;background:var(--play-soft);color:var(--play-ink);font:inherit;margin-top:8px;resize:vertical}
.child-play-dialog [data-play-saved-note]{white-space:pre-wrap;overflow-wrap:anywhere}
.child-play-dialog blockquote{margin:12px 0;padding:12px 16px;background:var(--play-soft);border-left:3px solid #6aa5d3}
.dark .child-play-dialog{--play-paper:#1d3044;--play-ink:#e3edf8;--play-muted:#afc2d6;--play-line:#3f5771;--play-soft:#263e55;color-scheme:dark}
.dark .child-play-dialog .child-play-feedback{color:#a1d2f1}
.dark .child-play-dialog button.is-correct{background:#214e43;color:#d0f8df;border-color:#6aae8c}
@media(max-width:480px){.child-play-dialog{padding:14px}.child-play-memory{grid-template-columns:repeat(2,minmax(0,1fr))}.child-play-memory button{min-height:72px}.child-play-awards{gap:4px}.children-view .learning-six li>button{padding:4px;gap:5px}}
@media(prefers-reduced-motion:reduce){.child-play-dialog *{scroll-behavior:auto;transition:none;animation:none}}