.cruza-zona{gap:var(--s-3);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;display:flex;position:relative}#cruza-canvas{aspect-ratio:3/4;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2);touch-action:none;cursor:pointer;align-self:center;width:100%;display:block}@media (orientation:portrait){#cruza-canvas{aspect-ratio:9/16}}.cruza-mensaje{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;bottom:12%;left:50%;transform:translate(-50%)}.cruza-mensaje[hidden]{display:none}.cruza-hud{pointer-events:none;z-index:1;width:0;height:0;position:absolute;overflow:visible}.cruza-hud[hidden]{display:none}.cruza-hud-lienzo{pointer-events:none;border-radius:var(--r-2);max-width:none;display:block;position:absolute;top:0;left:0}.cruza-controles{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:none}@media (pointer:coarse){.cruza-controles{display:grid}}.cruza-boton{min-width:44px;min-height:52px;padding:var(--s-2) var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);color:var(--text);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:inline-flex}.cruza-boton-principal{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.cruza-boton:hover{background:var(--surface-3)}.cruza-boton:active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.cruza-boton:focus-visible{outline:2px solid var(--focus);outline-offset:2px}