:root{--fondo: #f6f5f2;--fondo-panel: #ffffff;--texto: #1b1b1a;--texto-tenue: #5d5c58;--borde: #dedcd6;--acento: #7a3ea8;--aviso-fondo: #fff4d6;--aviso-texto: #6b4a00;--aviso-borde: #e5c76b}@media(prefers-color-scheme:dark){:root{--fondo: #121214;--fondo-panel: #1b1b1f;--texto: #ececec;--texto-tenue: #a3a3a8;--borde: #2e2e34;--acento: #c08cf0;--aviso-fondo: #3a2f10;--aviso-texto: #f3dfa4;--aviso-borde: #6b5720}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--fondo);color:var(--texto);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;gap:16px;align-items:center}.barra{text-align:center}.barra h1{margin:0;font-size:clamp(18px,4vw,26px)}.etiqueta{font-size:12px;vertical-align:middle;padding:2px 8px;border-radius:999px;background:var(--acento);color:#fff}.lema{margin:4px 0 0;color:var(--texto-tenue);font-size:13px}main{width:100%;max-width:780px;display:flex;flex-direction:column;gap:16px}.escenario{position:relative;background:#000;border:1px solid var(--borde);border-radius:10px;overflow:hidden;display:grid;place-items:center;aspect-ratio:4 / 3;touch-action:none}.escenario.arrastrando{outline:3px dashed var(--acento);outline-offset:-6px}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#000}body[data-video=webgl2] canvas{image-rendering:auto}.fila-efecto{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--borde);border-radius:10px}.etiqueta-efecto{font-size:13px;color:var(--texto-tenue)}.fila-efecto .nota{flex-basis:100%;margin:0}.selector{min-height:44px;padding:0 10px;font:inherit;font-size:14px;color:inherit;background:var(--fondo-panel);border:1px solid var(--borde);border-radius:8px}.selector:disabled{opacity:.5;cursor:not-allowed}.portada{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;padding:20px;text-align:center;background:#000000b8;color:#fff}.titulo-portada{margin:0;font-size:clamp(15px,3.4vw,19px);font-weight:600}.cartelera{width:100%}.cartelera-titulo{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-tenue)}.cuenta{font-weight:400;text-transform:none;letter-spacing:0}.catalogo{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.tarjeta{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo-panel);color:var(--texto);font:inherit;text-align:left;cursor:pointer}.tarjeta:hover{border-color:var(--acento)}.tarjeta:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.tarjeta-portada{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:7px;background:hsl(var(--tono) 42% 88%);color:hsl(var(--tono) 55% 28%);font-weight:700;font-size:15px}@media(prefers-color-scheme:dark){.tarjeta-portada{background:hsl(var(--tono) 40% 26%);color:hsl(var(--tono) 60% 84%)}}.tarjeta-cuerpo{display:flex;flex-direction:column;gap:1px;min-width:0}.tarjeta-titulo{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarjeta-meta{font-size:11px;color:var(--texto-tenue);font-variant-numeric:tabular-nums}.tarjeta-permiso{font-size:10px;color:var(--texto-tenue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mando-virtual{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .15s}body[data-entrada=tactil] .mando-virtual{opacity:1}.mando-cruceta,.mando-boton{position:absolute;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.45);background:#ffffff1f;pointer-events:none}.mando-cruceta{border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22) 20%,transparent 21%),#ffffff1a}.mando-boton{display:grid;place-items:center;border-radius:50%;color:#ffffffd9;font-size:12px;font-weight:700}@media(prefers-reduced-motion:reduce){.mando-virtual{transition:none}}.boton{display:inline-block;min-height:44px;padding:11px 20px;border-radius:8px;background:var(--acento);color:#fff;font-weight:600;cursor:pointer}.solo-lectores{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.solo-lectores:focus-visible+.boton,.boton:focus-visible{outline:3px solid #fff;outline-offset:2px}.nota{margin:0;color:var(--texto-tenue);font-size:12px;max-width:46ch}.portada .nota{color:#b9b9bd}.error{margin:4px 0 0;padding:8px 12px;border-radius:6px;background:#5b1a1a;color:#ffd9d9;font-size:13px;max-width:46ch}.aviso{margin:0;padding:10px 14px;border:1px solid var(--aviso-borde);border-radius:8px;background:var(--aviso-fondo);color:var(--aviso-texto);font-size:13px}.aviso-titulo{margin:0;font-weight:600}.aviso-pasos{margin:8px 0 0;padding-left:22px;display:grid;gap:4px}.aviso-pasos:empty{display:none}.aviso #instalar{margin-top:10px}.partidas{width:100%;max-width:780px;padding:12px 14px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo-panel);display:grid;gap:8px}.partidas h2{margin:0;font-size:14px}.fila-partidas{display:flex;flex-wrap:wrap;gap:8px}.boton-secundario{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--borde);border-radius:8px;background:transparent;color:var(--texto);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.boton-secundario:hover:not(:disabled){border-color:var(--acento);color:var(--acento)}.boton-secundario:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.boton-secundario:disabled{opacity:.45;cursor:not-allowed}.solo-lectores:focus-visible+.boton-secundario{outline:3px solid var(--acento);outline-offset:2px}.pie{width:100%;max-width:780px}.enlace-licencias{display:inline-flex;align-items:center;min-height:44px;padding-right:6px;color:var(--acento);font-weight:600}.enlace-licencias:focus-visible{outline:3px solid currentColor;outline-offset:2px}.metricas{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 6px}.metricas div{display:flex;gap:6px;align-items:baseline}.metricas dt{color:var(--texto-tenue);font-size:12px}.metricas dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;font-size:13px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.panel-mando{width:100%;max-width:780px;padding:12px 14px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo-panel);display:grid;gap:8px}.fila-mando{display:flex;flex-wrap:wrap;gap:8px}.nota-aviso{color:var(--aviso-texto)}.asistente{width:min(100vw - 16px,420px);max-height:calc(100dvh - 16px);padding:14px;border:1px solid var(--borde);border-radius:12px;background:var(--fondo-panel);color:var(--texto);grid-template-rows:auto auto auto auto 1fr auto auto;gap:8px;overflow:hidden}.asistente[open]{display:grid}.asistente::backdrop{background:#0009}.asistente-titulo{margin:0;font-size:16px}.asistente-instruccion{margin:0;font-size:18px;font-weight:700}.asistente-lista{margin:0;padding:0;list-style:none;display:grid;gap:4px;overflow-y:auto;overscroll-behavior:contain}.asistente-lista li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;font-size:13px}.asistente-botones{display:flex;flex-wrap:wrap;gap:8px}.asistente-botones .boton-secundario{flex:1 1 auto}.diana{position:relative;width:100%;aspect-ratio:2 / 1;max-height:150px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo)}.diana-zona{position:absolute;display:grid;place-items:center;min-width:28px;min-height:28px;border:2px solid var(--borde);border-radius:8px;color:var(--texto-tenue);font-size:11px;font-weight:700}.diana-arriba{left:14%;top:12%;width:13%;height:26%}.diana-abajo{left:14%;top:62%;width:13%;height:26%}.diana-izquierda{left:3%;top:37%;width:11%;height:26%}.diana-derecha{left:27%;top:37%;width:11%;height:26%}.diana-select{left:41%;top:62%;width:12%;height:26%;font-size:9px}.diana-start{left:55%;top:62%;width:12%;height:26%;font-size:9px}.diana-b{left:71%;top:37%;width:12%;height:30%}.diana-a{left:85%;top:37%;width:12%;height:30%}.diana-zona[data-pedida=si]{border-color:var(--acento);color:var(--acento);border-width:3px}.diana-zona[data-activa=si]{background:var(--acento);color:#fff;border-color:var(--acento)}.controles{width:100%;max-width:780px}.controles h2{margin:0 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-tenue)}.teclas{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px}.teclas kbd{border:1px solid var(--borde);border-radius:4px;padding:1px 5px;background:var(--fondo-panel);font-size:12px}.buscador{display:grid;gap:8px;margin-bottom:10px}.buscar{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo-panel);color:var(--texto);font:inherit;font-size:15px}.buscar:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.filtros{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:44px;padding:6px 12px;border:1px solid var(--borde);border-radius:999px;background:var(--fondo-panel);color:var(--texto-tenue);font:inherit;font-size:13px;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--acento);color:var(--acento);font-weight:700}