/* MABNI Coding Studio 1.2.6 focused polish
   Scope: remove medals, replace workspace logo with concept title, clean arrow focus toggle,
   improve robot direction visuals, and make mission items cleaner. */

/* Remove medal visuals everywhere in the student experience. Stars stay. */
.v49-world-medal,
.goal-medal,
.completion-mark,
img[src*="medal"],
[class*="medal"]{
  display:none!important;
  background-image:none!important;
}
.complete-card .completion-mark{display:none!important;}

/* Top-left inside the coding workspace: concept title, not logo. */
.topbar .workspace-concept-brand{
  min-width:142px;
  max-width:210px;
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:2px;
  padding:10px 16px;
  margin-inline-start:8px;
  border-radius:22px;
  border:1px solid rgba(0,78,146,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(236,248,255,.92));
  box-shadow:0 12px 28px rgba(15,35,60,.08);
  color:#092744;
  overflow:hidden;
}
.workspace-concept-brand span{
  font-size:11px;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#64748b;
  font-weight:900;
  white-space:nowrap;
}
.workspace-concept-brand strong{
  font-size:18px;
  line-height:1.1;
  font-weight:950;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Beautiful arrow up/down top collapse control. */
.focus-toggle-float.top-arrow-toggle,
.focus-exit-btn.top-arrow-return{
  position:fixed!important;
  right:18px!important;
  top:96px!important;
  z-index:80!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:112px!important;
  height:42px!important;
  padding:0 14px!important;
  border:1px solid rgba(0,78,146,.22)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffffff,#eef8ff)!important;
  color:#073156!important;
  box-shadow:0 14px 30px rgba(0,78,146,.14)!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}
.focus-toggle-float .arrow-symbol,
.focus-exit-btn .arrow-symbol{
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:#004E92;
  color:#fff;
  font-size:16px;
  line-height:1;
  box-shadow:0 6px 14px rgba(0,78,146,.22);
}
.focus-toggle-float .pin-icon,
.focus-toggle-float .pin-copy,
.focus-toggle-float .pin-arrow{display:none!important;}
body.focus-mode .focus-toggle-float.top-arrow-toggle .arrow-symbol{transform:rotate(180deg);}
body.focus-mode .focus-toggle-float.top-arrow-toggle .arrow-copy::before{content:'Show top';font-size:0;}

/* Robot: keep the nice Kenney image, but make it feel like a player token, not a sticker. */
#svgMaze #playerToken{
  transition:transform .28s cubic-bezier(.2,.9,.2,1)!important;
  transform-box:fill-box;
  transform-origin:center center;
  filter:drop-shadow(0 10px 12px rgba(15,35,60,.20));
}
#svgMaze .player-robot-sprite{
  transform-box:fill-box!important;
  transform-origin:center center!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 3px 4px rgba(15,23,42,.28));
}
#svgMaze .player-token > circle:first-child{opacity:.12!important;}
#svgMaze .player-token > circle:nth-child(2){opacity:.18!important;}
#svgMaze .player-emoji-badge{display:none!important;}

/* Maze tile polish: clean, less noisy outlines. */
#svgMaze .tile-frame{
  stroke-width:2!important;
  opacity:.92!important;
}
#svgMaze .tile-frame.path{stroke:#9fc9df!important;}
#svgMaze .tile-frame.wall{stroke:#0875ae!important;}
#svgMaze .tile-frame.trail{stroke:#22b879!important;}
#svgMaze .tile-frame.goal{stroke:#f3b300!important;}
#svgMaze .tile-frame.start{stroke:#16a37a!important;}
#svgMaze .kenney-maze-tile-img{
  opacity:.88!important;
  filter:none!important;
}

/* Mission objects: use clean centered badges instead of messy tiny sprites. */
#svgMaze .mission-asset-group .mission-item-pad{
  fill:#ffffff!important;
  opacity:.96!important;
  stroke:#cfe8f4!important;
  stroke-width:2!important;
  filter:drop-shadow(0 4px 7px rgba(15,35,60,.18));
}
#svgMaze .mission-item-img,
#svgMaze .mission-plant-img{
  image-rendering:auto!important;
  filter:drop-shadow(0 2px 2px rgba(15,23,42,.22));
}
#svgMaze .recycle-item .mission-item-pad{stroke:#22c55e!important;fill:#f0fdf4!important;}
#svgMaze .trash-item .mission-item-pad{stroke:#fb923c!important;fill:#fff7ed!important;}
#svgMaze .seed-item .mission-item-pad,
#svgMaze .planting-spot .mission-item-pad{stroke:#16a34a!important;fill:#eefdf3!important;}
#svgMaze .mission-badge{font-weight:950;filter:none!important;}

/* Goal: keep it clear, no medal treatment. */
#svgMaze .mission-goal-ring{
  fill:#fffbeb!important;
  stroke:#f2a900!important;
  stroke-width:4!important;
  filter:drop-shadow(0 6px 10px rgba(245,158,11,.22));
}
#svgMaze .mission-goal-img{filter:drop-shadow(0 3px 4px rgba(15,23,42,.20));}
#svgMaze .goal-label{
  font-size:11px!important;
  font-weight:950!important;
  fill:#7a4a00!important;
  paint-order:stroke;
  stroke:#fff7d6;
  stroke-width:3px;
}

/* Level strip numbers remain readable. */
.level-strip .level-pill,
.level-strip button{
  min-width:58px!important;
  min-height:46px!important;
  height:46px!important;
  border-radius:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:950!important;
  padding:0 18px!important;
}
.level-strip{align-items:center!important;min-height:56px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 6px!important;}

/* Login: avoid strange inner scroll if old CSS leaves it there. */
#signinDialog .dialog-card{max-height:min(86vh,680px)!important;overflow:auto!important;}
#signinDialog .login-choice-panel{max-height:none!important;overflow:visible!important;}