:root{--tinta:#14183a;--tinta-suave:#4a4f73;--fondo:#f3f6fb;--tarjeta:#fff;--borde:#d5dcec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--fondo);color:var(--tinta);margin:0}.app-meta{max-width:78rem;color:var(--tinta-suave);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.25rem .75rem;margin:0 auto;padding:.5rem 1rem 0;font-size:.75rem;display:flex}.app-version{font-variant-numeric:tabular-nums}.app-author{text-align:right}.arranque{flex-direction:column;justify-content:center;gap:1.5rem;max-width:36rem;min-height:100dvh;margin:0 auto;padding:2rem 1rem;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2.25rem,10vw,3.5rem);line-height:1.1}.lema{color:var(--tinta-suave);margin:.5rem 0 0;font-size:1.125rem}.estado{border:1px solid var(--borde);background:var(--tarjeta);border-radius:.75rem;padding:1.25rem 1rem}.estado h2{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:0 0 .75rem;font-size:1rem}.estado p{margin:0 0 .75rem}.avisos{flex-direction:column;gap:.5rem;max-width:36rem;margin:0 auto;padding:.75rem 1rem 0;display:flex}.aviso{border:1px solid var(--borde);background:#fdf3e3;border-left:4px solid #b45309;border-radius:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;display:flex}.aviso.informa{background:#eaf4fe;border-left-color:#0284c7}.aviso h2{margin:0;font-size:1rem}.aviso p{margin:0}.progreso h3{margin:1rem 0 .25rem;font-size:.9375rem}.progreso-lista{gap:.25rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.progreso-lista li{border-top:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding-top:.5rem;display:flex}.progreso-lista strong{font-variant-numeric:tabular-nums}.progreso details summary{cursor:pointer;align-items:center;min-height:48px;font-weight:600;display:flex}.progreso details summary:focus-visible{outline-offset:2px;outline:3px solid #0284c7}.progreso-nota{color:var(--tinta-suave);margin:0;font-size:.875rem}.menu-estudio{justify-content:center;align-items:center;text-decoration:none;display:flex}.menu{justify-content:flex-start}.menu-formulario{flex-direction:column;gap:1.25rem;display:flex}.menu h2,.juego h2{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:0 0 .5rem;font-size:1rem}.opciones{flex-wrap:wrap;gap:.5rem;display:flex}.opciones button{border:1.5px solid var(--borde);background:var(--tarjeta);min-width:48px;min-height:48px;color:var(--tinta);font:inherit;cursor:pointer;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:flex-start;padding:.5rem .875rem;display:flex}.opciones button small{color:var(--tinta-suave);font-size:.75rem}.opciones button[aria-pressed=true]{border-color:var(--tinta);background:var(--tinta);color:#fff}.opciones button[aria-pressed=true] small{color:#d5dcec}.opciones button:disabled{cursor:not-allowed;opacity:.55}.menu-pronto,.menu-ayuda,.juego-pista{color:var(--tinta-suave);margin:0;font-size:.9375rem}button:focus-visible,select:focus-visible,h1:focus-visible,h2:focus-visible{outline-offset:2px;outline:3px solid #0284c7}.boton-principal,.boton-secundario{min-height:48px;font:inherit;cursor:pointer;border-radius:.625rem;padding:.625rem 1.25rem;font-weight:700}.boton-principal{border:1.5px solid var(--tinta);background:var(--tinta);color:#fff}.boton-principal:disabled{border-color:var(--borde);color:#5b6285;cursor:not-allowed;background:#e6eaf4}.boton-secundario{border:1.5px solid var(--borde);background:var(--tarjeta);color:var(--tinta)}.juego{overflow-anchor:none;max-width:30rem;min-height:100dvh;padding:1rem 1rem 2.5rem;padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.juego h1{letter-spacing:0;font-size:1.5rem}.juego-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.juego-cabecera p{color:var(--tinta-suave);text-align:right;margin:0}.juego-tarjeta{margin:0}.juego-tonica{color:var(--tinta);display:block}.lectura-tonica{border-left:3px solid var(--borde);padding-left:.75rem;font-size:.9375rem}.lectura-tonica p{margin:0 0 .5rem}.lectura-tonica p:last-child{margin-bottom:0}.juego-pie{text-align:center;color:var(--tinta-suave);margin:.25rem 0 0;font-size:.9375rem}.juego-respuesta{flex-direction:column;gap:.75rem;display:flex}.juego-respuesta h2{text-transform:none;letter-spacing:0;color:var(--tinta);margin:0;font-size:1.125rem}.opciones-acorde{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.opciones-acorde button{align-items:center;min-height:56px;font-size:1.0625rem;font-weight:600}.desplegables{gap:.75rem;display:grid}.desplegables label{flex-direction:column;gap:.25rem;font-weight:600;display:flex}.desplegables select{border:1.5px solid var(--tinta-suave);background:var(--tarjeta);min-height:48px;color:var(--tinta);font:inherit;border-radius:.625rem;padding:.5rem .75rem;font-size:1rem}.desplegables select:disabled{color:var(--tinta);opacity:1;background:#eef1f8}.opciones-acorde button.ok,.opciones-acorde button.ko{color:#fff}.opciones-acorde button.ok:disabled,.opciones-acorde button.ko:disabled{opacity:1}.opciones-acorde button.ok{background:#166534;border-color:#166534}.opciones-acorde button.ko{background:#b91c1c;border-color:#b91c1c}.opciones-acorde button:disabled:not(.ok):not(.ko){opacity:.55}.resultado{scroll-margin-top:1rem;scroll-margin-bottom:calc(1rem + env(safe-area-inset-bottom,0px));border:1px solid var(--borde);background:var(--tarjeta);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.resultado h2{text-transform:none;letter-spacing:0;color:var(--tinta);margin:0;font-size:1.25rem}.correccion{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.correccion li{border-left:4px solid;border-radius:.5rem;gap:.625rem;padding:.625rem .75rem;display:flex}.correccion li.ok{background:#e8f6ee;border-color:#166534}.correccion li.ko{background:#fdecec;border-color:#b91c1c}.correccion .marca{font-weight:800}.correccion li.ok .marca{color:#166534}.correccion li.ko .marca{color:#b91c1c}.tablero-grados{flex-direction:column;gap:.75rem;display:flex}.tablero{position:relative;container-type:inline-size}.destino{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.destino.ocupado{cursor:grab;touch-action:none}.destino-ficha{aspect-ratio:1;color:var(--tinta);border:1.4px dashed #6d7699;border-radius:50%;justify-content:center;align-items:center;font-size:4.9cqw;font-weight:700;line-height:1;display:flex}.destino.ocupado .destino-ficha{background:#c8cde0;border-style:solid}.destino.objetivo .destino-ficha{box-shadow:0 0 0 3px #0284c78c}.destino[aria-pressed=true] .destino-ficha{background:#fff;box-shadow:0 0 0 3px #0284c7}.destino:focus-visible{outline-offset:-2px;outline:3px solid #0284c7}.banco{border:1px solid var(--borde);background:var(--tarjeta);border-radius:.75rem;padding:.75rem}.banco h3{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:0 0 .5rem;font-size:.875rem}.fichas{flex-wrap:wrap;gap:.5rem;display:flex}.ficha{min-width:48px;min-height:48px;color:var(--tinta);font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#e6eaf4;border:1.5px solid #6d7699;border-radius:.625rem;padding:.25rem .75rem;font-size:1.125rem;font-weight:700}.ficha[aria-pressed=true]{border-color:var(--tinta);background:var(--tinta);color:#fff}.ficha.colocada{cursor:default;opacity:.4;touch-action:auto;border-style:dashed}.devolver{margin-top:.5rem}.devolver:disabled{cursor:not-allowed;opacity:.55}.ficha-fantasma{z-index:50;border:2px solid var(--tinta);width:44px;height:44px;color:var(--tinta);pointer-events:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 12px #14183a40}.tablero-estado{min-height:3rem;color:var(--tinta-suave);margin:0;font-size:.9375rem}.tablero-nota{color:var(--tinta-suave);margin:0;font-size:.8125rem}.resumen{color:var(--tinta-suave);margin:0}.solo-lectores{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.colocar{border:1px solid var(--borde);background:var(--tarjeta);border-radius:.75rem;padding:.75rem}.colocar h3{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:0 0 .25rem;font-size:.875rem}.colocar-ayuda{color:var(--tinta-suave);margin:0 0 .5rem;font-size:.875rem}.colocar-destinos{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.colocar-boton{background:var(--tarjeta);min-width:48px;min-height:56px;color:var(--tinta);font:inherit;cursor:pointer;border:1.5px dashed #6d7699;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.875rem;display:flex}.colocar-boton strong{font-size:1.125rem}.colocar-boton.ocupado{background:#c8cde0;border-style:solid}.colocar-boton[aria-pressed=true]{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c7}.colocar-boton:focus-visible{outline-offset:2px;outline:3px solid #0284c7}.ruta .partida,.ruta .candidata,.ruta .comparacion{flex-direction:column;gap:.5rem;display:flex}.ruta h2{margin:0}.candidata h2{text-transform:none;letter-spacing:0;color:var(--tinta);font-size:1.125rem}.candidata-tarjeta{touch-action:pan-y;-webkit-user-select:none;user-select:none}.selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.selector button{border:1.5px solid var(--borde);background:var(--tarjeta);min-height:56px;color:var(--tinta);font:inherit;cursor:pointer;border-radius:.625rem;font-size:1.25rem;font-weight:700}.selector button[aria-pressed=true]{border-color:var(--tinta);background:var(--tinta);color:#fff}.selector button.ok,.selector button.ko{color:#fff}.selector button.ok{background:#166534;border-color:#166534}.selector button.ko{background:#b91c1c;border-color:#b91c1c}.selector button:disabled{cursor:default}.selector button:disabled:not(.ok):not(.ko){opacity:.55}.ruta .seleccion{flex-direction:column;gap:.5rem;display:flex}.veredicto{border-left:4px solid;border-radius:.5rem;gap:.5rem;margin:0;padding:.625rem .75rem;display:flex}.veredicto.ok{background:#e8f6ee;border-color:#166534}.veredicto.ko{background:#fdf3e3;border-color:#b45309}.veredicto .marca{font-weight:800}.resumen-ruta-total{color:var(--tinta-suave);margin:0}.lista-revision-ruta{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.revision-ruta-item{border:1px solid var(--borde);border-left:4px solid var(--borde);background:var(--tarjeta);border-radius:.75rem;padding:.875rem}.revision-ruta-item.ok{border-left-color:#166534}.revision-ruta-item.ko{background:#fffbf5;border-left-color:#b45309}.revision-ruta-item h2{color:var(--tinta);text-transform:none;letter-spacing:0;margin-bottom:.5rem}.revision-ruta-item p{margin:.25rem 0}.revision-ruta-estado{font-weight:700;margin-top:.5rem!important}.revision-ruta-detalle{margin-top:.625rem}.revision-ruta-detalle summary{cursor:pointer;align-items:center;min-height:48px;font-weight:700;display:flex}.revision-ruta-diagramas{gap:1rem;margin-top:.5rem;display:grid}.revision-ruta-diagramas h3{margin:0 0 .375rem;font-size:.9375rem}.opciones-vista{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=960px){.avisos{max-width:82rem;padding-inline:2rem}.arranque.menu{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);grid-template-areas:"header header""form progress";place-content:start stretch;align-items:start;gap:1.5rem 2rem;max-width:82rem;min-height:100dvh;padding:2rem;display:grid}.menu>header{grid-area:header}.menu-formulario{grid-area:form;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1.25rem;display:grid}.menu-formulario>*{min-width:0}.menu-formulario>.menu-ayuda,.menu-formulario>.boton-principal,.menu-formulario>.menu-estudio,.menu-formulario>.menu-manual{grid-column:1/-1}.menu>.progreso{grid-area:progress}.menu .estado{min-width:0}.juego{grid-template-columns:minmax(0,1.3fr) minmax(22rem,.7fr);grid-template-areas:"header header""title title""card answer""card result";align-items:start;gap:1rem 2rem;max-width:82rem;padding:1.5rem 2rem 3rem;display:grid}.juego-cabecera{grid-area:header}.juego>h1{grid-area:title}.juego-tarjeta{grid-area:card}.juego-respuesta{grid-area:answer}.juego>.resultado{grid-area:result}.juego .fretboard-card{max-width:44rem;margin-inline:auto}.juego.ruta[data-phase=ruta]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"header header""title title""start candidate"}.juego.ruta[data-phase=ruta-verificada]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"header header""title title""start result""comparison selection"}.ruta .partida{grid-area:start}.ruta .candidata{grid-area:candidate}.ruta .comparacion{grid-area:comparison}.ruta .seleccion{grid-area:selection}.study{max-width:88rem;padding:1.5rem 2rem 3rem}.study .study-workspace{grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.study-sidebar{border:1px solid var(--borde);background:var(--tarjeta);border-radius:.75rem;padding:1rem;position:sticky;top:1rem}.study-sidebar .opciones{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.study-sidebar .opciones button{width:100%}.study-control label{max-width:none}.study-card{width:min(100%,48rem);max-width:none}.study-route-grid{gap:2rem}.study-movements{gap:1.5rem}.revision{max-width:88rem;padding-inline:2rem}}@font-face{font-family:Gochi Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/Drop_Route/assets/GochiHand-latin-D3Iu69dp.woff2)format("woff2")}@font-face{font-family:Caveat Brush;font-style:normal;font-weight:400;font-display:swap;src:url(/Drop_Route/assets/CaveatBrush-latin-2w-6t9gW.woff2)format("woff2")}.fretboard-card{width:100%;height:auto;display:block}.card-hand{font-family:Gochi Hand,Segoe Print,Bradley Hand,cursive}.card-name{font-family:Caveat Brush,Gochi Hand,Segoe Print,cursive;font-size:23px}.card-name-alternative{font-size:17px}.card-family{letter-spacing:1.1px;font-size:11px}.card-string-number{text-anchor:end;font-size:15px}.card-fret-number{text-anchor:middle;font-size:12px}.card-dot-label{text-anchor:middle;font-size:13px}.revision{flex-direction:column;gap:1.5rem;max-width:72rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.revision h1{font-size:clamp(1.75rem,7vw,2.5rem)}.revision h2{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:0 0 .75rem;font-size:1rem}.revision a{color:var(--tinta)}.revision-nota{color:var(--tinta-suave);margin:.5rem 0 0}.revision-opciones{flex-wrap:wrap;gap:.5rem;display:flex}.revision-opciones button{border:1.5px solid var(--borde);background:var(--tarjeta);min-width:48px;min-height:48px;color:var(--tinta);font:inherit;cursor:pointer;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:flex-start;padding:.5rem .875rem;display:flex}.revision-opciones button small{color:var(--tinta-suave);font-size:.75rem}.revision-opciones button[aria-pressed=true]{border-color:var(--tinta);background:var(--tinta);color:#fff}.revision-opciones button[aria-pressed=true] small{color:#d5dcec}.revision-opciones button:focus-visible{outline-offset:2px;outline:3px solid #0284c7}.revision-rejilla{grid-template-columns:repeat(auto-fill,minmax(min(100%,264px),1fr));gap:1rem .75rem;margin:0;padding:0;list-style:none;display:grid}.revision-tarjeta p{text-align:center;color:var(--tinta-suave);margin:.25rem 0 0;font-size:.875rem}.revision-icono p{color:var(--tinta-suave);margin:0 0 .75rem}.icono-original{border-radius:.5rem;margin-bottom:.75rem;display:block}.icono-panel{border:1px solid var(--borde);border-radius:.5rem;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.icono-panel-claro{background:#fff}.icono-panel-oscuro{background:#1f2430}.study{flex-direction:column;gap:1.25rem;max-width:72rem;min-height:100dvh;margin:0 auto;padding:1rem 1rem 3rem;display:flex}.study-header,.study-route-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.study-header h1{font-size:clamp(2rem,8vw,3.25rem)}.study-back{white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.study-workspace,.study-sidebar,.study-content{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.study h2{text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-suave);margin:0 0 .5rem;font-size:1rem}.study h3{margin:0}.study-control label{flex-direction:column;gap:.35rem;max-width:14rem;font-weight:700;display:flex}.study-control select{border:1.5px solid var(--tinta-suave);background:var(--tarjeta);min-height:48px;color:var(--tinta);font:inherit;border-radius:.625rem;padding:.5rem .75rem}.study-card,.study-route,.study-movement{border:1px solid var(--borde);background:var(--tarjeta);border-radius:.75rem;padding:1rem}.study-card{max-width:34rem}.study-note{color:var(--tinta-suave);margin:.5rem 0 0;font-size:.9375rem}.study-route{flex-direction:column;gap:1rem;display:flex}.study-route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.study-route-step{min-width:0;position:relative}.study-route-step>h3{text-align:center;margin-bottom:.5rem;font-size:1.125rem}.study-arrow{z-index:2;font-size:1.75rem;font-weight:800;position:absolute;top:50%;right:-1.1rem;transform:translateY(-50%)}.study-movements{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.study-movement h3{margin-bottom:.25rem}.study-movement ul{gap:.35rem;margin:.75rem 0 0;padding-left:1.25rem;display:grid}@media (width<=760px){.study-header,.study-route-heading{flex-direction:column}.study-route-grid,.study-movements{grid-template-columns:1fr}.study-arrow{text-align:center;margin:.5rem 0 -.5rem;display:block;position:static;transform:rotate(90deg)}}