/* PAM V658F · responsive interior Cubos Espejo. Solo distribución visual. */
.mobile-settings-toggle{display:none}
@media (min-width: 760px){
  body[data-pam-spatial-v658f="cubos-espejo"]{padding:10px;min-height:100dvh}
  body[data-pam-spatial-v658f="cubos-espejo"] .app{max-width:1480px;grid-template-columns:minmax(250px,330px) minmax(0,1fr);align-items:start}
  body[data-pam-spatial-v658f="cubos-espejo"] .header,
  body[data-pam-spatial-v658f="cubos-espejo"] .dashboard,
  body[data-pam-spatial-v658f="cubos-espejo"] .tools-row{grid-column:1/-1}
  body[data-pam-spatial-v658f="cubos-espejo"] .toolbar{grid-column:1;grid-row:2 / span 2;grid-template-columns:1fr 1fr;position:sticky;top:10px;align-self:start}
  body[data-pam-spatial-v658f="cubos-espejo"] .field.level,
  body[data-pam-spatial-v658f="cubos-espejo"] .field.content,
  body[data-pam-spatial-v658f="cubos-espejo"] .field.type,
  body[data-pam-spatial-v658f="cubos-espejo"] .field.mirror-side,
  body[data-pam-spatial-v658f="cubos-espejo"] #newBtn,
  body[data-pam-spatial-v658f="cubos-espejo"] #quickMistakesBtn,
  body[data-pam-spatial-v658f="cubos-espejo"] #quickExpertBtn{grid-column:span 1}
  body[data-pam-spatial-v658f="cubos-espejo"] .dashboard{grid-column:2;grid-row:2}
  body[data-pam-spatial-v658f="cubos-espejo"] .stage{grid-column:2;grid-row:3;min-width:0}
  body[data-pam-spatial-v658f="cubos-espejo"] canvas{height:clamp(430px,calc(100dvh - 290px),760px);max-height:none}
  body[data-pam-spatial-v658f="cubos-espejo"] .answer-zone{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)}
}
@media (min-width: 1180px){
  body[data-pam-spatial-v658f="cubos-espejo"] .app{grid-template-columns:300px minmax(0,1fr)}
  body[data-pam-spatial-v658f="cubos-espejo"] .header{display:grid;grid-template-columns:1fr auto}
  body[data-pam-spatial-v658f="cubos-espejo"] .answer-buttons{grid-template-columns:repeat(4,minmax(72px,1fr))}
  body[data-pam-spatial-v658f="cubos-espejo"] .side-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 760px) and (max-height: 760px){
  body[data-pam-spatial-v658f="cubos-espejo"] .header{padding:8px 12px}
  body[data-pam-spatial-v658f="cubos-espejo"] .subtitle{display:none}
  body[data-pam-spatial-v658f="cubos-espejo"] .dashboard{padding:5px}
  body[data-pam-spatial-v658f="cubos-espejo"] .stat{padding:4px}
  body[data-pam-spatial-v658f="cubos-espejo"] .stat strong{font-size:17px}
  body[data-pam-spatial-v658f="cubos-espejo"] .stage{padding:8px}
  body[data-pam-spatial-v658f="cubos-espejo"] canvas{height:clamp(350px,calc(100dvh - 235px),560px)}
  body[data-pam-spatial-v658f="cubos-espejo"] .answer-btn{padding:10px 6px}
}
@media (max-width: 759px){
  body[data-pam-spatial-v658f="cubos-espejo"]{padding-bottom:max(6px,env(safe-area-inset-bottom))}
}

/* RC3X · foco móvil sin deformar el lienzo lógico de 1200 × 820. */
@media (max-width: 759px){
  body[data-pam-spatial-v658f="cubos-espejo"]{
    padding:4px 5px max(5px,env(safe-area-inset-bottom));
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .app{gap:5px}
  body[data-pam-spatial-v658f="cubos-espejo"] .header{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:5px;
    padding:6px 7px;
    border-radius:13px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .header h1{
    font-size:18px;
    line-height:1.05;
    text-align:center;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .mirror-title-prefix{display:none}
  body[data-pam-spatial-v658f="cubos-espejo"] .header .quickbar{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    width:100%;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .header .quickbar button{
    min-height:36px;
    padding:7px 3px;
    font-size:11px;
    border-radius:10px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .mobile-settings-toggle{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:8px;
    width:100%;
    min-height:42px;
    padding:7px 10px;
    border:1px solid #bae6fd;
    border-radius:12px;
    background:#e0f2fe;
    color:#0f172a;
    text-align:left;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .mobile-settings-toggle>span{
    color:#075985;
    font-size:12px;
    font-weight:950;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .mobile-settings-toggle>strong{
    min-width:0;
    overflow:hidden;
    color:#334155;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .toolbar{display:none!important}
  body[data-pam-spatial-v658f="cubos-espejo"].mobile-settings-open .toolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:5px;
    padding:6px;
    border-radius:12px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"].mobile-settings-open .field,
  body[data-pam-spatial-v658f="cubos-espejo"].mobile-settings-open #newBtn{
    grid-column:span 1;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .dashboard{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:3px;
    padding:4px;
    border-radius:11px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .stat{
    padding:3px 1px;
    border-radius:9px;
    font-size:9px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .stat strong{
    margin-top:0;
    font-size:15px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .progressWrap{
    grid-column:1/-1;
    gap:2px;
    font-size:0;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] #coachTip{display:none}
  body[data-pam-spatial-v658f="cubos-espejo"] .progress{height:6px}
  body[data-pam-spatial-v658f="cubos-espejo"] .stage{
    scroll-margin-top:4px;
    padding:5px;
    border-radius:12px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .stage-head{
    margin-bottom:3px;
    gap:5px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .stage h2{font-size:14px}
  body[data-pam-spatial-v658f="cubos-espejo"] .badge{
    padding:4px 6px;
    font-size:10px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] canvas{
    display:block;
    width:100%;
    height:auto!important;
    max-height:none;
    aspect-ratio:1200 / 820;
    object-fit:contain;
    border-radius:9px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .answer-zone{
    gap:4px;
    margin-top:4px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .answer-buttons{gap:4px}
  body[data-pam-spatial-v658f="cubos-espejo"] .answer-btn{
    min-height:48px;
    padding:7px 3px;
    border-radius:10px;
    font-size:20px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .side-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .side-actions button{
    min-height:38px;
    padding:6px 2px;
    border-radius:9px;
    font-size:10px;
  }
  body[data-pam-spatial-v658f="cubos-espejo"] .feedback{
    min-height:30px;
    padding:5px 7px;
    border-radius:9px;
    font-size:11px;
  }
}

@media (max-width: 380px){
  body[data-pam-spatial-v658f="cubos-espejo"] .mobile-settings-toggle>strong{font-size:10px}
  body[data-pam-spatial-v658f="cubos-espejo"] .header .quickbar button{font-size:10px}
}