/* Scoped to deliberate, untimed learning activities. No automatic decorative motion. */
.lg-journey{padding:1rem 1.5rem;border-bottom:2px solid #b9cabc;background:#f5f8ef}.lg-journey h3{margin:.2rem 0 .6rem}.lg-journey p{line-height:1.6}.lg-journey-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;list-style:none;padding:0;margin:1rem 0}.lg-journey-list>li{min-width:0;padding:1rem;background:#fff;border:1px solid #a8bbb1;border-radius:.8rem}.lg-journey-list h4{margin:0 0 .5rem}.lg-journey-list summary{min-height:44px;padding:.65rem 0;cursor:pointer;font-weight:700}.lg-journey-list button{margin-top:.5rem;width:100%}.lg-journey details p{padding:.7rem;background:#edf4e9}.lg-board>details>summary{min-height:44px;cursor:pointer;padding:.7rem 0;font-weight:700}.lg-board>details li{line-height:1.6;margin:.6rem 0}@media(max-width:680px){.lg-journey{padding:1rem}.lg-journey-list{grid-template-columns:1fr}.lg-journey-list>li{padding:.8rem}}
.learning-intro,.learning-parent{max-width:70rem;margin:1.25rem auto;padding:1.25rem 1.5rem;border:2px solid #d8dfda;border-radius:1.2rem;background:#f8fbf7;color:#183a32}
.learning-intro h2,.learning-parent h3{margin:.25rem 0 .6rem;color:#163b33}.learning-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0}.learning-facts span{padding:.35rem .75rem;border-radius:2rem;background:#e6efe6;font-weight:700;font-size:.87rem}.learning-skill{font-size:.94rem;line-height:1.6}.learning-parent summary{font-size:1.1rem;font-weight:800;cursor:pointer;min-height:2.75rem;display:list-item}.learning-parent p{line-height:1.65}
.learning-game{--lg-ink:#183a32;--lg-paper:#fffef9;--lg-green:#174e41;--lg-cream:#fff3d4;--lg-border:#a8bbb1;max-width:70rem;margin:1.5rem auto;color:var(--lg-ink);background:var(--lg-paper);border:2px solid var(--lg-green);border-radius:1.4rem;box-shadow:0 7px 0 #c1d6c7;overflow:hidden;isolation:isolate}
.learning-game *{box-sizing:border-box}.learning-game button,.learning-game select,.learning-game input{font:inherit}.learning-game button,.learning-game select{min-height:44px}.learning-game button{border:2px solid #718e7f;border-radius:.7rem;background:#fff;color:var(--lg-ink);padding:.65rem .85rem;font-weight:700;line-height:1.35;cursor:pointer;text-align:left;touch-action:manipulation}.learning-game button:hover:not(:disabled){background:#f0f5e6;border-color:#174e41}.learning-game button:focus-visible,.learning-game select:focus-visible,.learning-game input:focus-visible,.learning-game [tabindex="-1"]:focus-visible{outline:3px solid #6d3fb3;outline-offset:3px}.learning-game button:disabled{cursor:default;opacity:.55}.learning-game button[aria-pressed="true"]{background:#174e41;color:#fff;border-color:#174e41;box-shadow:inset 0 0 0 2px #fff}.learning-game button[aria-pressed="true"]:hover:not(:disabled){background:#0b342b;color:#fff}.learning-game .lg-primary{background:#174e41;border-color:#174e41;color:#fff}.learning-game .lg-primary:hover:not(:disabled){background:#0b342b;color:#fff}.learning-game .lg-quiet{font-weight:600;font-size:.9rem;background:#f9faf6}
.lg-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:1rem 1.25rem;background:#edf4e9;border-bottom:1px solid #b9cabc}.lg-challenge-control{display:flex;gap:.5rem;align-items:center;flex:1 1 20rem}.lg-challenge-control label{font-size:.9rem;font-weight:800}.lg-challenge-control select{max-width:100%;min-width:0;flex:1;border:2px solid #718e7f;border-radius:.6rem;background:#fff;padding:.5rem;color:#183a32}.lg-progress{display:block;font-size:.85rem;font-weight:700;padding:.75rem 1.25rem;background:#f4f7ee;border-bottom:1px solid #d7e1d9}.lg-stage-heading{padding:1.25rem 1.5rem .25rem}.lg-stage-heading h2{margin:0 0 .5rem;font-size:clamp(1.35rem,3vw,1.9rem);color:#143c31}.lg-stage-heading p{line-height:1.65;margin:.5rem 0}
.lg-board{padding:1rem 1.5rem 1.5rem}.lg-start,.lg-paused{padding:1.8rem;border:2px dashed #92a99b;background:#f7f8ed;border-radius:1rem;margin:1rem 1.5rem 1.5rem}.lg-start p,.lg-paused p{line-height:1.65;max-width:60ch}.lg-status{padding:1rem 1.5rem;margin:0;background:#fff3d4;border-top:2px solid #d8bb72;line-height:1.6;min-height:4rem}.lg-status[data-kind="success"]{background:#e3f1e4;border-top-color:#72a677}.lg-status[data-kind="error"]{background:#fff0e9;border-top-color:#bf795a}.lg-footer{display:flex;gap:.75rem;flex-wrap:wrap;padding:1rem 1.5rem}.lg-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}.lg-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem}.lg-choices button small{display:block;font-weight:500;margin-top:.4rem}.lg-fieldset{border:1px solid #b3c4b7;border-radius:.8rem;padding:1rem;margin:1rem 0}.lg-fieldset legend{font-weight:800;padding:0 .4rem}.lg-fieldset p{margin:.25rem 0 .7rem;line-height:1.5}
.lg-note{font-size:.9rem;line-height:1.6;background:#eef1f8;border-left:4px solid #5b68a3;padding:.8rem 1rem;border-radius:0 .6rem .6rem 0;margin:1rem 0}.lg-label{font-weight:800}.lg-small{font-size:.88rem}.lg-memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.lg-memory button{min-height:8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.4rem;overflow-wrap:anywhere}.lg-memory .lg-symbol{font-size:2.5rem;line-height:1}.lg-memory button[data-matched="true"]{background:#e2efd6;color:#174e41;opacity:1;border-style:dashed}.lg-memory button[data-matched="true"]::after{content:"Matched";font-size:.75rem;color:#174e41}.lg-turn{font-size:1rem;font-weight:800;margin:0 0 1rem}
.lg-sequence{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1rem 0}.lg-sequence>li,.lg-token{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:3.5rem;min-width:3.5rem;border:2px solid #9db3a4;border-radius:.7rem;padding:.65rem;background:#eef4e5;font-weight:800;font-size:1.3rem}.lg-sequence .lg-position{font-size:.7rem;display:block;font-weight:500}.lg-ordered{counter-reset:events;list-style:none;margin:1rem 0;padding:0;display:grid;gap:.6rem}.lg-ordered li{border:2px solid #bed0bf;border-radius:.8rem;background:#f6f9ef;padding:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.lg-ordered li::before{counter-increment:events;content:counter(events);background:#174e41;color:#fff;border-radius:50%;height:1.8rem;width:1.8rem;display:inline-grid;place-content:center;font-weight:800;flex:none}.lg-event-copy{flex:1 1 15rem;line-height:1.5}.lg-order-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.lg-order-buttons button{font-size:.8rem;padding:.5rem}
.lg-shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}.lg-shape-grid button{display:flex;flex-direction:column;align-items:center;gap:.5rem}.lg-shape-grid svg{height:4rem;width:4rem;fill:currentColor}.lg-diagram{display:block;width:100%;height:auto;max-height:24rem;border:1px solid #b8c8bf;border-radius:1rem;background:#f7faf6;margin:.75rem 0}.lg-diagram text{font-family:system-ui,sans-serif;fill:#183a32}.lg-route-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));list-style:none;gap:.5rem;padding:0}.lg-route-legend li{padding:.6rem;border-radius:.6rem;background:#edf4e9;font-size:.87rem}.lg-maze{display:grid;gap:.35rem;max-width:24rem;margin:1rem auto}.lg-maze-cell{aspect-ratio:1;border:2px solid #b9c9b5;display:grid;place-content:center;font-size:1.3rem;font-weight:800;border-radius:.5rem;background:#ecf5df;min-width:0}.lg-maze-cell[data-wall="true"]{background:repeating-linear-gradient(45deg,#dde6d1,#dde6d1 5px,#c0d0b7 5px,#c0d0b7 10px);color:#395135}.lg-maze-cell[data-robot="true"]{border:4px solid #654d97;background:#f0e9ff}
.lg-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.lg-panel{border:2px solid #a7bdab;border-radius:1rem;padding:1rem;min-width:0}.lg-panel h3{margin:.1rem 0 .7rem;color:#183a32}.lg-total{font-size:1.75rem;font-weight:900;margin:.5rem 0}.lg-basket{list-style:none;display:grid;gap:.5rem;padding:0}.lg-basket li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem;background:#eef3e8;border-radius:.5rem}.lg-number-answer{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:1rem;border:2px solid #b1c4b6;border-radius:.8rem}.lg-number-answer input{width:6rem;min-height:44px;border:2px solid #718e7f;border-radius:.5rem;padding:.5rem;color:#183a32;background:#fff}.lg-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;max-width:26rem;margin:1rem auto}.lg-pieces button{min-height:5rem;text-align:center;background:#fff1c8}.lg-pieces button[data-guest="0"]{background:#e5edf9;border-style:solid}.lg-pieces button[data-guest="1"]{background:#f6e1d4;border-style:dashed}.lg-pieces button[data-guest="2"]{background:#e3efdc;border-style:double;border-width:4px}
.lg-table-wrap{max-width:100%;overflow:auto;margin:1rem 0;border:1px solid #afc0b5;border-radius:.7rem}.lg-table{border-collapse:collapse;width:100%;min-width:28rem;font-size:.87rem}.lg-table caption{padding:.75rem;text-align:left;font-weight:800;background:#e8f1e8;color:#183a32}.lg-table th,.lg-table td{padding:.65rem;border-bottom:1px solid #cbd9cf;text-align:left;vertical-align:top;line-height:1.45}.lg-table th{background:#edf4e9}.lg-trial-result{display:flex;align-items:center;gap:1rem;background:#eef4e8;padding:1rem;border-radius:.7rem;margin:.75rem 0}.lg-trial-number{font-size:2.3rem;font-weight:900;line-height:1}.lg-rhythm{display:grid;gap:.7rem;margin:1rem 0}.lg-rhythm-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.35rem}.lg-rhythm-row button{padding:.55rem .15rem;text-align:center;font-size:1.5rem;min-width:0}.lg-rhythm-row small{display:block;font-size:.7rem}.lg-rhythm-row [data-playing="true"]{outline:3px solid #b9631b;outline-offset:1px}.lg-role-card{border:2px solid #b6c8bd;padding:1rem;border-radius:.8rem;margin:.6rem 0}.lg-role-card summary{font-weight:800;cursor:pointer;min-height:2rem}.lg-role-card p{line-height:1.6}.lg-comic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0}.lg-comic-panel{min-height:10rem;border:3px solid #365447;border-radius:.6rem;background:#fff9e7;padding:1rem}.lg-comic-panel h3{font-size:.9rem;margin:0 0 .8rem}.lg-comic-panel p{line-height:1.6}.lg-route-history{line-height:1.6;overflow-wrap:anywhere}.lg-check{margin-top:1.25rem}.lg-loading-error{padding:2rem;line-height:1.7}.learning-game [hidden]{display:none!important}
@media(max-width:680px){.lg-toolbar,.lg-board,.lg-stage-heading,.lg-status,.lg-footer{padding:1rem}.lg-challenge-control{flex-basis:100%;flex-direction:column;align-items:stretch}.lg-memory{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.lg-memory button{min-height:7rem;padding:.5rem;font-size:.78rem}.lg-memory .lg-symbol{font-size:2rem}.lg-columns,.lg-comic{grid-template-columns:1fr}.lg-shape-grid{gap:.5rem}.lg-shape-grid button{font-size:.8rem;padding:.5rem}.lg-shape-grid svg{width:3rem;height:3rem}.lg-rhythm-row{gap:.18rem}.lg-rhythm-row button{font-size:1.2rem;min-height:48px;border-radius:.45rem}.learning-intro,.learning-parent{padding:1rem}.lg-start,.lg-paused{margin:1rem;padding:1rem}.lg-controls>button{flex:1 1 auto}.lg-diagram{max-height:none}}
@media(prefers-reduced-motion:reduce){.learning-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.learning-game button[aria-pressed="true"]{outline:3px solid Highlight}.lg-maze-cell[data-wall="true"]{background:Canvas;border-style:dashed}.lg-memory button[data-matched="true"]{border-style:double}.lg-diagram path,.lg-diagram line,.lg-diagram polygon{stroke:CanvasText}}
.lg-video-handoff,.lg-instruction-audio,.lg-extras{padding:1rem 1.5rem}.lg-video-handoff{border-bottom:2px solid #8ca99a;background:#f8edc9}.lg-video-handoff p,.lg-instruction-audio p,.lg-extras p{line-height:1.6}.lg-instruction-audio{border-bottom:1px solid #bdcbbb;background:#f2f6ed}.lg-instruction-audio .lg-controls{margin:0}.lg-instruction-audio p{font-size:.9rem;margin:.7rem 0 0}.lg-extras:empty{display:none}.lg-reflection,.lg-export{border:1px solid #a8bbb1;border-radius:.8rem;padding:1rem;margin:.5rem 0 1rem;background:#f8faf4}.lg-reflection h3{margin:.1rem 0 .5rem}.lg-reflection fieldset{border:0;padding:0;margin:1rem 0}.lg-reflection legend{font-weight:700;margin-bottom:.7rem}.lg-reflection-choice{padding:.7rem 0;border-top:1px solid #d3ddd2}.lg-reflection-choice label,.lg-export-choice{display:flex;gap:.6rem;align-items:center;min-height:44px;line-height:1.5}.lg-reflection-choice input,.lg-export-choice input{width:1.25rem;height:1.25rem;flex:0 0 auto}.lg-reflection summary,.lg-export summary{min-height:44px;cursor:pointer;padding:.6rem 0;line-height:1.5;font-weight:700}.lg-export pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:.9rem;line-height:1.6;padding:.75rem;background:#fff;border:1px solid #b8c8bb}.lg-reflection details{margin-left:1.8rem}.lg-reflection details p{background:#fff;padding:.75rem;border-left:3px solid #648d78}
@media(max-width:680px){.lg-video-handoff,.lg-instruction-audio,.lg-extras{padding:1rem}.lg-reflection,.lg-export{padding:.8rem}.lg-reflection details{margin-left:0}.lg-export .lg-controls>button{width:100%}}