/* MABNI Coding Studio 1.2.11: compact one-line topbar and reachable controls */
:root{--mabni-topbar-h:78px;--mabni-blue:#004E92;--mabni-ink:#0b2942;--mabni-soft:#eaf6ff;}
body{overflow:hidden;}
.topbar.mabni-topbar-1211{height:var(--mabni-topbar-h)!important;min-height:var(--mabni-topbar-h)!important;display:grid!important;grid-template-columns:54px minmax(190px,260px) minmax(420px,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px 12px!important;overflow:visible!important;background:rgba(248,252,255,.96)!important;border-bottom:1px solid rgba(0,78,146,.16)!important;}
.top-home-logo{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.9);border:1px solid rgba(171,208,238,.7);box-shadow:0 10px 24px rgba(0,78,146,.10);text-decoration:none;flex:0 0 auto;}
.top-home-logo img{width:34px;height:34px;object-fit:contain;display:block;}
.workspace-concept-brand.concept-chooser-btn{min-width:0!important;width:100%!important;height:54px!important;padding:8px 18px!important;border-radius:24px!important;text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;}
.workspace-concept-brand #workspaceConceptKicker,.workspace-concept-brand span:first-child{font-size:11px!important;letter-spacing:.18em!important;line-height:1!important;color:#64748b!important;text-transform:uppercase!important;}
.workspace-concept-brand strong{font-size:22px!important;line-height:1.05!important;color:#08233d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
.concept-change-cue{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.7;}.hidden-lesson-trigger{display:none!important;}.lesson-level-cluster{display:contents!important;}
.level-row{height:60px!important;display:grid!important;grid-template-columns:46px minmax(260px,auto) 46px!important;align-items:center!important;gap:8px!important;min-width:0!important;justify-self:stretch!important;overflow:hidden!important;}
.level-nav-arrow,.level-row>.secondary.small{width:46px!important;height:46px!important;min-width:46px!important;border-radius:999px!important;padding:0!important;font-size:28px!important;line-height:1!important;display:grid!important;place-items:center!important;}
.level-strip{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x proximity!important;padding:4px 2px 8px!important;white-space:nowrap!important;}
.level-strip::-webkit-scrollbar{height:5px!important;}.level-strip::-webkit-scrollbar-thumb{background:rgba(0,78,146,.25)!important;border-radius:999px!important;}
.level-chip{flex:0 0 56px!important;width:56px!important;min-width:56px!important;height:48px!important;border-radius:22px!important;display:grid!important;place-items:center!important;position:relative!important;padding:0!important;scroll-snap-align:center!important;}
.level-chip .level-chip-num{font-size:26px!important;font-weight:900!important;line-height:1!important;display:block!important;white-space:nowrap!important;letter-spacing:0!important;}
.level-chip .chip-stars{position:absolute!important;bottom:-10px!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important;line-height:1!important;}.level-chip.active{background:linear-gradient(180deg,#ffd866,#f6b51b)!important;border-color:#f59e0b!important;box-shadow:0 8px 20px rgba(245,158,11,.28)!important;}
.user-area.compact-user-area{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;white-space:nowrap!important;}.user-area .toplink[href*="contact"],.user-area .toplink[href*="guide"],#teacherBtn{display:none!important;}
.theme-icon-btn{width:46px!important;height:46px!important;min-width:46px!important;border-radius:18px!important;padding:0!important;font-size:22px!important;display:grid!important;place-items:center!important;}.customize-brush-btn.avatar-btn{height:46px!important;min-width:64px!important;border-radius:18px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:linear-gradient(180deg,#ffffff,#eaf6ff)!important;border:1px solid rgba(0,78,146,.20)!important;color:#0b2942!important;font-weight:900!important;}.customize-brush-btn .brush-icon{font-size:24px!important;line-height:1!important;}.customize-brush-btn .brush-label{font-size:13px!important;line-height:1!important;}.user-chip-btn,#userBtn{height:46px!important;border-radius:18px!important;padding:0 16px!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;}.about-link{height:46px!important;border-radius:18px!important;padding:0 16px!important;display:inline-grid!important;place-items:center!important;}
.game-shell{height:calc(100vh - var(--mabni-topbar-h))!important;min-height:0!important;overflow:hidden!important;}.left-panel,.right-panel{min-height:0!important;height:100%!important;overflow:hidden!important;}.left-panel{display:grid!important;grid-template-rows:auto minmax(260px,1fr) auto auto!important;gap:8px!important;}.learning-focus-card{display:none!important;}.visualization{min-height:240px!important;height:100%!important;max-height:none!important;}.run-dock{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;display:grid!important;grid-template-columns:minmax(180px,1.1fr) repeat(4,minmax(110px,.75fr))!important;gap:8px!important;padding:8px!important;margin:0!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(171,208,238,.72)!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(15,44,74,.08)!important;z-index:8!important;}.run-dock button{height:52px!important;min-height:52px!important;border-radius:16px!important;white-space:nowrap!important;}.big-run{background:linear-gradient(180deg,#0b72b9,#004E92)!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,78,146,.22)!important;}.dialog.class-login-dialog .dialog-card{max-height:min(650px,92vh)!important;overflow:auto!important;}.teacher-tools-customize-btn{white-space:nowrap;}
@media (max-width:1280px){:root{--mabni-topbar-h:74px;}.topbar.mabni-topbar-1211{grid-template-columns:48px minmax(160px,220px) minmax(360px,1fr) auto!important;gap:8px!important;padding:7px 10px!important;}.top-home-logo{width:44px;height:44px;border-radius:16px}.top-home-logo img{width:30px;height:30px}.workspace-concept-brand.concept-chooser-btn{height:50px!important;border-radius:21px!important;padding:7px 14px!important}.workspace-concept-brand strong{font-size:20px!important}.level-row{grid-template-columns:42px minmax(240px,auto) 42px!important;gap:6px!important;height:54px!important}.level-nav-arrow,.level-row>.secondary.small{width:42px!important;height:42px!important;min-width:42px!important;font-size:26px!important}.level-chip{width:50px!important;min-width:50px!important;height:44px!important;flex-basis:50px!important;border-radius:20px!important}.level-chip .level-chip-num{font-size:24px!important}.theme-icon-btn,.customize-brush-btn.avatar-btn,#userBtn,.about-link{height:42px!important;border-radius:16px!important}.theme-icon-btn{width:42px!important;min-width:42px!important}.customize-brush-btn.avatar-btn{min-width:50px!important;padding:0 10px!important}.customize-brush-btn .brush-label{display:none!important}.customize-brush-btn .brush-icon{font-size:23px!important}#userBtn{max-width:130px!important;padding:0 12px!important}.about-link{padding:0 12px!important}.run-dock{grid-template-columns:minmax(150px,1fr) repeat(4,minmax(92px,.72fr))!important;gap:6px!important;padding:7px!important}.run-dock button{height:48px!important;min-height:48px!important;font-size:15px!important}}
@media (max-width:1050px){:root{--mabni-topbar-h:66px;}.topbar.mabni-topbar-1211{grid-template-columns:42px minmax(126px,170px) minmax(280px,1fr) auto!important;gap:6px!important;padding:6px 8px!important}.top-home-logo{width:38px;height:38px;border-radius:14px}.top-home-logo img{width:27px;height:27px}.workspace-concept-brand.concept-chooser-btn{height:44px!important;padding:5px 11px!important;border-radius:18px!important}.workspace-concept-brand #workspaceConceptKicker{font-size:9px!important;letter-spacing:.13em!important}.workspace-concept-brand strong{font-size:17px!important}.level-row{height:48px!important;grid-template-columns:38px minmax(220px,auto) 38px!important;gap:4px!important}.level-nav-arrow,.level-row>.secondary.small{width:38px!important;height:38px!important;min-width:38px!important;font-size:24px!important}.level-chip{width:44px!important;min-width:44px!important;flex-basis:44px!important;height:38px!important;border-radius:17px!important}.level-chip .level-chip-num{font-size:21px!important}.chip-stars{display:none!important}.theme-icon-btn{width:38px!important;height:38px!important;min-width:38px!important;font-size:20px!important}#avatarBtn{height:38px!important;min-width:42px!important}.about-link{display:none!important}#userBtn{height:38px!important;max-width:105px!important;font-size:13px!important}.game-shell{grid-template-columns:minmax(0,1fr) 8px minmax(350px,.82fr)!important;gap:4px!important}.mission-bar{padding:5px 10px!important;min-height:40px!important}.visualization{min-height:210px!important}.run-dock{grid-template-columns:1fr 1fr 1fr!important}.run-dock #clearBtn,.run-dock #hintBtn{display:none!important}}
@media (max-width:820px){body{overflow:auto!important}.topbar.mabni-topbar-1211{height:auto!important;min-height:0!important;grid-template-columns:38px 1fr auto!important;grid-template-areas:'logo concept controls' 'levels levels levels'!important}.top-home-logo{grid-area:logo}.workspace-concept-brand{grid-area:concept}.level-row{grid-area:levels}.user-area{grid-area:controls}.game-shell{height:auto!important;min-height:calc(100vh - 108px)!important;grid-template-columns:1fr!important;overflow:visible!important}.layout-splitter{display:none!important}.left-panel,.right-panel{height:auto!important;overflow:visible!important}.run-dock{position:sticky!important;bottom:0!important;grid-template-columns:1.3fr 1fr 1fr!important}}
body.top-hidden .topbar{display:none!important}body.top-hidden .game-shell{height:100vh!important}