@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";
.c12-shell{--c12-band:0rem;width:100%;min-height:100vh;padding-top:var(--c12-band);background-color:#0c0c0c;position:relative}.c12-shell .apps-back-button{z-index:9999;cursor:pointer;align-items:center;height:2.25rem;display:none;position:absolute;top:1rem;left:2rem}.c12-shell .c12-controles-banda{display:none}.c12-root .c12-controles-sitio{z-index:5;height:0;position:absolute;top:0;left:0;right:0}.c12-root .c12-controles-sitio,.c12-shell .c12-controles-banda{font-family:var(--font-poppins,"Poppins"), sans-serif}@media (max-width:1023.98px){.c12-shell{--c12-band:4rem}.c12-shell .apps-back-button{display:flex;left:1rem}.c12-shell .c12-controles-banda{display:block}.c12-root .c12-controles-sitio{display:none}}.c12-root *,.c12-root :before,.c12-root :after{border:0 solid;margin:0;padding:0}.c12-root h1,.c12-root h2,.c12-root h3,.c12-root h4{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;color:inherit}.c12-root p{line-height:inherit;color:inherit;font-size:inherit}.c12-root ol,.c12-root ul{list-style:none}.c12-root img,.c12-root svg{vertical-align:middle;display:block}.c12-root img{max-width:100%;height:auto}.c12-root button,.c12-root input,.c12-root select,.c12-root textarea{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;text-transform:none;box-shadow:none;background-color:#0000;border-radius:0}.c12-root button:focus{outline:none}.c12-root button:focus-visible{outline-offset:1px;outline:2px solid #64c8ff}.c12-root .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.c12-root .bcm-segmented{border:1px solid #383838;border-radius:7px;gap:0;width:100%;display:flex;overflow:hidden}.c12-root .bcm-segmented>button{color:#999;min-width:0;min-height:32px;font:inherit;cursor:pointer;background:#1e1e1e;border:0;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;margin:0;padding:7px 9px;font-size:12px;line-height:1.35;display:flex}.c12-root .bcm-segmented>button+button{border-left:1px solid #383838}.c12-root .bcm-segmented>button[aria-checked=true]{color:#64c8ff;background:#1a3a5c}.c12-root .bcm-segmented>button:hover{color:#ddd}.c12-root .bcm-segmented>button:focus-visible{outline-offset:-3px;outline:2px solid #64c8ff}.c12-root .bcm-segmented>button:disabled{opacity:.4;cursor:default}.c12-root,.c12-root *,.c12-root:before,.c12-root :before,.c12-root:after,.c12-root :after{box-sizing:border-box}.c12-root.app-root{z-index:10;flex:1;grid-template-columns:1fr;min-height:0;margin:0;padding:0;display:grid;position:relative}.c12-root .controls-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:10;background:#121212;border-bottom:1px solid #444;width:auto;height:auto;min-height:0;max-height:60vh;margin:0;padding:10px 14px;position:static;overflow:hidden auto}.c12-root .controls-panel.hidden{display:none}@media (min-width:1024px){.c12-root.app-root{grid-template-columns:clamp(320px, var(--controls-panel-w,420px), 80vw) 1fr;height:100%}.c12-root .controls-panel{border-bottom:none;border-right:1px solid #444;height:100%;max-height:none;position:sticky;top:0;left:0}}.c12-root .controls-panel h1{margin:0 0 6px;font-size:16px;font-weight:600}.c12-root .controls-panel input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),.c12-root .controls-panel textarea{font-family:JetBrains Mono,Consolas,monospace}.c12-root .controls-panel select option,.c12-root .controls-panel select optgroup{color:#f5f5ff;background:#181819}.c12-root .bcm-toggle-btn-wrap{display:inline-flex}.c12-root .bcm-toggle-btn-label{color:#666;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:4px 12px;font-size:10.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-block}.c12-root .bcm-toggle-btn-label:hover{color:#999;background:#252525}.c12-root .bcm-toggle-btn-wrap input:checked+.bcm-toggle-btn-label{color:#8cf;background:#1a3a5c;border-color:#456}.c12-root .bcm-toggle-btn-wrap input:focus-visible+.bcm-toggle-btn-label{outline-offset:1px;outline:2px solid #64c8ff}.c12-root .bcm-toggle-btn-wrap input:disabled+.bcm-toggle-btn-label{opacity:.5;cursor:not-allowed;color:#666;background:#1e1e1e}.c12-root .bcm-toggle-pegados{gap:0;width:100%;display:flex}.c12-root .bcm-toggle-pegados>.bcm-toggle-btn-wrap{flex:1 1 0;min-width:0}.c12-root .bcm-toggle-pegados>.bcm-toggle-btn-wrap>.bcm-toggle-btn-label{text-align:center;text-overflow:ellipsis;border-radius:0;width:100%;overflow:hidden}.c12-root .bcm-toggle-pegados>.bcm-toggle-btn-wrap+.bcm-toggle-btn-wrap>.bcm-toggle-btn-label{margin-left:-1px}.c12-root .bcm-toggle-pegados>.bcm-toggle-btn-wrap:first-child>.bcm-toggle-btn-label{border-radius:6px 0 0 6px}.c12-root .bcm-toggle-pegados>.bcm-toggle-btn-wrap:last-child>.bcm-toggle-btn-label{border-radius:0 6px 6px 0}.c12-root .bcm-toggle-pegados>.bcm-toggle-btn-wrap:only-child>.bcm-toggle-btn-label{border-radius:6px}.c12-root .bcm-toggle-pegados>.bcm-toggle-btn-wrap input:checked+.bcm-toggle-btn-label{z-index:1;position:relative}.c12-root.app-root.c12-root{height:calc(100dvh - var(--c12-band));min-height:calc(100dvh - var(--c12-band));color:#d6d6d6;background:#0c0c0c;grid-template-columns:minmax(250px,280px) minmax(0,1fr);font-family:DM Sans,sans-serif;overflow:hidden}.c12-root .c12-mono{font-variant-numeric:tabular-nums;font-family:DM Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.c12-root.c12-root .controls-panel.c12-menu{background:#121212;border-bottom:0;border-right:1px solid #262626;height:100%;max-height:none;padding:10px 16px 24px;position:relative;overflow:auto}.c12-root .c12-titulo{color:#f2f2f2;margin:14px 0 12px;font-size:16px;font-weight:600}.c12-root .c12-contadores{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.c12-root .c12-contador{color:#8a8a8a;background:#161616;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:11px;display:flex}.c12-root .c12-contador-grande{color:#f0f0f0;font-size:20px}.c12-root .c12-botones{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.c12-root .c12-botones .bcm-toggle-btn-label{text-align:center;width:100%;padding:7px 12px;font-size:12px}.c12-root .c12-botones .bcm-toggle-btn-wrap{display:flex}.c12-root .c12-boton{color:#ddd;min-height:34px;font:inherit;cursor:pointer;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:13px;display:inline-flex}.c12-root .c12-boton:hover:not(:disabled){color:#fff;border-color:#5a5a5a}.c12-root .c12-boton:disabled{opacity:.4;cursor:default}.c12-root .c12-leyenda{color:#9a9a9a;flex-direction:column;gap:9px;margin:0;padding:0;font-size:12.5px;line-height:1.4;list-style:none;display:flex}.c12-root .c12-leyenda b{width:16px;font-size:15px;display:inline-block}.c12-root .c12-punto{vertical-align:middle;background:#e8e8e8;border-radius:50%;width:9px;height:9px;display:inline-block}.c12-root .c12-reglas{color:#a8a8a8;border-top:1px solid #262626;margin-top:18px;padding-top:12px;font-size:12px}.c12-root .c12-reglas summary{cursor:pointer;color:#e6e6e6;font-size:13px;font-weight:600}.c12-root .c12-reglas-subtitulo{letter-spacing:.04em;text-transform:uppercase;color:#6f6f6f;margin:12px 0 6px;font-size:11px}.c12-root .c12-reglas-frases{color:#b8b8b8;flex-direction:column;gap:9px;margin:10px 0 0;padding:0;font-size:12.5px;line-height:1.45;list-style:none;display:flex}.c12-root .c12-reglas-frases li{grid-template-columns:18px minmax(0,1fr);gap:4px;display:grid}.c12-root .c12-reglas-frases .c12-regla-numero{color:#8a8a8a}.c12-root .c12-reglas-tabla{border-collapse:collapse;width:100%;font-size:12px}.c12-root .c12-reglas-tabla th{text-align:right;vertical-align:bottom;padding:0 0 4px;font-size:10.5px;font-weight:600;line-height:1.2}.c12-root .c12-reglas-tabla td{vertical-align:baseline;padding:3px 0;line-height:1.3}.c12-root .c12-reglas-tabla td:first-child{color:#e6e6e6;width:14px}.c12-root .c12-reglas-tabla td:nth-child(2){padding-right:6px}.c12-root .c12-reglas-tabla td:nth-child(n+3),.c12-root .c12-reglas-tabla th:nth-child(n+3){text-align:right;width:50px;padding-left:6px}.c12-root .c12-reglas-lista{flex-direction:column;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:flex}.c12-root .c12-reglas-lista li{grid-template-columns:14px 50px minmax(0,1fr);align-items:baseline;gap:6px;line-height:1.35;display:grid}.c12-root .c12-regla-numero{color:#6f6f6f}.c12-root .c12-regla-texto b{color:#e6e6e6}.c12-root .c12-regla-ejemplo,.c12-root .c12-regla-ademas{color:#7d7d7d}.c12-root .c12-regla-pasos{flex-wrap:wrap;gap:0 4px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;display:flex}.c12-root .c12-regla-nota{text-align:right;color:#e6e6e6;font-weight:600}.c12-root .c12-reglas-nota{color:#8a8a8a;margin:10px 0 0;font-size:11.5px;line-height:1.4}.c12-root .c12-escena{isolation:isolate;background:#0c0c0c;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.c12-root .c12-arriba{background:#0f0f0f;border-bottom:1px solid #222;flex-direction:column;flex:none;gap:10px;padding:12px 18px;display:flex;container-type:inline-size}.c12-root .c12-doce{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;width:100%;max-width:1040px;margin:0 auto;padding:18px 0 0;list-style:none;display:grid}.c12-root .c12-ficha{color:#4d4d4d;text-align:center;background:#141414;border:1px solid #2a2a2a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:2px;font-size:12px;font-weight:500;transition:border-color .3s,color .3s,box-shadow .3s,background .3s;display:flex;position:relative}.c12-root .c12-ficha-cents{color:#d8d8d8;text-align:center;white-space:nowrap;justify-content:center;gap:5px;font-size:10px;font-weight:400;line-height:1;display:flex;position:absolute;bottom:calc(100% + 2px);left:-4px;right:-4px}.c12-root .c12-ficha-nombres{flex-wrap:wrap;justify-content:center;display:flex}.c12-root .c12-ficha-nombre+.c12-ficha-nombre:before{content:"/";opacity:.6}.c12-root .c12-ficha-hz{color:#5c5c5c;white-space:nowrap;font-size:10px;font-weight:400}.c12-root .c12-ficha.is-conseguida .c12-ficha-hz{color:#9fcfa6}.c12-root .c12-ficha.is-conseguida{color:#eaffee;background:#50dc6418;border-color:#50dc64;font-size:15px;font-weight:700;box-shadow:0 0 10px #50dc6455,inset 0 0 8px #50dc6422}.c12-root .c12-ficha.is-nueva{animation:1.4s ease-out c12-nueva}@keyframes c12-nueva{0%{transform:scale(1.12);box-shadow:0 0 12px #50dc64,0 0 22px #50dc6466}to{transform:scale(1)}}.c12-root .c12-ficha.is-sonando{color:#0c0c0c;background:#50dc64}.c12-root .c12-piano-marco{--reserva:70px;--tecla:clamp(4px, calc((100cqw - var(--reserva)) / 64), 22px);justify-content:center;align-items:flex-end;gap:4px;width:100%;margin:0 auto;padding-top:16px;display:flex}.c12-root .c12-piano-fuera{color:#c9a0a0;flex:none;justify-content:center;align-self:stretch;align-items:center;width:28px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;display:flex}.c12-root .c12-piano{--negra:calc(100% / var(--blancas) * .6);width:calc(var(--blancas) * var(--tecla));height:calc(var(--tecla) * 4.5);flex:none;position:relative}.c12-root .c12-piano-en-juego{box-sizing:border-box;pointer-events:none;border:1px solid #8fcf99;border-bottom:0;border-radius:3px 3px 0 0;height:6px;position:absolute;bottom:calc(100% + 3px)}.c12-root .c12-piano-en-juego em{color:#8fcf99;white-space:nowrap;font-family:DM Mono,ui-monospace,monospace;font-size:9px;font-style:normal;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.c12-root .c12-tecla.is-fuera:not(.is-prendida):not(.is-resaltada){opacity:.4}.c12-root .c12-tecla.is-blanca.is-fuera.is-prendida{box-shadow:none;background:linear-gradient(#f0d9d9,#cfa4a4)}.c12-root .c12-tecla.is-negra.is-fuera.is-prendida{background:linear-gradient(#c79090,#9c6767)}.c12-root .c12-piano-blancas{background:#0c0c0c;gap:1px;height:100%;display:flex}.c12-root .c12-tecla{font:inherit;cursor:pointer;border:0;margin:0;padding:0}.c12-root .c12-tecla.is-blanca{background:linear-gradient(#f3f3f3,#dcdcdc);border-radius:0 0 3px 3px;flex:1;min-width:0;height:100%;position:relative;box-shadow:inset 0 -3px #c4c4c4}.c12-root .c12-tecla.is-negra{z-index:1;width:var(--negra);background:linear-gradient(#2c2c2c,#121212);border:1px solid #000;border-radius:0 0 2px 2px;height:62%;position:absolute;top:0;box-shadow:inset 0 -3px #000}.c12-root .c12-tecla.is-blanca.is-prendida{background:linear-gradient(#cfe8d2,#a7d3ae);box-shadow:inset 0 -3px #8dbb95}.c12-root .c12-tecla.is-negra.is-prendida{box-shadow:none;background:linear-gradient(#a9dbb1,#78b684);border-color:#3d6b45}.c12-root .c12-tecla.is-resaltada{z-index:2;box-shadow:0 0 0 2px #fff,0 0 14px #fff}.c12-root .c12-tecla-nombre{color:#777;text-align:center;pointer-events:none;font-size:9px;position:absolute;bottom:3px;left:0;right:0}.c12-root .c12-lienzo{z-index:1;flex:1;min-height:0;position:relative}.c12-root .c12-lienzo .react-flow{--xy-background-color:transparent}.c12-root .c12-lineas{z-index:0;pointer-events:none;color:#fff;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.c12-root .c12-lineas path{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-dasharray:1.5 4.5;stroke-linecap:round;opacity:.5}.c12-root .c12-lineas circle{fill:currentColor;opacity:.7}.c12-root .c12-lineas .is-resaltada path{stroke-width:2px;opacity:1}.c12-root .c12-lineas .is-resaltada circle{opacity:1}.c12-root .c12-nodo{color:#e8e8e8;background:#161616;border:1px solid #2c2c2c;border-radius:10px;width:244px;font-family:DM Sans,sans-serif;font-size:12px;position:relative;box-shadow:0 4px 14px #000a}.c12-root .c12-nodo.is-elegido{border-color:#fff;box-shadow:0 0 0 1px #fff,0 4px 18px #000c}.c12-root .c12-nodo.is-sin-senal{opacity:.6}.c12-root .c12-nodo-cabeza{background:linear-gradient(90deg, color-mix(in srgb, var(--op) 26%, transparent), transparent);border-bottom:1px solid #262626;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:7px 8px 7px 10px;display:flex}.c12-root .c12-nodo-op{min-width:34px;color:var(--op);font-size:18px;font-weight:700}.c12-root .c12-nodo-titulo{color:#bbb;flex:1;font-size:12px}.c12-root .c12-nodo-borrar{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.c12-root .c12-nodo-borrar:hover{color:#ff6262;border-color:#ff6262}.c12-root .c12-nodo-controles{flex-direction:column;gap:6px;padding:8px 10px 2px;display:flex}.c12-root .c12-nodo .bcm-segmented>button{min-height:28px;padding:4px 6px;font-size:12px}.c12-root .c12-nodo .bcm-segmented>button[aria-checked=true]{background:color-mix(in srgb, var(--op) 22%, #141414);color:var(--op);font-weight:600}.c12-root .c12-nodo-nota{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px 10px 0;display:flex}.c12-root .c12-nodo-nota strong{color:#fff;min-width:56px;font-size:28px;font-weight:700;line-height:1}.c12-root .c12-nodo-nota strong sub{color:#888;margin-left:1px;font-size:13px;font-weight:500}.c12-root .c12-nodo-nota strong.is-muda{color:#555}.c12-root .c12-nodo-nota.is-muda{color:#777;cursor:default;padding:12px 10px 2px}.c12-root .c12-nodo-datos{color:#9a9a9a;flex-direction:column;gap:2px;font-size:11.5px;display:flex}.c12-root .c12-nodo-hz{color:#f2f2f2;white-space:nowrap;font-size:24px;font-weight:500;line-height:1}.c12-root .c12-nodo-hz small{color:#9a9a9a;font-size:13px}.c12-root .c12-nodo-nota.is-fuera strong,.c12-root .c12-nodo-nota.is-fuera .c12-nodo-hz{color:#8a8a8a}.c12-root .c12-nodo-nota.is-muda strong,.c12-root .c12-nodo-nota.is-muda .c12-nodo-hz{color:#555}.c12-root .c12-no-cuenta{color:#d9a3a3;font-size:11px}.c12-root .c12-nodo-datos b{color:var(--op);font-weight:600}.c12-root .c12-cuerda{box-sizing:border-box;width:100%;height:auto;padding:2px 10px 8px;display:block;overflow:visible}.c12-root .c12-cuerda-puente{fill:#6b6b6b}.c12-root .c12-cuerda-quieta{stroke:#4a4a4a;stroke-width:1.4px}.c12-root .c12-cuerda-largo{font-family:DM Mono,ui-monospace,monospace;font-size:11px;font-weight:500}.c12-root .c12-cuerda-etiqueta{fill:#7d7d7d;font-family:DM Mono,ui-monospace,monospace;font-size:7.5px}.c12-root .c12-cuerda-anterior{opacity:.75}.c12-root .c12-cuerda-marca line{stroke:#efc373;stroke-width:1.2px;stroke-dasharray:3 2}.c12-root .c12-cuerda-marca text{fill:#efc373;font-family:DM Mono,ui-monospace,monospace;font-size:8px}.c12-root .c12-nodo .c12-puerto.react-flow__handle{background:var(--op);border:2px solid #0c0c0c;width:14px;height:14px}.c12-root .c12-ojo{z-index:3;color:#ddd;cursor:pointer;background:#111;border:1px solid #555;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.c12-root .c12-ojo:hover{color:#fff;border-color:#fff}.c12-root .c12-ojo.is-oculta{color:#666;border-color:#333}.c12-root .c12-nodo .c12-salida.react-flow__handle{border:1.5px solid var(--salida);width:24px;height:24px;color:var(--salida);cursor:pointer;background:#111;border-radius:50%;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;line-height:1;display:flex}.c12-root .c12-nodo .c12-salida.react-flow__handle.is-dividir{top:calc(50% - 16px)}.c12-root .c12-nodo .c12-salida.react-flow__handle.is-multiplicar{top:calc(50% + 16px)}.c12-root .c12-nodo .c12-salida.react-flow__handle:hover{background:var(--salida);color:#111}.c12-root .c12-victoria{z-index:10;text-align:center;background:#0f1a11f0;border:1px solid #50dc64;border-radius:12px;flex-direction:column;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:16px 22px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #50dc6466}.c12-root .c12-victoria strong{color:#50dc64;font-size:22px}.c12-root .c12-victoria-botones{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:1023.98px){.c12-root.app-root.c12-root{flex-direction:column;display:flex}.c12-root.c12-root .controls-panel.c12-menu{border-bottom:1px solid #262626;border-right:0;flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;height:auto;padding:8px 12px;display:grid}.c12-root.c12-root .c12-menu .bcm-logo-wrap{width:84px}.c12-root .c12-titulo{margin:0;font-size:14px}.c12-root .c12-contadores,.c12-root .c12-botones{grid-column:1/-1;margin:0}.c12-root .c12-contador{flex-direction:row;justify-content:center;gap:6px;padding:4px 6px}.c12-root .c12-contador-grande{font-size:15px}.c12-root .c12-botones{flex-flow:wrap}.c12-root .c12-botones>*{flex:40%;min-width:0}.c12-root .c12-reglas{grid-column:1/-1;margin:0}.c12-root .c12-boton{min-height:30px;padding:5px 6px;font-size:12px}.c12-root .c12-leyenda{display:none}.c12-root .c12-escena{flex:1}.c12-root .c12-arriba{gap:6px;padding:8px 10px}.c12-root .c12-doce{gap:3px}.c12-root .c12-ficha{border-radius:6px;min-height:40px;font-size:9px;line-height:1.15}.c12-root .c12-ficha.is-conseguida{font-size:11px}.c12-root .c12-ficha-nombres{flex-direction:column}.c12-root .c12-doce,.c12-root .c12-objetivo-notas{padding-top:20px}.c12-root .c12-ficha-cents{flex-direction:column;align-items:center;gap:1px;font-size:8px}.c12-root .c12-ficha-nombre+.c12-ficha-nombre:before{content:none}.c12-root .c12-piano-marco{--reserva:36px;gap:2px}.c12-root .c12-ficha-decimal,.c12-root .c12-ficha-unidad{display:none}.c12-root .c12-ficha-hz{font-size:8px}.c12-root .c12-tecla-nombre{display:none}.c12-root .c12-piano-fuera{width:16px;font-size:10px}}.c12-root .c12-modos{flex-direction:column;gap:10px;margin-top:12px;display:flex}.c12-root .c12-modos .bcm-segmented>button{font-size:12px;line-height:1.25}.c12-root .c12-piano-y-onda{justify-content:center;align-items:flex-end;gap:14px;width:100%;display:flex}.c12-root .c12-piano-zona{flex:1;min-width:0;container-type:inline-size}.c12-root .c12-onda{flex-direction:column;flex:none;gap:4px;width:300px;display:flex}.c12-root .c12-onda>svg{background:#111;border:1px solid #262626;border-radius:8px;width:100%;height:104px;display:block}.c12-root .c12-onda-eje{stroke:#262626}.c12-root .c12-onda-parte{fill:none;stroke:#8fcf99;stroke-width:1px;opacity:.45;vector-effect:non-scaling-stroke}.c12-root .c12-onda-suma{fill:none;stroke:#fff;stroke-width:1.8px;vector-effect:non-scaling-stroke}.c12-root .c12-onda-pie{color:#8a8a8a;align-items:center;gap:6px;font-size:10.5px;display:flex}.c12-root .c12-onda-cuenta{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.c12-root .c12-onda-tocar{color:#ddd;cursor:pointer;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.c12-root .c12-onda-tocar:hover:not(:disabled){color:#fff;border-color:#fff}.c12-root .c12-onda-tocar:disabled{opacity:.4;cursor:default}.c12-root .c12-objetivo{align-items:center;gap:18px;width:100%;max-width:1300px;margin:0 auto;display:flex}.c12-root .c12-objetivo-fila{align-items:center;gap:14px;display:flex}.c12-root .c12-objetivo-acorde{flex-direction:column;min-width:80px;display:flex}.c12-root .c12-objetivo-titulo{letter-spacing:.06em;text-transform:uppercase;color:#777;font-size:10.5px}.c12-root .c12-objetivo-acorde strong{color:#fff;font-size:32px;line-height:1}.c12-root .c12-objetivo-notas{gap:6px;margin:0;padding:14px 0 0;list-style:none;display:flex}.c12-root .c12-objetivo-notas .c12-ficha{width:92px}.c12-root .c12-acordes{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:4px;margin:0;padding:0;list-style:none;display:flex}.c12-root .c12-acorde-boton{color:#9a9a9a;font:inherit;cursor:pointer;background:#161616;border:1px solid #333;border-radius:999px;align-items:center;gap:3px;padding:3px 9px;font-size:12px;display:inline-flex}.c12-root .c12-acorde-boton:hover{color:#ddd;border-color:#666}.c12-root .c12-acorde-boton.is-hecho{color:#9fcfa6;border-color:#3c6b44}.c12-root .c12-acorde-boton.is-actual{color:#fff;border-color:#fff}@media (max-width:1023.98px){.c12-root .c12-modos{grid-column:1/-1;margin:0}.c12-root .c12-piano-y-onda{flex-direction:column;align-items:stretch;gap:6px}.c12-root .c12-piano-zona{flex:none;width:100%}.c12-root .c12-onda{width:100%}.c12-root .c12-onda>svg{height:64px}.c12-root .c12-objetivo{flex-direction:column;align-items:stretch;gap:6px}.c12-root .c12-objetivo-acorde strong{font-size:24px}.c12-root .c12-objetivo-notas .c12-ficha{flex:1;width:auto}.c12-root .c12-objetivo-fila .c12-objetivo-notas{flex:1}.c12-root .c12-acordes{justify-content:flex-start}.c12-root .c12-acorde-boton{padding:2px 7px;font-size:11px}}.c12-root .c12-victoria-marca{color:#cfcfcf;font-size:16px}.c12-root .c12-victoria-marca b{color:#fff;font-size:20px}.c12-root .c12-podio{grid-template-columns:repeat(3,96px);gap:8px;margin:4px 0;padding:0;list-style:none;display:grid}.c12-root .c12-premio{background:#151515;border:1px solid #2c2c2c;border-radius:8px;justify-items:center;gap:3px;padding:8px 4px;display:grid}.c12-root .c12-premio-copa{line-height:0;display:block}.c12-root .c12-premio-copa svg{image-rendering:pixelated}.c12-root .c12-premio-nodos{color:#fff;font-size:13px}.c12-root .c12-premio-tiempo{color:#9a9a9a;font-size:11px}.c12-root .c12-premio.is-vacio .c12-premio-nodos{color:#555}.c12-root .c12-premio:first-child:not(.is-vacio) .c12-premio-nodos{color:#ffd93b}.c12-root .c12-premio.is-tuyo{border-color:#50dc64;box-shadow:0 0 10px #50dc6455}.c12-root .c12-boton.is-principal{color:#d9f5de;background:#183a20;border-color:#3c6b44}.c12-root .c12-boton.is-principal:hover:not(:disabled){color:#fff;border-color:#50dc64}.c12-root .c12-vista-compartir{z-index:900;background:#000000c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.c12-root .c12-vista-compartir-caja{justify-items:center;gap:12px;max-height:100%;display:grid}.c12-root .c12-vista-compartir-caja img{aspect-ratio:9/16;border-radius:10px;max-width:100%;max-height:calc(100dvh - 100px);display:block;box-shadow:0 10px 40px #000000b3}.c12-root .c12-vista-compartir-espera{aspect-ratio:9/16;color:#ff8a8a;background:#1b1b1b;border-radius:10px;place-items:center;width:min(360px,80vw);display:grid}.c12-root .c12-vista-compartir-botones{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@media (max-width:1023.98px){.c12-root .c12-victoria{box-sizing:border-box;width:min(420px,100% - 24px);padding:14px 12px}.c12-root .c12-podio{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}
/*# sourceMappingURL=12p1s7ggstfu8.css.map*/