/* MABNI v52: visible maze + no Run Logic ribbon. Keeps classroom-clean layout. */
#v47LearningRibbon,
.v47-learning-ribbon{display:none!important;}
/* Make the maze itself read clearly even if PNG assets are delayed by the browser. */
.visualization{
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.92), transparent 32%),
    linear-gradient(180deg,#dff5ff 0%, #f8fdff 100%)!important;
  border-color:#b7d7f1!important;
}
#svgMaze{background:transparent!important;}
#svgMaze .tile-base{stroke:none!important;opacity:1!important;}
#svgMaze .tile-base.path{fill:#e9f8ff!important;}
#svgMaze .tile-base.start{fill:#c7ecff!important;}
#svgMaze .tile-base.goal{fill:#ffe476!important;}
#svgMaze .tile-base.trail{fill:#a6f4c9!important;}
#svgMaze .tile-base.wall{fill:#2f8fbe!important;}
#svgMaze .kenney-maze-tile-img{opacity:.95!important;mix-blend-mode:normal!important;}
#svgMaze .kenney-maze-tile-img.path{opacity:.72!important;}
#svgMaze .kenney-maze-tile-img.start,
#svgMaze .kenney-maze-tile-img.goal,
#svgMaze .kenney-maze-tile-img.trail{opacity:.86!important;}
#svgMaze .kenney-maze-tile-img.wall{opacity:1!important;filter:drop-shadow(0 2px 1px rgba(0,0,0,.14));}
/* Border overlay only. Do not cover Kenney images. */
#svgMaze .tile-frame{fill:transparent!important;pointer-events:none!important;}
#svgMaze .tile-frame.path{stroke:#8fc0e4!important;stroke-width:1.8!important;}
#svgMaze .tile-frame.start{stroke:#1e9ad2!important;stroke-width:2.5!important;}
#svgMaze .tile-frame.goal{stroke:#e0a400!important;stroke-width:3!important;}
#svgMaze .tile-frame.trail{stroke:#16a66b!important;stroke-width:3!important;}
#svgMaze .tile-frame.wall{stroke:#0e628a!important;stroke-width:3.2!important;}
#svgMaze .board-item{filter:drop-shadow(0 4px 6px rgba(15,35,60,.20));}
#svgMaze .goal-item{filter:drop-shadow(0 6px 8px rgba(130,88,0,.28));}
#svgMaze .player-robot-sprite{filter:drop-shadow(0 9px 9px rgba(10,30,60,.34))!important;}
/* Keep top pin small and readable without saying Run Logic anywhere. */
.focus-toggle-float{font-size:0!important;}
.focus-toggle-float .pin-copy{display:none!important;}
.focus-toggle-float .pin-icon,.focus-toggle-float .pin-arrow{display:inline!important;}
/* If old injected ribbon somehow exists, no layout space. */
body:has(#v47LearningRibbon) #v47LearningRibbon{display:none!important;height:0!important;margin:0!important;padding:0!important;}
/* Keep the learning area compact enough that Run remains visible. */
.left-panel{grid-template-rows:38px minmax(300px,1fr) 54px minmax(38px,auto)!important;}
.mission-bar{height:38px!important;}
@media(max-height:820px) and (min-width:1000px){
  .left-panel{grid-template-rows:32px minmax(250px,1fr) 48px minmax(34px,auto)!important;}
  .visualization{padding:4px!important;}
}