.desfiladero-zona{gap:var(--s-3);touch-action:none;user-select:none;flex-direction:column;width:100%;display:flex;position:relative}.desfiladero-mensaje{left:50%;top:var(--s-4);z-index:1;max-width:min(320px,88%);padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface);color:var(--text);font-size:var(--fs-sm);text-align:center;pointer-events:none;margin:0;font-weight:600;line-height:1.35;position:absolute;transform:translate(-50%)}.desfiladero-mensaje[hidden]{display:none}#desfiladero-canvas{aspect-ratio:16/10;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2);touch-action:none;width:100%;display:block}@media (orientation:portrait){#desfiladero-canvas{aspect-ratio:1/2;align-self:center}}.desfiladero-controles{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.desfiladero-boton{min-width:44px;min-height:44px;padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;font-weight:600}.desfiladero-boton:hover{background:var(--surface-3)}.desfiladero-boton:active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.desfiladero-boton:focus-visible{outline:2px solid var(--focus);outline-offset:2px}