/* ── Mobile layout (≤768px) ─────────────────────────────────────────────── */
@media(max-width:768px){
  body{overflow:hidden}
  #cw{
    flex:none;
    width:100vw;height:100vw;
    max-height:56vh;
  }
  /* Hide desktop stats panel on mobile — shown inline instead */
  #stats-panel{display:none}
  /* Scrollable panel */
  #mob-panel{
    display:flex!important;
    flex-direction:column;
    flex:1;min-height:0;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    background:#090d1a;
    border-top:2px solid #1a2236;
  }
  /* Hide desktop bars on mobile */
  #bar,#bar-row2,#bar-row3{display:none!important}
  /* Sections */
  .msec{
    padding:8px 12px;
    border-bottom:1px solid #111825;
    flex-shrink:0;
  }
  .msec-title{
    font-size:10px;color:#4a6a9a;letter-spacing:0.08em;
    text-transform:uppercase;margin-bottom:6px;
  }
  /* Speed row */
  #msec-speed{display:flex;align-items:center;gap:8px;}
  #msec-speed input[type=range]{flex:1;}
  #msec-speed .mv{font-size:13px;font-weight:700;color:#7ecfff;min-width:52px;text-align:right;}
  /* Info/status */
  #msec-info{min-height:20px;}
  #mob-mine-status{font-size:12px;color:#ffdd00;display:none;}
  #mob-stats{font-size:12px;color:#fff;line-height:1.8;display:none;}
  #mob-stats .lbl{color:rgba(255,255,255,0.5);}
  /* Mine control */
  .mob-mine-actions{display:none;}
  /* Buttons */
  #msec-btns{display:flex;gap:6px;flex-wrap:wrap;}
  #msec-btns button{flex:1;min-width:64px;font-size:12px;padding:7px 4px;min-height:36px;}
  /* Launch settings */
  #msec-launch{display:flex;flex-direction:column;gap:7px;}
  .mrow{display:flex;align-items:center;gap:8px;}
  .mrow label{font-size:12px;color:#8899bb;min-width:90px;}
  .mrow input[type=text]{
    width:72px;font-size:12px;background:#080d1a;
    border:1px solid #2a3a55;color:#fff;border-radius:4px;padding:4px 6px;
  }
  .mrow select{
    font-size:12px;background:#080d1a;border:1px solid #2a3a55;
    color:#fff;border-radius:4px;padding:4px 6px;
  }
  .mrow input[type=range]{flex:1;}
  .mrow .mv{font-size:12px;color:#7ecfff;font-weight:700;min-width:55px;text-align:right;}
  .mrow input[type=checkbox]{accent-color:#4a9eff;width:15px;height:15px;}
  /* Skip */
  #msec-skip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  #msec-skip label{font-size:12px;color:#8899bb;}
  #msec-skip input[type=text]{
    width:60px;font-size:12px;background:#080d1a;
    border:1px solid #2a3a55;color:#fff;border-radius:4px;padding:4px 6px;
  }
  #msec-skip select{
    font-size:12px;background:#080d1a;border:1px solid #2a3a55;
    color:#fff;border-radius:4px;padding:4px 6px;
  }
  #msec-skip button{font-size:13px;padding:6px 12px;min-height:32px;}
}

/* ── Mine nav — mobile overrides ─────────────────────────────────────────── */
@media(max-width:768px){
  .mine-nav-arrow{display:none;}
  #mine-nav-btns{
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;flex-wrap:nowrap;
    width:188px;
    scroll-snap-type:x mandatory;
  }
  #mine-nav-btns::-webkit-scrollbar{display:none;}
  #mine-nav-btns .mine-nav-btn{
    flex-shrink:0;
    width:60px;min-width:60px;
    scroll-snap-align:start;
  }
}

/* ── Group indicators — mobile overrides ─────────────────────────────────── */
@media(max-width:768px){
  .grp-ind{width:32px;height:32px;}
  .grp-ind .grp-count{font-size:12px;}
  .grp-ind .grp-inc{font-size:8px;}
}