:root{--meomut-green:#35594c;--meomut-paper:#faf8f1;--meomut-ink:#253c33;--meomut-border:#d9e0d6;--meomut-muted:#59695f}
body{background:var(--meomut-paper)}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #35594c;outline-offset:4px}.teacher-more{margin:16px 0 0;border-top:1px solid var(--meomut-border);padding-top:12px}.teacher-more summary{min-height:48px;padding:12px 14px;font-weight:750;cursor:pointer;color:var(--meomut-muted)}.teacher-shell .teacher-top-actions{gap:10px}.teacher-shell .teacher-top-actions button{white-space:nowrap;min-height:44px}.teacher-shell .nav-item{min-height:52px;font-size:16px}.teacher-shell .session-strip small,.teacher-shell .muted{color:var(--meomut-muted)}.settings-tabs{display:flex;gap:8px;padding:6px;margin-bottom:20px;background:#eef1e6;border-radius:18px}.settings-tabs button{flex:1;min-height:52px;border:0;background:transparent;border-radius:14px;font-size:18px;font-weight:800;color:var(--meomut-green)}.settings-tabs button[aria-selected=true]{background:var(--meomut-green);color:white}.modal [hidden]{display:none!important}.student-course-now{display:flex;align-items:center;gap:20px;background:linear-gradient(140deg,#eaf0df,#fff4dd);border:1px solid #d9e3d0;border-radius:28px;padding:24px;margin:16px 0}.student-course-now img{width:130px;height:150px;object-fit:contain;flex:none}.student-course-now h2{font-size:26px;line-height:1.3;margin:8px 0}.student-course-now p{font-size:17px;line-height:1.6;color:var(--meomut-muted)}.student-course-now .course-eyebrow{font-size:14px;letter-spacing:0;color:var(--meomut-green)}.student-past-work{margin-top:24px}.student-past-work summary{padding:18px;border:1px solid var(--meomut-border);border-radius:18px;font-weight:800;cursor:pointer}.student-shell .maker-storage-note{font-size:14px;color:var(--meomut-muted)}body[data-role=student] .course-gates{gap:10px}body[data-role=student] .course-gates .open{padding:12px 16px;font-size:16px}body[data-role=student] .maker-topbar .maker-actions button:disabled{display:none}body[data-role=entry] .entry-shell .join-form label{font-size:15px!important;color:var(--meomut-muted)!important}body[data-role=entry] .entry-shell .notice{font-size:13px!important;color:var(--meomut-muted)!important}
@media(max-width:680px){body[data-role=entry][data-entry-role=student] .entry-shell .landing{display:flex!important;flex-direction:column!important;gap:20px!important;padding-top:18px!important}body[data-role=entry][data-entry-role=student] .entry-shell .join-card{order:0!important;width:100%!important;padding:22px!important;margin:0!important}body[data-role=entry][data-entry-role=student] .entry-shell .hero-copy{order:1!important;text-align:center!important}body[data-role=entry][data-entry-role=student] .entry-shell .hero-copy>h1,body[data-role=entry][data-entry-role=student] .entry-shell .hero-copy>.eyebrow,body[data-role=entry][data-entry-role=student] .entry-shell .hero-copy>p{display:none!important}body[data-role=entry][data-entry-role=student] .entry-shell .hero-art{max-width:260px!important;margin:auto!important}body[data-role=entry] .entry-shell .join-tabs button{min-height:48px!important;font-size:15px!important;white-space:nowrap}body[data-role=entry] .entry-shell #entry-title{font-size:26px!important;margin:22px 0!important}body[data-role=entry] .entry-shell .join-form input{min-height:56px!important;font-size:18px!important}body[data-role=entry] .entry-shell .join-form .primary{min-height:58px!important;font-size:20px!important}.student-course-now{display:flex;flex-direction:column;text-align:center;padding:24px 18px;gap:12px}.student-course-now img{width:160px;height:170px}.student-course-now h2{font-size:27px}.student-shell .student-main> #content>h1:has(+ .student-course-now){display:none}.student-shell .main-panel{padding:16px!important}.teacher-topbar .teacher-class-status{display:none}.teacher-shell .teacher-top-actions{flex-wrap:wrap}.teacher-more{min-width:180px;flex:none}.teacher-more summary{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}
@media(max-width:680px){.student-shell{width:100%;max-width:100%;min-width:0}.student-shell .student-header{width:100%;max-width:100%;min-width:0;gap:6px;padding:8px 10px;box-sizing:border-box}.student-shell .student-header .brand{flex:none;min-width:0}.student-shell .student-header .brand img{max-width:46px}.student-shell .student-header .student-identity{flex:1;min-width:0;max-width:80px;overflow:hidden}.student-shell .student-header .student-identity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.student-shell .student-header .student-identity small{display:none}.student-shell .student-header #ask-help,.student-shell .student-header #feedback-settings,.student-shell .student-header #fullscreen{width:42px;min-width:42px;height:46px;padding:8px;flex:none}.student-shell .student-workspace,.student-shell .student-main{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.student-shell .student-block-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;gap:14px!important}.student-shell .student-play-block{min-width:0!important}.student-shell .student-bottom-nav{width:100%;max-width:100%}.student-course-now img{width:240px;height:180px}}

/* Teacher conversations retain play underneath the dialog. */
.teacher-chat-list{height:min(48vh,420px);overflow:auto;padding:12px;background:#f3f6ee;border-radius:20px}.chat-message{max-width:88%;padding:12px 16px;margin:10px 0;border-radius:18px 18px 18px 4px;background:#eef3e6}.chat-message.is-mine{margin-left:auto;background:#dcebf0;border-radius:18px 18px 4px 18px}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-message .badge{margin-left:8px}.teacher-chat-list+.chat-compose{grid-template-columns:minmax(0,1fr) auto}
/* Shared playful feedback across games, math, art and experiments. */
.play-burst{position:fixed;z-index:10000;pointer-events:none;width:0;height:0}.play-burst i{position:absolute;width:12px;height:12px;border-radius:4px;box-shadow:inset -2px -3px 0 #00000015;animation:meomut-burst .9s cubic-bezier(.12,.7,.25,1) both}.play-burst i:nth-child(3n){border-radius:50%;width:15px;height:15px}@keyframes meomut-burst{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:1}75%{opacity:.9}100%{transform:translate(var(--fly-x),var(--fly-y)) rotate(var(--spin)) scale(.3);opacity:0}}body[data-role=student] .student-play-block{background:radial-gradient(ellipse at 25% 15%,#ffffffc7,transparent 50%),linear-gradient(150deg,var(--block-color,#e2eec9),#ffffff24);border:2px solid #fff;box-shadow:0 8px 0 var(--block-base,#c6d5b9),0 14px 20px #2f4b2e12}body[data-role=student] .student-play-block .block-picture img{filter:drop-shadow(0 10px 6px #3d5b3f22)}body[data-role=student] .student-play-block:active{transform:translateY(5px);box-shadow:0 3px 0 var(--block-base,#c6d5b9)}@media(prefers-reduced-motion:reduce){.play-burst{display:none}}html[data-reduced-motion=true] .play-burst{display:none}
.math-toy-tray{text-align:center;margin:20px 0}.math-toy-tray p{font-size:16px;color:#45614e}.math-toy-blocks{display:flex;justify-content:center;gap:20px;padding:14px}.math-toy-block{width:95px;min-height:85px;border:3px solid white;border-radius:22px;background:linear-gradient(140deg,#e3f3ca,#c9e09c);box-shadow:0 8px 0 #aac47f,0 12px 14px #35522b18;font-size:32px;font-weight:850;color:#304b37;cursor:grab}.math-toy-block:nth-child(2){background:linear-gradient(140deg,#ffdfc8,#ffb89d);box-shadow:0 8px 0 #dda28d,0 12px 14px #35522b18}.math-toy-block:nth-child(3){background:linear-gradient(140deg,#e9e1ff,#c9b9ef);box-shadow:0 8px 0 #ad9ad6,0 12px 14px #35522b18}.toy-dragging{position:relative;z-index:20;cursor:grabbing!important;filter:drop-shadow(0 18px 9px #2b49393b)}body[data-role=student] .math-problem{background:radial-gradient(ellipse at center,#fffef5,#f5eac8);padding:30px 14px;border-radius:28px;border:3px dashed #ddc879;min-height:120px;box-shadow:inset 0 5px 0 #dbcfa229}.sudoku-pad button{border-radius:15px!important;border:2px solid white!important;box-shadow:0 4px 0 #c0d4a6;background:linear-gradient(145deg,#f1f8e9,#d9ebc5)!important;cursor:grab;font-weight:800}.sudoku-cell:not(.given):focus{outline:3px solid #618843;outline-offset:-3px;background:#fff2c0}.calculator-key{border-radius:18px!important;box-shadow:0 4px 0 #cfdbbd;border:2px solid white!important}.calculator-key:active{transform:translateY(3px);box-shadow:0 1px 0 #cfdbbd}@media(max-width:640px){.math-toy-blocks{gap:14px;padding:10px 0}.math-toy-block{width:80px;min-height:76px}.math-toy-tray p{font-size:14px}}
.student-page-prop{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 7px 4px #314c3b1c);flex-shrink:0}.math-write-answer{border:1px solid #dce6d1;border-radius:18px;padding:0 14px;margin-top:18px;background:#fffdf5}.math-write-answer summary{padding:12px 0;min-height:48px;cursor:pointer;font-weight:700}@media(max-width:640px){.student-page-prop{width:76px;height:76px}}