:root{--fondo:#fafafa;--papel:#fff;--tinta:#111;--gris:#b2b2b2;--suave:#6f6f6f;--linea:#e3e3e3;--rojo:#ee1c25;--rojo-oscuro:#a50f16;--azul:#2a5cff;--anuncio:0px;--radio:10px;color:var(--tinta);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:var(--fondo);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + var(--anuncio)) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}#app{flex:1;min-height:0;display:flex}#anuncio{border-top:1px solid var(--linea);background:var(--papel);flex:none;height:50px;display:none;overflow:hidden}#anuncio.activo{display:block}.legal{flex:none;justify-content:flex-end;gap:14px;padding:2px 12px 3px;font-size:12px;line-height:1.4;display:flex}.legal a,.legal button{color:var(--suave);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:none}.legal a:hover,.legal button:hover{color:var(--tinta);text-decoration:underline}@media (min-width:760px) and (min-height:620px){#anuncio{height:90px}}@media (max-height:380px){#anuncio.activo{display:none}}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--azul);outline-offset:2px}[hidden]{display:none!important}.pantalla,.juego,.editor{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.cuerpo{flex:1;min-height:0;padding:20px;overflow-y:auto}.barra{border-bottom:1px solid var(--linea);background:var(--fondo);flex:none;align-items:center;gap:10px;height:50px;padding:0 10px;display:flex}.titulo{text-align:left;flex-direction:column;min-width:0;line-height:1.2;display:flex}.titulo strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.titulo span{color:var(--suave);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.titulo-boton{background:0 0;border:0;border-radius:8px;padding:4px 8px}.titulo-boton:hover{background:#eee}.acciones{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.grab{border:2px solid var(--tinta);font-variant-numeric:tabular-nums;background:var(--papel);border-radius:7px;flex:none;align-items:center;gap:8px;height:30px;padding:0 10px;font-size:16px;font-weight:700;display:flex}.grab-n{text-align:center;min-width:14px;font-size:18px;line-height:1}.grab i{background:var(--tinta);border-radius:50%;width:11px;height:11px}.ico{width:38px;height:38px;color:var(--tinta);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.ico:hover{background:#ececec}.ico:disabled{opacity:.25;cursor:default;background:0 0}.ico.apagado{color:var(--gris)}.ico.activo{background:var(--tinta);color:var(--papel)}.ico.lleno svg{fill:var(--tinta)}.ico.peligro:hover{color:var(--rojo)}.btn{border:1.5px solid var(--tinta);background:var(--papel);height:36px;color:var(--tinta);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:18px;height:18px}.btn:hover{background:#eee}.btn.primario{background:var(--tinta);color:var(--papel)}.btn.primario:hover{background:#333}.btn.rojo{background:var(--rojo);border-color:var(--rojo);color:#fff}.btn.compacto{height:30px;padding:0 10px;font-size:12px}.fila{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fila.fin{justify-content:flex-end;margin-top:16px}.fila.centro{justify-content:center}.menu{padding:0 0 18px}.menu .logo{flex:1;justify-content:center;align-items:center;display:flex}.logo{text-align:center;letter-spacing:-.03em;color:var(--gris);white-space:nowrap;margin:0;font-size:clamp(40px,10vw,120px);font-weight:800;line-height:1}.logo .r{color:var(--rojo)}.logo .o{background:var(--rojo);width:.56em;height:.56em;box-shadow:0 0 0 .035em var(--fondo), 0 0 0 .07em var(--rojo);border-radius:50%;margin:0 .03em;display:inline-block}.logo .punto{background:var(--tinta);vertical-align:.62em;border-radius:50%;align-self:center;width:.2em;height:.2em;margin:0 .12em 0 .04em;animation:3.2s ease-in-out infinite flotar;display:inline-block;position:relative;top:-.36em}@keyframes flotar{50%{transform:translateY(.16em)}}@media (prefers-reduced-motion:reduce){.logo .punto{animation:none}}.menu-botones{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.btn-menu{background:var(--rojo);color:#fff;text-align:left;border:0;border-radius:0 10px 10px 0;width:min(320px,70vw);height:48px;padding:0 22px;font-size:17px;font-weight:700;transition:width .15s,background .15s}.btn-menu:hover{background:var(--rojo-oscuro);width:min(350px,76vw)}.btn-menu:focus-visible{background:var(--rojo-oscuro);width:min(350px,76vw)}.creditos{color:var(--suave);margin:0;font-size:13px;position:absolute;bottom:14px;right:22px}@media (max-height:460px){.logo{font-size:clamp(34px,15vh,80px)}.menu-botones{gap:6px}.btn-menu{height:38px;font-size:15px}}.rejilla-niveles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;max-width:1100px;margin:0 auto;display:grid}.tarjeta-nivel{border:2.5px solid var(--tinta);background:var(--papel);text-align:left;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;height:96px;padding:12px 14px;display:flex;position:relative}button.tarjeta-nivel:hover{background:#e4e4e4}.tarjeta-nivel .num{font-size:26px;font-weight:800;line-height:1}.tarjeta-nivel .nom{color:var(--suave);font-size:14px}.tarjeta-nivel .marca{background:var(--tinta);border:3px solid var(--fondo);border-radius:50%;width:24px;height:24px;position:absolute;top:-9px;left:-9px}.tarjeta-nivel.bloqueado{border-color:var(--linea);color:var(--gris);background:0 0}.tarjeta-nivel.bloqueado svg{align-self:flex-end}.rejilla-tarjetas{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;max-width:1200px;margin:0 auto;display:grid}.tarjeta{border:1.5px solid var(--tinta);background:var(--papel);border-radius:12px;overflow:hidden}.tarjeta-mini{border:0;border-bottom:1px solid var(--linea);background:var(--fondo);width:100%;padding:0;display:block}.miniatura{width:100%;height:auto;display:block}.tarjeta-pie{align-items:center;gap:6px;padding:6px 6px 6px 12px;display:flex}.vacio{text-align:center;max-width:420px;color:var(--suave);margin:12vh auto 0;line-height:1.5}.escenario{touch-action:none;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.lienzo{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.pista{color:#fff;text-align:center;pointer-events:none;opacity:0;background:#111111d1;border-radius:999px;max-width:92%;padding:6px 14px;font-size:13px;transition:opacity .2s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.pista.visible{opacity:1}@media (pointer:coarse){.juego .pista{max-width:calc(100% - 250px)}}.fin-nivel{z-index:3;background:#fafafad1;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.fin-contenido{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:12px;display:flex}.fin-contenido .fin-caja{flex:none}.anuncio-fin{flex:0 250px;width:min(100%,336px);min-height:50px;overflow:hidden}@media (min-width:760px){.fin-contenido{flex-direction:row;gap:24px}.anuncio-fin{flex:none;width:160px;height:min(600px,100%)}}.fin-caja{border:2px solid var(--tinta);background:var(--papel);text-align:center;border-radius:16px;padding:22px 28px}.fin-caja h2{margin:0 0 4px;font-size:26px;font-weight:800}.fin-caja p{color:var(--suave);margin:0 0 16px}.tactil .rec{background:var(--rojo);width:84px;height:84px;box-shadow:0 0 0 4px var(--fondo), 0 0 0 7px var(--rojo);color:#fff;letter-spacing:.04em;opacity:.9;touch-action:none;border:0;border-radius:50%;font-size:18px;font-weight:800;position:absolute;bottom:22px;right:22px}.tactil .rec:active{background:var(--rojo-oscuro)}.palanca{pointer-events:none;z-index:2;border:2px solid #11111159;border-radius:50%;place-items:center;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}.palanca.activa{display:grid}.palanca-pomo{background:#1111118c;border-radius:50%;width:46px;height:46px}@media (orientation:portrait) and (pointer:coarse){.juego .escenario:before{content:"Gira el dispositivo para jugar más grande";border:1px solid var(--linea);background:var(--papel);color:var(--suave);white-space:nowrap;z-index:1;border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}}.editor-cuerpo{flex:1;min-height:0;display:flex}.paleta{border-right:1px solid var(--linea);flex:none;grid-template-columns:1fr 1fr;align-content:start;gap:4px;width:132px;padding:6px;display:grid;overflow-y:auto}.herr{white-space:nowrap;height:58px;color:var(--suave);background:0 0;border:1.5px solid #0000;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;padding:3px 0 2px;font-size:10px;display:flex}.herr:hover{background:#ececec}.herr.activa{border-color:var(--tinta);background:var(--papel);color:var(--tinta);font-weight:700}.herr .ico-herr,.herr svg{width:32px;height:32px}.herr svg{color:var(--tinta);padding:4px}.editor-lienzo{cursor:crosshair}.inspector{border:1.5px solid var(--tinta);background:var(--papel);z-index:2;border-radius:12px;flex-direction:column;gap:8px;width:216px;max-height:calc(100% - 20px);padding:12px;display:flex;position:absolute;top:10px;right:10px;overflow-y:auto;box-shadow:0 6px 24px #0000001a}.inspector.izq{left:10px;right:auto}.inspector h3{margin:0 0 2px;font-size:15px}.nota{color:var(--suave);margin:0;font-size:12px;line-height:1.4}.nota.enlace{color:var(--azul);font-weight:600}.campo-num{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.paso{border:1.5px solid var(--tinta);border-radius:8px;display:flex;overflow:hidden}.paso button{background:var(--papel);border:0;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1}.paso button:hover{background:#e8e8e8}.paso input{border:0;border-left:1px solid var(--linea);border-right:1px solid var(--linea);text-align:center;background:var(--papel);-webkit-appearance:textfield;appearance:textfield;-webkit-user-select:text;user-select:text;width:48px;height:28px;font-size:13px}.paso input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.paso input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.segmentos{border:1.5px solid var(--tinta);border-radius:8px;display:flex;overflow:hidden}.segmentos button{white-space:nowrap;background:var(--papel);border:0;min-width:26px;height:28px;padding:0 7px;font-size:12px;font-weight:600}.segmentos button+button{border-left:1px solid var(--linea)}.segmentos button.activo{background:var(--tinta);color:var(--papel)}.capa-prueba{background:var(--fondo);z-index:5;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-height:460px){.barra{height:44px}.herr{height:48px}.herr .ico-herr,.herr svg{width:26px;height:26px}.inspector{gap:6px;width:200px;padding:9px}.inspector .nota:not(.enlace){display:none}}@media (max-width:720px){.barra .btn{padding:0 9px}.editor .barra .btn.compacto{display:none}}.modal{z-index:20;background:#11111159;place-items:center;padding:14px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-caja{background:var(--papel);border-radius:14px;flex-direction:column;gap:10px;width:min(100%,420px);max-height:100%;padding:16px 18px 18px;display:flex;overflow-y:auto}.modal-caja.ancho{width:min(100%,640px)}.modal-titulo{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-titulo h2{margin:0;font-size:18px;line-height:1.3}.campo{flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.campo input,.modal-caja>input,.codigo{border:1.5px solid var(--tinta);background:var(--papel);-webkit-user-select:text;user-select:text;border-radius:9px;width:100%;height:38px;padding:0 10px;font-size:14px;font-weight:400}.campo input:disabled{border-color:var(--linea);color:var(--gris)}.codigo{resize:vertical;white-space:pre;height:auto;padding:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5}.ayuda{-webkit-user-select:text;user-select:text;background:#f0f0f0;border-radius:9px;margin:8px 0 0;padding:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;overflow-x:auto}details summary{cursor:pointer;font-size:13px;font-weight:600}.casilla{align-items:center;gap:10px;min-height:32px;font-size:15px;display:flex}.casilla input{width:20px;height:20px;accent-color:var(--tinta)}.error{color:var(--rojo-oscuro);white-space:pre-wrap;margin:0;font-family:inherit;font-size:13px}.error:empty{display:none}.aviso{top:calc(env(safe-area-inset-top) + 62px);background:var(--tinta);color:#fff;text-align:center;z-index:30;border-radius:999px;max-width:90vw;padding:9px 16px;font-size:14px;transition:opacity .4s;position:fixed;left:50%;transform:translate(-50%)}.aviso.fuera{opacity:0}