/* Candidate V90.17 – ONLY light mobile map header proportions. No content logic.
   Exact screenshot validation on the actual user's device is outstanding. */
@media (max-width: 899px) {
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #view-map.view--active {
    row-gap: 8px !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] .app-header::before {
    width: clamp(75px,26vw,112px) !important;
    height: clamp(76px,25vw,104px) !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #app-title.header-title {
    font-size: clamp(19px,5.58vw,23px) !important;
    transform: translateY(10px) !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #header-tagline {
    transform: translateY(0px) !important;
    margin-top: 8px !important;
    line-height: 1.25 !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] .app-header-main::after {
    height: clamp(57px, 16.5vw, 72px) !important;
    margin-top: -25px !important;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0px, rgba(0,0,0,.8) 6px, #000 10px) !important;
    mask-image: linear-gradient(to bottom, transparent 0px, rgba(0,0,0,.8) 6px, #000 10px) !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section.sidebar-section {
    grid-template-columns: minmax(93px,29%) minmax(0,1fr) !important;
    grid-template-rows: 25px auto 29px !important;
    column-gap: 7px !important;
    row-gap: 0 !important;
    padding: 4px 12px 2px !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section > .sidebar-section-header {
    height: 25px !important;
    min-height: 25px !important;
    position: static !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section #menu-toggle {
    position: absolute !important;
    right: 12px !important;
    top: 0px !important;
    margin: 0 !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-title {
    padding-right: 40px !important;
    font-size: clamp(12px, 3.45vw, 15px) !important;
    line-height: 1.17 !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-sidebar-text {
    font-size: clamp(11.2px, 3.2vw, 13.5px) !important;
    line-height: 1.17 !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section .tilla-sidebar-avatar {
    align-self: end !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section .tilla-watercolor-canvas {
    width: 153% !important;
    margin-left: -27% !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section .tilla-sidebar-actions {
    margin-top: 0 !important;
    align-self: center !important;
    position: relative !important;
    height: 29px !important;
    padding-inline-end: clamp(30px,11.9vw,52px) !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section #btn-play-idea.btn-play-idea {
    position: absolute !important;
    top: -7.5px !important;
    left: 0 !important;
    right: clamp(30px,11.9vw,52px) !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    font-size: clamp(11px,3.18vw,13.5px) !important;
  }
  html.fsm-polished[data-theme="light"] body[data-app-view="map"] #tilla-section #btn-play-idea.btn-play-idea::after {
    top: 7.5px !important;
    bottom: 7.5px !important;
  }
}