/* October educator review: one compact shell, messages near the action. */
#world-bar,#lesson-dock,#toolbox-open{display:none!important}
.navbar{min-height:52px;padding:4px 12px;gap:8px;flex-wrap:nowrap}
.navbar .brand{gap:7px;white-space:nowrap}.navbar .brand>b{width:30px;height:30px;font-size:22px}
.navbar button{padding:6px 9px;min-height:40px;font-size:14px}.navbar nav{flex-wrap:nowrap}
.navbar .utilities{margin-left:auto;flex-wrap:nowrap;align-items:center}
.account-menu{position:relative;font-size:13px;white-space:nowrap}.account-menu summary{padding:10px;cursor:pointer}
.account-menu .account-bar{position:absolute;right:0;top:100%;z-index:30;min-width:240px;max-width:90vw;display:grid;background:var(--panel,#fffaf0);color:var(--ink,#322d2a);padding:16px;border:1px solid var(--edge,#c9bba4);border-radius:10px;white-space:normal}
#teacher-preview-banner{padding:0;background:transparent}.preview-menu{position:relative}.preview-menu summary{cursor:pointer;padding:10px;font-size:14px}
.preview-menu[open] #teacher-preview-banner{position:absolute;right:12px;top:52px;z-index:31;display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:var(--panel,#fffaf0);color:var(--ink,#322d2a);max-width:min(700px,95vw);border:1px solid var(--edge,#c9bba4);border-radius:10px}
#workspace:not([hidden]){padding:8px;gap:8px}
body[data-scene=room] #play-panel>.panel-heading{display:none}
#workspace>.play{padding:8px}.panel-heading,.play>.panel-heading{padding:8px 12px}.panel-heading h2,.panel-heading p{margin:0}.panel-heading .eyebrow,#hall-progress{display:none}
#workspace .room-stage{width:auto;max-width:100%;min-width:0}
.room-controls{margin-top:6px;gap:6px}.room-controls button{padding:7px 10px}.code-bottom{padding:8px 12px}
.bubble{top:12px;bottom:auto!important;left:50%!important;transform:translateX(-50%);width:min(620px,94%);padding:12px 12px 5px 76px;min-height:82px;border-radius:12px;z-index:5;display:grid;grid-template-columns:1fr auto;gap:2px}
.bubble:after{display:none}.bubble>canvas{position:absolute;left:8px;bottom:4px;width:60px;height:68px;image-rendering:pixelated}
.bubble p{grid-column:1/-1;font-size:17px;line-height:1.35;margin:0}.bubble button{grid-column:2;justify-self:end;min-height:32px;font-size:13px;padding:3px 8px}
#arcade-wallet{z-index:1!important}.room-stage:has(.bubble:not([hidden])) #arcade-wallet{visibility:hidden}
#lesson-navigation{margin-top:16px}.chapter-navigation{display:flex;flex-wrap:wrap;gap:6px}.chapter-navigation button{font-size:14px}
#lesson-ready{margin:14px 0}#repair-feedback,#chapter-feedback{display:none}
#lesson-notice{position:absolute;top:56px;right:12px;z-index:6;width:min(330px,90%);background:#fff7e6;color:#283747;padding:10px 34px 10px 14px;border:2px solid #a0bfae;border-radius:12px;box-shadow:0 3px 12px #0003}
#lesson-notice p{margin:4px 0;font-size:15px;line-height:1.4}#lesson-notice button{position:absolute;right:2px;top:2px;min-height:28px;padding:1px 7px;background:transparent;color:inherit}
#lesson-notice-speaker{font-size:13px;color:#526358}
#chapter-lines .chapter-command{position:relative;font:17px/40px ui-monospace,Consolas,monospace;align-items:center;gap:4px;flex-wrap:nowrap;padding-top:48px;overflow-x:auto}
#chapter-lines .chapter-command code{font:inherit;line-height:40px}
#chapter-lines .object-comment{position:absolute;top:4px;left:10px;line-height:20px!important;color:#aebccf}
#chapter-lines .chapter-input-cell{position:relative;display:inline-flex;height:40px;min-height:40px;margin:0;padding:0;justify-content:center;line-height:40px}
#chapter-lines .chapter-input-cell>span{position:absolute;bottom:100%;left:0;font:12px/18px Arial,sans-serif}
#chapter-lines .chapter-input-cell input{width:60px;height:40px;line-height:24px;padding:8px 5px;font:700 17px/24px ui-monospace,Consolas,monospace}
#chapter-lines .chapter-input-cell>code{display:block;padding:0 5px;line-height:40px}
#arcade-dialog{position:relative;width:min(1000px,96vw);padding:16px}
#arcade-dialog .arcade-stage{position:relative}#arcade-dialog canvas{display:block;width:100%;max-height:70dvh;object-fit:contain}
#arcade-dialog[data-playing=false]>p:first-of-type{position:absolute;z-index:2;top:28%;left:50%;transform:translateX(-50%);width:min(470px,80%);padding:18px;background:#fff8ec;color:#243b43;border-radius:12px;text-align:center;font-size:18px}
#arcade-dialog[data-playing=false] #arcade-status:not(:empty){position:absolute;z-index:3;top:49%;left:50%;transform:translateX(-50%);width:min(470px,80%);background:#fff8ec;color:#243b43;padding:12px;border-radius:12px;text-align:center}
#arcade-dialog[data-playing=true]>p:first-of-type{display:none}
#arcade-dialog .arcade-actions{justify-content:center}
#tester-feedback-close{position:absolute;right:8px;top:8px;min-height:36px;padding:2px 10px}
.quiz-invitation{display:flex;align-items:center;gap:12px;padding:12px;background:#eee8fc;border-radius:12px;margin:16px 0}.quiz-invitation p{margin:0;font-size:16px}.quiz-invitation button{white-space:nowrap}
#lesson-quiz{width:min(620px,94vw)}#lesson-quiz-result{padding:12px;border-radius:10px;background:#334b48}#lesson-quiz #chapter-question{margin:0}
.dot-call{position:sticky;top:0;background:#fbf7ee;z-index:2;padding:8px}.coordinate-board{max-width:min(680px,calc((100dvh - 320px)*1.478));margin:auto}.coordinate-board~p{margin:6px}.grid-status{display:none}
@media(min-width:821px){#workspace[data-coordinate-game=true] #chapter-body,#workspace[data-coordinate-game=true] #chapter-title{display:none}#workspace[data-coordinate-game=true] #chapter-special{margin:0}#workspace[data-coordinate-game=true] #chapter-instructions>p{margin:6px}#workspace[data-coordinate-game=true] #chapter-special>p{margin:5px}}
@media(max-width:1000px){.navbar .brand span{display:none}.navbar .utilities{gap:2px}.navbar button{font-size:12px;padding:6px}.navbar{gap:4px}}
@media(max-width:820px){.navbar{flex-wrap:wrap}.navbar nav{order:2;width:100%;justify-content:center;overflow-x:auto}.navbar .utilities{margin-left:auto}.bubble p{font-size:15px}.bubble{padding-left:58px}.bubble>canvas{width:44px;height:50px}.coordinate-board{max-width:min(100%,calc((100dvh - 320px)*1.478))}}
@media(prefers-reduced-motion:reduce){.capture-hit,.cutscene-stage{animation:none!important}}
.in-room-conversation .cutscene-stage{position:relative;min-height:0;overflow:hidden;background:#292c41}
.conversation-room{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain}
.in-room-conversation .cutscene-actors{display:none}
.in-room-conversation .cutscene-bubble{position:absolute;top:12px;left:4%;right:4%;min-height:0;margin:0;padding:12px 16px}
.in-room-conversation .cutscene-bubble:before{display:none}.in-room-conversation .cutscene-line{font-size:18px;margin-top:4px}
.cutscene-controls{justify-content:flex-end;gap:8px}.cutscene-controls button{min-height:34px;padding:5px 10px}.cutscene-controls span{font-size:13px}
.vent-disturbance{animation:vent-rumble .45s ease-in-out 2}@keyframes vent-rumble{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
#capture-result{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#173b40ec;color:#ffe7a2}
#capture-result[data-hit=false]{background:#772f3ce8;color:white}#capture-result strong{font-size:28px}#capture-result canvas{width:180px;max-height:40%;object-fit:contain;image-rendering:pixelated}
.console-introduction{outline:3px solid #e5b65d;outline-offset:3px}.studio-quiz{width:min(620px,94vw);max-height:85dvh;overflow:auto}.studio-quiz fieldset{margin:12px 0}.studio-quiz [role=status]:not(:empty){padding:14px;border-radius:8px;background:#334b48;color:white}
#chapter-result{position:absolute;right:16px;bottom:68px;z-index:6}