:root{--fondo: #fbf3ec;--fondo-panel: #ffffff;--texto: #2b1f1a;--texto-tenue: #7a675e;--borde: #ecdbcb;--acento: #ff6b6b;--acento-texto: #ffffff;--aviso-fondo: #fff1d6;--aviso-texto: #6b4a00;--aviso-borde: #ffb84d;--sistema-nes: #ff6b6b;--sistema-snes: #ffb84d;--sistema-gb: #9be564;--sistema-gba: #8f7bff;--sistema-genesis: #ff8f5c;--sistema-ps1: #ff5c9e;--sistema-nds: #4dd2ff;--sistema-saturn: #8f9bff;--sistema-arcade: #ffd93e;--fuente-display: "Pixelify Sans", system-ui, sans-serif;--fuente-pixel: "Press Start 2P", monospace;--fx-rebote: cubic-bezier(.34, 1.56, .64, 1);--fx-duracion-rebote: .18s;--fx-duracion-pop: .32s;--fx-duracion-flash: 80ms;--fx-duracion-insertar: .45s;--fx-ease-insertar: cubic-bezier(.16, 1, .3, 1);--fx-duracion-boot: .6s}@media(prefers-color-scheme:dark){:root{--fondo: #1a1420;--fondo-panel: #2b2035;--texto: #f3e9ee;--texto-tenue: #b9a8b8;--borde: #3d2e4d;--acento: #ff6b6b;--acento-texto: #ffffff;--aviso-fondo: #3a2f10;--aviso-texto: #f3dfa4;--aviso-borde: #6b5720}}@media(prefers-reduced-motion:reduce){:root{--fx-rebote: linear;--fx-duracion-rebote: 0ms;--fx-duracion-pop: 0ms;--fx-duracion-flash: 0ms;--fx-duracion-insertar: 0ms;--fx-ease-insertar: linear}}*{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 Manrope,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-family:var(--fuente-display);font-weight:700;font-size:clamp(20px,4.4vw,30px)}.etiqueta{display:inline-block;font-family:var(--fuente-pixel);font-size:10px;line-height:1.4;vertical-align:middle;padding:5px 9px;border-radius:4px;background:var(--acento);color:var(--acento-texto);letter-spacing:.02em}.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;z-index:1;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;transform:scale(1);transition:transform var(--fx-duracion-rebote) var(--fx-rebote),border-color var(--fx-duracion-rebote) linear}.tarjeta:active{transform:scale(1.04);border-color:var(--acento)}@media(hover:hover){.tarjeta:hover{border-color:var(--acento);transform:scale(1.02)}}.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:6px 6px 8px 8px;background:linear-gradient(165deg,hsl(var(--tono) 55% 82%),hsl(var(--tono) 45% 68%));box-shadow:inset 0 1.5px hsl(var(--tono) 70% 92% / .8);color:hsl(var(--tono) 55% 24%);font-weight:700;font-size:15px}@media(prefers-color-scheme:dark){.tarjeta-portada{background:linear-gradient(165deg,hsl(var(--tono) 45% 34%),hsl(var(--tono) 40% 20%));box-shadow:inset 0 1.5px hsl(var(--tono) 60% 50% / .5);color:hsl(var(--tono) 65% 86%)}}.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,.mando-gatillo{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}.mando-gatillo{display:grid;place-items:center;border-radius:999px;color:#ffffffd9;font-size:11px;font-weight:700;letter-spacing:.05em}@media(prefers-reduced-motion:reduce){.mando-virtual{transition:none}}.animacion-carga{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transform:scaleY(0);transform-origin:top;background:#14101a}.animacion-carga--insertar{opacity:1;transform:scaleY(1);transition:transform var(--fx-duracion-insertar) var(--fx-ease-insertar),opacity 80ms linear}.animacion-carga--boot{background:var(--animacion-color, var(--acento));opacity:1;transform:scaleY(1);animation:boot-disolver var(--fx-duracion-boot) steps(8,end) forwards}@keyframes boot-disolver{0%{opacity:1;filter:contrast(1.5) brightness(1.3)}55%{opacity:1;filter:contrast(1) brightness(1)}to{opacity:0;filter:contrast(1) brightness(1)}}@media(prefers-reduced-motion:reduce){.animacion-carga--boot{animation:none}}.logro-toast{position:absolute;left:50%;top:12px;z-index:6;display:flex;align-items:center;gap:10px;max-width:min(280px,calc(100% - 24px));padding:10px 14px;border-radius:14px;background:var(--fondo-panel);border:2px solid var(--borde);box-shadow:0 6px 16px #00000040;transform:translate(-50%) translateY(-12px) scale(.9);opacity:0;pointer-events:none}.logro-toast--visible{transform:translate(-50%) translateY(0) scale(1);opacity:1;transition:transform var(--fx-duracion-pop) var(--fx-rebote),opacity var(--fx-duracion-flash) linear}.logro-toast-sticker{font-size:28px;line-height:1;flex-shrink:0}.logro-toast-texto{display:flex;flex-direction:column;gap:2px;min-width:0}.logro-toast-texto strong{font-family:var(--fuente-display);font-size:14px;color:var(--texto)}.logro-toast-texto span{font-size:12px;color:var(--texto-tenue)}@media(prefers-reduced-motion:reduce){.logro-toast--visible{transition:none}}.boton{display:inline-block;min-height:44px;padding:11px 20px;border-radius:10px;background:var(--acento);color:var(--acento-texto);font-weight:700;cursor:pointer;transform:scale(1);transition:transform var(--fx-duracion-rebote) var(--fx-rebote)}.boton:active{transform:scale(1.08)}@media(hover:hover){.boton:hover{transform:scale(1.04)}}.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:16px;border:1px solid var(--borde);border-radius:16px;background:var(--fondo-panel);color:var(--texto);box-shadow:0 16px 40px #00000038;grid-template-rows:auto auto auto auto 1fr auto auto;gap:8px;overflow:hidden}.asistente[open]{display:grid;animation:asistente-entrada var(--fx-duracion-pop) var(--fx-rebote)}@keyframes asistente-entrada{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.asistente::backdrop{background:#0009}.asistente-titulo{margin:0;font-family:var(--fuente-display);font-weight:700;font-size:19px;color:var(--acento)}.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;background:var(--fondo-panel);box-shadow:0 1px 2px #00000014;color:var(--texto-tenue);font-size:11px;font-weight:700;transition:transform var(--fx-duracion-rebote) var(--fx-rebote)}.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;animation:diana-pedida-pulso .7s ease-in-out infinite alternate}.diana-zona[data-activa=si]{background:var(--acento);color:#fff;border-color:var(--acento);transform:scale(1.1);animation:none}@keyframes diana-pedida-pulso{0%{box-shadow:0 1px 2px #00000014}to{box-shadow:0 0 0 4px color-mix(in srgb,var(--acento) 25%,transparent)}}@media(prefers-reduced-motion:reduce){.diana-zona[data-pedida=si]{animation:none}}.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}