:root{font-family:system-ui,-apple-system,sans-serif;color:#513e60;background:#e8cbd2;font-size:15px;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(110deg,#f1d3bf,#e3d5ee)}button,select{min-height:44px;min-width:44px;font:inherit;border:1px solid #b79bbd;border-radius:10px;color:#513e60;background:#fff5e4;padding:8px 12px;cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #9466b0;outline-offset:2px}button:hover{background:#f9e8cf}button:disabled{opacity:.45;cursor:default}button.primary{background:#83649e;color:white;font-weight:750;border-color:#705087}button[aria-pressed=true]{border:2px solid #805a99;background:#e1cfed;box-shadow:inset 0 -3px #ba97cf}header{height:64px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 18px;border-bottom:1px solid #bba2ba}header strong{font-size:19px;letter-spacing:.08em}header strong span{color:#ac6c80}nav{display:flex;gap:5px}select{max-width:100%;padding:6px 10px}nav select{max-width:92px;font-size:13px}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1240px;margin:auto;padding:24px 18px;align-items:center}.classroom{min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:66px}.heading h1{font-size:25px;line-height:1.2;margin:0}.heading small{display:block;margin-top:5px;color:#806277;font-size:13px}canvas{display:block;width:100%;height:auto;aspect-ratio:760/430;outline:0;border:2px solid #c6a7b5;border-radius:18px;background:#e9d5d5;touch-action:manipulation}#message{font-size:14px;line-height:1.4;min-height:40px;margin:10px 4px 0}.console{padding:20px;background:#fff4e3bd;border:1px solid #d6bdcd;border-radius:19px}h2{line-height:1.25;font-size:27px}p{line-height:1.55}.eyebrow{font-size:10px;letter-spacing:.12em;color:#94728f}#entry button{width:100%;margin:4px 0}.selectors{display:grid;grid-template-columns:1fr 1.2fr 44px;gap:6px}.selectors select{font-size:14px;padding:5px 7px;width:100%;min-width:0}.selectors button{padding:5px}#memory-strip{display:flex;align-items:center;justify-content:center;gap:8px;min-height:65px;color:#74588c;font-size:17px}#memory-strip span{background:#f4e4cc;border-radius:8px;padding:5px;min-width:25px;text-align:center}#memory-strip b{font-size:22px}.signals,.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.signals button,.actions button{min-height:64px;padding:5px;font-size:13px}.signals i,.actions i{display:block;font-style:normal;font-size:25px;line-height:1.2}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tools button{padding:7px 4px;font-size:12px;min-height:52px}#save-state{display:block;font-size:10px;color:#977c94;margin-top:8px}dialog{width:min(92vw,560px);max-height:88dvh;border:1px solid #bfa3c4;border-radius:20px;background:#fff6e7;color:#513e60;padding:25px;overflow:auto;box-shadow:0 20px 90px #4d355e45}dialog::backdrop{background:#50375b77}#dialog-close{float:right;padding:6px}dialog h2{padding-right:35px}#dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}#dialog-actions button{flex:1}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lesson-grid button{text-align:left}.note{background:#f1e6f6;border-radius:12px;padding:12px;margin:10px 0}.note p{margin:5px 0;font-size:14px}.memory-row{padding:10px 0;border-bottom:1px solid #dfcddd}.memory-row small{display:block;font-size:12px;margin-bottom:5px}.memory-row b{font-size:22px;letter-spacing:.1em}.flower{font-size:64px;text-align:center;color:#ac7fb6}a{color:#805799}[hidden]{display:none!important}#gamenow-mobile-menu-launcher{top:5px!important;right:8px!important;bottom:auto!important}#gamenow-mobile-menu-button{height:44px;min-height:44px;border-radius:10px;background:#fff5e4;color:#604e71;border:1px solid #b79bbd}
@media(max-width:760px){header{height:52px;padding:3px 61px 3px 10px}header strong{font-size:12px;letter-spacing:0}nav{gap:4px}nav button{padding:5px}nav select{width:80px;font-size:12px}main{display:block;max-width:500px;padding:4px 10px}.heading{min-height:53px}.heading h1{font-size:18px}.heading small{font-size:11px;margin-top:3px}canvas{max-height:33dvh}#message{min-height:35px;font-size:12px;line-height:1.35;margin:6px 3px}.console{padding:9px 10px;border-radius:14px}.selectors{gap:5px}.selectors select{font-size:12px}#memory-strip{min-height:43px;font-size:14px;gap:5px}#memory-strip span{padding:2px 4px}#memory-strip b{font-size:17px}.signals,.actions{gap:5px;margin-bottom:6px}.signals button,.actions button{min-height:46px;font-size:11px;padding:4px 1px}.signals i,.actions i{display:inline;font-size:19px;margin-right:5px}.tools{gap:5px}.tools button{min-height:44px;font-size:11px;padding:4px 2px}#save-state{display:none}.eyebrow{display:none}#entry h2{font-size:22px;margin:7px 0}#entry p{font-size:13px;margin:8px 0}#entry button{margin:3px 0}}
@media(max-width:350px){header strong{display:none}header{justify-content:flex-end;height:50px}nav select{width:80px}.heading{min-height:48px}.heading h1{font-size:15px}.heading small{font-size:10px}canvas{max-height:25dvh}#message{min-height:31px;font-size:10px;margin:4px 2px}.console{padding:6px 7px}.selectors select{font-size:11px}#memory-strip{min-height:34px}.signals button,.actions button{min-height:44px}.signals,.actions{margin-bottom:5px}.signals i,.actions i{font-size:16px;margin-right:3px}.tools button{font-size:10px}#entry h2{font-size:18px}}
@media(max-height:480px) and (min-width:600px){header{height:50px;padding:3px 62px 3px 12px}main{max-width:1240px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);align-items:start;gap:14px;padding:3px 12px}.heading{min-height:45px}.heading h1{font-size:17px}.heading small{font-size:10px;margin-top:2px}canvas{height:calc(100dvh - 150px);max-height:none;aspect-ratio:auto}.console{padding:8px;border-radius:12px}#message{font-size:11px;min-height:26px;margin:4px}.selectors select{font-size:12px}#memory-strip{min-height:40px;font-size:13px}#memory-strip b{font-size:17px}.signals,.actions{margin-bottom:6px;gap:5px}.signals button,.actions button{min-height:44px;padding:3px 1px;font-size:11px}.signals i,.actions i{display:inline;font-size:17px;margin-right:4px}.tools button{min-height:44px;font-size:11px}#save-state,.eyebrow{display:none}#entry h2{font-size:22px;margin:6px 0}#entry p{font-size:12px}}

#memory-strip .goal{margin-left:5px;border-left:1px solid #c5a6d1;padding-left:8px;font-size:11px;white-space:nowrap;color:#735388}

#lesson-goal{font-size:13px;line-height:1.4;margin:8px 4px 0;color:#624579;font-weight:650}#curriculum{font-size:12px;max-width:90px;flex-shrink:0;padding:5px 8px}#message{min-height:22px}
@media(max-width:760px){#lesson-goal{font-size:11px;line-height:1.35;margin:5px 3px 0}#message{min-height:20px;font-size:11px;margin:4px 3px}.heading h1{font-size:16px}#curriculum{font-size:11px;max-width:82px}canvas{max-height:30dvh}}
@media(max-width:350px){#lesson-goal{font-size:10px;margin:3px 2px 0}#message{min-height:16px;font-size:10px;margin:3px 2px}.heading h1{font-size:14px}canvas{max-height:25dvh}}
@media(max-height:480px) and (min-width:600px){canvas{height:calc(100dvh - 178px);max-height:none}#lesson-goal{font-size:11px;margin:4px 3px 0}#message{min-height:18px;font-size:10px;margin:3px}}
