/* MABNI Coding Studio 1.2.12: compact topbar + clearer mission assets */
:root{--mabni-topbar-h:68px;--mabni-blue:#004E92;--mabni-ink:#08233d;}
.topbar.mabni-topbar-1211{
  height:var(--mabni-topbar-h)!important;min-height:var(--mabni-topbar-h)!important;
  grid-template-columns:50px minmax(170px,210px) minmax(560px,1fr) auto!important;
  gap:8px!important;padding:6px 10px!important;align-items:center!important;overflow:hidden!important;
}
.top-home-logo{width:44px!important;height:44px!important;border-radius:16px!important;}
.top-home-logo img{width:30px!important;height:30px!important;}
.workspace-concept-brand.concept-chooser-btn{height:48px!important;border-radius:18px!important;padding:6px 14px!important;min-width:0!important;overflow:hidden!important;}
.workspace-concept-brand #workspaceConceptKicker{font-size:9px!important;letter-spacing:.16em!important;line-height:1!important;}
.workspace-concept-brand strong{font-size:18px!important;line-height:1.05!important;max-width:150px!important;}
.concept-change-cue{right:8px!important;font-size:12px!important;}
.level-row{height:54px!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:5px!important;overflow:hidden!important;}
.level-nav-arrow,.level-row>.secondary.small{width:38px!important;height:38px!important;min-width:38px!important;font-size:24px!important;border-radius:999px!important;}
.level-strip{gap:5px!important;justify-content:center!important;overflow:hidden!important;padding:3px 0 4px!important;scrollbar-width:none!important;}
.level-strip::-webkit-scrollbar{display:none!important;}
.level-chip{flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:40px!important;border-radius:18px!important;padding:0!important;box-shadow:0 6px 14px rgba(0,78,146,.08)!important;}
.level-chip .level-chip-num{font-size:22px!important;line-height:1!important;}
.level-chip .chip-stars{display:none!important;}
.level-chip.active{transform:none!important;background:linear-gradient(180deg,#ffd65a,#f4b223)!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px rgba(34,197,94,.28),0 8px 18px rgba(245,158,11,.22)!important;}
.user-area.compact-user-area{gap:6px!important;align-items:center!important;justify-content:flex-end!important;}
.about-link,.user-area .toplink[href*="about"],.user-area .toplink[href*="contact"],.user-area .toplink[href*="guide"],#teacherBtn{display:none!important;}
.theme-icon-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:21px!important;line-height:1!important;}
.theme-icon-btn .theme-glyph{display:block!important;line-height:1!important;filter:drop-shadow(0 2px 3px rgba(0,78,146,.18));}
.customize-brush-btn.avatar-btn{width:44px!important;min-width:44px!important;height:42px!important;border-radius:15px!important;padding:0!important;display:grid!important;place-items:center!important;}
.customize-brush-btn .brush-icon{font-size:24px!important;line-height:1!important;}
.customize-brush-btn .brush-label{display:none!important;}
#userBtn.user-chip-btn,#userBtn{height:42px!important;max-width:138px!important;padding:0 12px!important;border-radius:15px!important;font-size:14px!important;}
.about-customize-btn,.teacher-tools-customize-btn{height:40px!important;border-radius:14px!important;padding:0 14px!important;font-weight:900!important;}
/* Bigger and cleaner recycle/trash mission visuals */
.mission-asset-group.big-mission-item .mission-item-pad{stroke:#22c55e!important;stroke-width:2.5!important;filter:drop-shadow(0 5px 8px rgba(15,44,74,.18));}
.mission-asset-group.big-mission-item .mission-item-img{image-rendering:auto!important;filter:drop-shadow(0 5px 6px rgba(15,23,42,.20));}
.recycle-item .mission-item-pad{fill:#ecfdf5!important;stroke:#16a34a!important;}
.trash-item .mission-item-pad{fill:#f0f9ff!important;stroke:#0ea5e9!important;}
.mission-goal-ring{fill:#fff7d6!important;stroke:#f59e0b!important;stroke-width:4!important;filter:drop-shadow(0 5px 8px rgba(245,158,11,.20));}
.mission-goal-img{image-rendering:auto!important;filter:drop-shadow(0 4px 6px rgba(15,23,42,.18));}
.goal-label{font-size:11px!important;font-weight:1000!important;letter-spacing:.03em!important;paint-order:stroke!important;stroke:#fff!important;stroke-width:3px!important;fill:#4a2a00!important;}
@media (max-width:1360px){
  .topbar.mabni-topbar-1211{grid-template-columns:46px minmax(145px,180px) minmax(500px,1fr) auto!important;gap:6px!important;}
  .workspace-concept-brand strong{font-size:16px!important;max-width:128px!important;}
  .level-chip{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:36px!important;border-radius:16px!important;}
  .level-chip .level-chip-num{font-size:20px!important;}
  .level-row{grid-template-columns:36px minmax(0,1fr) 36px!important;gap:4px!important;}
  .level-nav-arrow,.level-row>.secondary.small{width:36px!important;height:36px!important;min-width:36px!important;}
  #userBtn{max-width:112px!important;}
}
@media (max-width:1120px){
  :root{--mabni-topbar-h:64px;}
  .topbar.mabni-topbar-1211{grid-template-columns:42px minmax(118px,145px) minmax(420px,1fr) auto!important;padding:5px 7px!important;}
  .top-home-logo{width:38px!important;height:38px!important}.top-home-logo img{width:27px!important;height:27px!important;}
  .workspace-concept-brand.concept-chooser-btn{height:40px!important;padding:5px 10px!important;}
  .workspace-concept-brand strong{font-size:14px!important;max-width:98px!important;}
  .level-chip{flex-basis:34px!important;width:34px!important;min-width:34px!important;height:34px!important;}
  .level-chip .level-chip-num{font-size:18px!important;}
  .theme-icon-btn,.customize-brush-btn.avatar-btn{width:36px!important;min-width:36px!important;height:36px!important;}
  #userBtn{max-width:92px!important;height:36px!important;font-size:12px!important;padding:0 8px!important;}
}
@media (max-width:900px){
  .topbar.mabni-topbar-1211{grid-template-columns:38px 1fr auto!important;grid-template-areas:'logo concept controls' 'levels levels levels'!important;height:auto!important;min-height:0!important;}
  .top-home-logo{grid-area:logo}.workspace-concept-brand{grid-area:concept}.user-area{grid-area:controls}.level-row{grid-area:levels;width:100%!important;}
}