/* ====== мобильная версия (светлая синяя тема) ====== */
@media (max-width: 760px){
  .wrap{padding:0 12px}
  body{font-size:14.5px}
  .topbar-inner{padding:8px 0 2px;gap:8px}
  .brand .small{display:none}
  .brand b{font-size:14px}
  .user-chip{margin-left:auto}
  .uc-role{display:none}
  .uc-name{font-size:13px}
  .xp-chip{order:5;flex-basis:100%;max-width:none;min-width:0;padding:0 2px 4px}
  .xp-chip .progress{min-width:80px}
  .tabs{
    flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin:0 -12px;padding:0 12px 9px;
  }
  .tabs::-webkit-scrollbar{display:none}
  .tab-btn{flex:0 0 auto;padding:8px 14px}
  .btn{min-height:40px;touch-action:manipulation}
  .input,.select{font-size:16px}
  .mission-head{gap:8px;margin-top:12px}
  .mission-head h2{font-size:17px;width:100%;order:3}
  .md-nav{display:none}
  h2{font-size:18px}
  .step-card{padding:16px;min-height:150px}
  .step-card .txt{font-size:15px}
  .step-card .ico{font-size:30px;width:52px;height:52px;border-radius:14px}
  .sim-box{padding:14px}
  .login-card{padding:26px 22px}
  .flip{max-width:none;flex-basis:100%;min-width:0;height:96px}
  .modal{margin:0 6px}
  .intro-card{padding:16px}
  .cell{width:22px;height:22px}
  .cell.robot::after{inset:4px}
  .kumir{font-size:11.5px;padding:8px 10px}
  .tbl-sm td,.tbl-sm th{padding:3px 7px;font-size:12px}
  .toast{max-width:92vw;font-size:13px}
  pre{font-size:12px;padding:10px}
  /* улучшения мобильной компоновки */
  .exp-layout{flex-direction:column}
  .exp-tree{width:100%;max-height:160px;border-right:none;border-bottom:1px solid #e2e6f0}
  .exp-main{max-height:340px}
  .qopts{gap:6px}
  .qopts .btn{min-height:46px}
  .stage-pills{width:100%;margin:10px 0 12px}
  .stage-pills .btn{flex:1;padding:9px 6px;font-size:13px}
  .mission-head .badge{display:none}
  .xp-chip{gap:6px}
  .demo{padding:12px}
  .win-toolbar{padding:6px 8px;gap:6px}
  .win-toolbar .tbtn{padding:4px 8px;font-size:12px}
  .stepper-nav{gap:6px}
  .materials-box .btn{width:100%;justify-content:flex-start}
  .md-nav{display:none}
  .mission-head .badge{display:none}
}
@media (max-width: 400px){
  .cell{width:20px;height:20px}
  .cell.robot::after{inset:3px}
  .robot-grid{gap:1px}
  .dots button{width:11px;height:11px}
}