:root{--fondo:#14110f;--cuerpo:#1f1b18;--boton:#2c2723;--texto:#ece6dc;--texto-suave:#8a8279;--lcd-fondo:#b9c4a4;--lcd-tinta:#1c2416;--lcd-apagado:#a3ae8f;color:var(--texto);background:var(--fondo);font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--fondo);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none}.aparato{width:min(100%,440px);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;gap:12px;margin:0 auto;display:flex}.inicio{cursor:pointer;z-index:10;background:var(--fondo);color:var(--texto);font:inherit;cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.inicio-nombre{letter-spacing:.2em;color:#ff6a2b;font-size:2.4rem;font-weight:700}.inicio-sub{color:var(--texto-suave);letter-spacing:.15em}.inicio-tocar{color:var(--texto);font:inherit;letter-spacing:.2em;cursor:pointer;background:0 0;border:3px solid #ff6a2b;border-radius:14px;margin-top:40px;padding:18px 28px;font-weight:700}.inicio-instalar{background:var(--boton);color:var(--texto);font:inherit;letter-spacing:.15em;cursor:pointer;border:2px solid #3a342f;border-radius:12px;margin-top:8px;padding:14px 22px;font-size:.85rem;font-weight:700}.marca{letter-spacing:.2em;color:var(--texto-suave);justify-content:space-between;font-size:.7rem;display:flex}.marca span:first-child{color:#ff6a2b;font-weight:700}.color-naranja{--relleno:#ff6a2b;--borde:#b8431a}.color-crema{--relleno:#ece6dc;--borde:#a39a8c}.color-amarillo{--relleno:#f2c230;--borde:#a8841a}.color-azul{--relleno:#4f8cff;--borde:#2f5cb8}.lcd{background:var(--lcd-fondo);color:var(--lcd-tinta);border:6px solid #0b0a09;border-radius:10px;padding:10px 12px;box-shadow:inset 0 0 12px #00000040}.lcd-fila{letter-spacing:.1em;justify-content:space-between;font-size:.8rem;font-weight:700;display:flex}.lcd-tempo{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700;line-height:1.1}.lcd-tempo small{letter-spacing:.1em;margin-left:6px;font-size:.8rem}.lcd-pasos{grid-template-columns:repeat(16,1fr);gap:3px;margin-top:6px;display:grid}.lcd-punto{background:var(--lcd-apagado);border-radius:2px;height:8px}.lcd-punto.activo{background:var(--lcd-tinta)}.lcd-punto.cabezal{outline:2px solid var(--lcd-tinta);outline-offset:1px}.pistas{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pista{border:3px solid var(--borde);background:var(--boton);min-height:52px;color:var(--relleno);font:inherit;letter-spacing:.05em;cursor:pointer;border-radius:12px;font-size:.75rem;font-weight:700}.pista.elegida{background:var(--relleno);color:var(--fondo)}.pasos{grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,40dvh);margin:0 auto;display:grid}.paso{aspect-ratio:1;background:var(--boton);color:var(--texto-suave);font:inherit;cursor:pointer;border:3px solid #3a342f;border-radius:14px;font-size:.85rem;transition:transform 80ms ease-out}.paso.golpe-fuerte{color:var(--texto);border-color:#5a524b}.paso.activo{background:var(--relleno);border-color:var(--borde);color:var(--fondo);font-weight:700}.paso.elegido{border-style:dashed;border-color:var(--texto)}.paso.cabezal{box-shadow:0 0 0 3px var(--texto)}.paso:active,.pista:active,.control:active{transform:scale(.94)}.fila-controles{grid-template-columns:1fr 2fr 1fr;gap:10px;display:grid}.control{background:var(--boton);min-height:54px;color:var(--texto);font:inherit;cursor:pointer;border:3px solid #3a342f;border-radius:14px;font-size:1.6rem;font-weight:700}.control.play{letter-spacing:.2em;background:#2f8f4e;border-color:#1f6636;font-size:1.1rem}.control.play.sonando{background:#c23b2b;border-color:#872619}.control.nota{letter-spacing:.1em;color:#4f8cff;justify-content:center;align-items:center;font-size:1rem;display:flex}.memorias{grid-template-columns:1.6fr repeat(4,1fr);gap:8px;display:grid}.memorias .control{letter-spacing:.05em;min-height:48px;font-size:.85rem}.control.guardar.activo{background:#c23b2b;border-color:#872619}.control.memoria.ocupada{color:#f2c230;border-color:#f2c230}.vistas{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vista{min-height:42px;color:var(--texto-suave);font:inherit;letter-spacing:.2em;cursor:pointer;background:0 0;border:2px solid #3a342f;border-radius:10px;font-size:.8rem;font-weight:700}.vista.elegida{background:var(--boton);border-color:var(--texto-suave);color:var(--texto)}.perillas{gap:6px;padding:4px 0;display:grid}.perilla{letter-spacing:.15em;grid-template-columns:1fr auto;align-items:center;font-size:.85rem;font-weight:700;display:grid}.perilla-valor{color:var(--relleno);font-variant-numeric:tabular-nums}.perilla input[type=range]{appearance:none;touch-action:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:48px;margin:0}.perilla input[type=range]::-webkit-slider-runnable-track{background:var(--boton);border-radius:6px;height:12px}.perilla input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--borde);background:var(--relleno);border-radius:50%;width:32px;height:32px;margin-top:-10px}.perilla input[type=range]::-moz-range-track{background:var(--boton);border-radius:6px;height:12px}.perilla input[type=range]::-moz-range-thumb{border:3px solid var(--borde);background:var(--relleno);border-radius:50%;width:26px;height:26px}.fila-controles.con-rec{grid-template-columns:1fr 1.6fr 1fr 1.3fr}.control.rec{letter-spacing:.05em;color:#ff4d3d;font-size:.85rem}.control.rec.grabando{color:var(--texto);background:#c23b2b;border-color:#872619;animation:1s steps(2,start) infinite parpadeo}@keyframes parpadeo{to{border-color:#ff4d3d}}.grabacion{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.grabacion .control{letter-spacing:.05em;min-height:48px;padding:0 14px;font-size:.85rem}.grabacion-texto{letter-spacing:.1em;color:#ff4d3d;font-size:.85rem;font-weight:700}.pie{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;padding-top:4px;display:flex}.pie-instalar{color:var(--texto);font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:2px solid #3a342f;border-radius:10px;padding:10px 14px;font-size:.75rem;font-weight:700}.donar{letter-spacing:.1em;color:var(--texto-suave);border-radius:10px;padding:10px 14px;font-size:.75rem;text-decoration:none;display:inline-block}.donar:active{color:#ff6a2b}.ayuda-fondo{z-index:20;cursor:default;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ayuda{background:var(--cuerpo);width:min(100%,380px);color:var(--texto);text-align:left;border:3px solid #3a342f;border-radius:16px;gap:14px;padding:20px;font-size:.95rem;line-height:1.5;display:grid}.ayuda h2{letter-spacing:.2em;color:#ff6a2b;font-size:1rem}.ayuda ol{gap:8px;padding-left:20px;display:grid}.ayuda p{color:var(--texto-suave);font-size:.85rem}