/* La pantalla pequeña y el monitor ampliado comparten carta y telemetría. */
.ruta-mini {position:absolute;left:823px;top:434px;width:404px;height:210px;overflow:hidden;border-radius:2px;color:#e9fff6;background:#061b29}
.ruta-mini-head,.ruta-strip {display:flex;align-items:center;justify-content:space-between;background:#0d2936}
.ruta-mini-head {height:34px;padding:0 12px;font:600 18px var(--sans)}
.ruta-mini-head small,.ruta-strip strong {color:#79e9c6;font:600 10px var(--mono);letter-spacing:.08em}
.ruta-wrap {max-width:1120px;margin:auto}
.ruta-wrap h2 {font:600 clamp(32px,5vw,62px)/1.05 var(--sans);letter-spacing:-.04em;margin:.18em 0 .45em;outline:none}
.ruta-intro,.ruta-foot {color:#b2c8d1;line-height:1.5}
.ruta-console {border:1px solid #3b5965;border-radius:14px;overflow:hidden;background:#081d29}
.ruta-strip,.ruta-controls {padding:14px 20px}
.ruta-strip span {font-weight:600}
.ruta-display svg {display:block;width:100%;height:auto;background-color:#092231;background-image:linear-gradient(#34566442 1px,transparent 1px),linear-gradient(90deg,#34566442 1px,transparent 1px);background-size:8% 20%}
.ruta-display svg text {font:600 21px var(--sans);fill:#f1fcff;paint-order:stroke;stroke:#0b2430;stroke-width:4px}
.ruta-display dl {display:flex;flex-wrap:wrap;gap:10px 26px;padding:16px 20px;margin:0;border-top:1px solid #304b56}
.ruta-display dt,.ruta-controls label {font:500 11px var(--mono);color:#9ab9c4}
.ruta-display dd {margin:5px 0 0;font:600 clamp(13px,2vw,20px) var(--mono);color:#aeffe1}
.ruta-mini .ruta-display dd {font-size:10px}
.ruta-mini .ruta-display dt {font-size:8px}
.ruta-mini .ruta-display dl {padding:4px 8px;gap:11px}
.ruta-mini .ruta-display svg {height:140px}
.ruta-controls {display:flex;align-items:center;gap:12px;border-top:1px solid #304b56}
.ruta-controls button {color:#adfce0;background:#153c40;border:1px solid #4d8982;padding:9px 14px;border-radius:6px;cursor:pointer}
.ruta-controls input {min-width:0;flex:1;accent-color:#72e9bd}
.ruta-foot {font-size:13px}.ruta-foot a {color:#8de6cd}
.scene-plaque.ruta-mobile {display:none}
@media(max-width:919px) and (orientation:portrait) {
  .scene-plaque.ruta-mobile {display:flex}
  .scene-plaque[data-for="scope"] {grid-column:auto}
}

@media (max-width:919px) {
  .back,.pill {min-height:44px;min-width:44px}
  .scene-plaque {touch-action:manipulation}
}
@media (max-width:919px) and (orientation:landscape) {
  .labels {inset:12px max(12px,env(safe-area-inset-right)) 12px 63%;display:grid;align-content:center;grid-template-columns:1fr 1fr;gap:7px}
  .labels .scene-plaque {position:static;width:100%!important;height:46px;transform:none!important;justify-content:flex-start;padding:0 8px;gap:6px;font-size:clamp(9px,1.25vw,12px);letter-spacing:.01em}
  .labels .scene-plaque i {width:8px;height:8px}
  .scene-plaque.ruta-mobile {display:flex}
  .home .room-hint {display:none}
}