/* AstroLifeMap V102.06.4
   Visual polish only:
   1) use the empty upper stage area instead of vertically centering the 3D floor too low
   2) increase important text sizes slightly for readability
   Does NOT change drag math, snapping, rotation, 27 mini-blocks, direction detection, or Vaastu scoring.
*/

@media (min-width:1181px){

  /* ----- CENTER STAGE POSITIONING ----- */

  /* The old scene-shell uses place-items:center, which vertically centers the
     untransformed scene box and leaves too much empty space above the visible 3D floor.
     Anchor the scene toward the top instead. */
  .scene-shell{
    display:grid!important;
    place-items:start center!important;
    align-items:start!important;
    justify-items:center!important;
    padding-top:12px!important;

    /* Keep the complete floor large, but slightly smaller than full size so all corners remain visible. */
    transform:translateY(-6px) scale(.90)!important;
    transform-origin:50% 0%!important;
  }

  /* Keep a safe gap above the action bar. */
  .stage-bottom{
    bottom:10px!important;
  }

  /* ----- TOP TOOLBAR / HEADER READABILITY ----- */

  .stage-toolbar{
    padding:11px 13px!important;
  }

  .pill{
    font-size:12.5px!important;
    padding:8px 11px!important;
  }

  .view-tab{
    font-size:13px!important;
    padding:8px 11px!important;
  }

  .sunrise{
    font-size:12px!important;
    padding:9px 12px!important;
  }

  /* Bigger N / E / S / W in compass. */
  .toolbar-compass span,
  .compass span{
    font-size:14px!important;
    font-weight:950!important;
  }

  /* ----- 3D FLOOR LABEL READABILITY ----- */

  .direction-zone-label,
  .zone-label{
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
    color:rgba(255,247,220,.98)!important;
    text-shadow:0 1px 4px rgba(0,0,0,.95)!important;
  }

  .empty-note{
    font-size:15px!important;
    line-height:1.35!important;
  }

  .empty-note b{
    font-size:19px!important;
  }

  /* Component labels remain vertical but become easier to read. */
  .component > span{
    font-size:11.5px!important;
    font-weight:950!important;
    line-height:1.05!important;
  }

  .component > span small{
    font-size:7.5px!important;
  }

  /* ----- LEFT PANEL READABILITY ----- */

  .left-panel .panel-head h2{
    font-size:15px!important;
  }

  .left-panel .section-title{
    font-size:11.5px!important;
    letter-spacing:.07em!important;
  }

  .left-panel .field label{
    font-size:10.8px!important;
  }

  .left-panel .control{
    font-size:11.2px!important;
  }

  .left-panel .helper{
    font-size:9.5px!important;
    line-height:1.3!important;
  }

  .left-panel #componentSelect{
    font-size:11.2px!important;
  }

  .left-panel #addComponentBtn{
    font-size:10px!important;
  }

  .left-panel .selected-card strong{
    font-size:11.5px!important;
  }

  .left-panel .selected-card small{
    font-size:9.5px!important;
  }

  /* ----- RIGHT PANEL READABILITY ----- */

  .right-panel .panel-head h2{
    font-size:15px!important;
  }

  .right-panel .section-title{
    font-size:12px!important;
  }

  .right-panel .helper,
  .analysis-empty,
  .selected-editor{
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  .right-panel .control{
    font-size:11.5px!important;
  }

  .editor-actions .btn{
    font-size:11.5px!important;
  }

  /* ----- BOTTOM ACTIONS ----- */

  .stage-bottom .btn{
    font-size:13px!important;
    padding:9px 12px!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  .scene-shell{
    place-items:start center!important;
    align-items:start!important;
    padding-top:14px!important;
    transform:translateY(-4px) scale(.87)!important;
    transform-origin:50% 0%!important;
  }

  .direction-zone-label,
  .zone-label{font-size:10.5px!important}

  .toolbar-compass span,
  .compass span{font-size:13px!important}

  .pill{font-size:12px!important}
}