/* Large targets sit over the drawing without shrinking on a phone. */
#game #stage[data-game="analog_electricity"]{margin-top:0;padding:12px;background:#fffdf5!important;border-color:#d5e3d7!important}
body:has(#game:not([hidden]) #stage[data-game="analog_electricity"]) main{padding-top:12px;padding-bottom:12px}
.el-juego{max-width:920px;margin:auto;color:#233f38;--el-verde:#276b52;--el-amarillo:#ffdc6b;--el-mano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 72'%3E%3Cpath d='M23 35V10a5 5 0 0 1 10 0v17c5-4 10-1 10 3 5-3 10 0 10 4 6-1 10 4 9 9l-3 15c-1 6-6 10-12 10H33c-6 0-10-3-13-7L7 44c-5-6 2-12 7-8l9 8' fill='%23ffdb94' stroke='%23744b2e' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M29 62h24v8H29z' fill='%234d80bd' stroke='%232d527f' stroke-width='2'/%3E%3C/svg%3E")}
.el-juego button{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.el-juego button:focus-visible{outline:4px solid #315cce;outline-offset:4px}
.el-modos{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}
.el-modo{min-height:48px;padding:9px 20px;border:2px solid #d4e3d9;border-radius:99px;background:#fff;color:#315846;font-size:18px;font-weight:800}
.el-modo[aria-pressed="true"]{background:#276b52;color:#fff;border-color:#276b52;box-shadow:0 3px 0 #183f31}
.el-modos .jl-sonido{margin-left:auto}
.el-progreso{display:flex;justify-content:center;gap:9px;margin:0 auto 8px}
.el-paso{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #d4e3d9;border-radius:50%;background:#fff;color:#527164;font-size:18px;font-weight:850}
.el-paso[aria-current="step"]{border:3px solid #233f38;background:#ffdc6b;color:#233f38}
.el-paso.el-hecha{background:#d6efdc;border-color:#8abb98;color:#246442}
.el-paso.el-hecha[aria-current="step"]{border-color:#233f38}
.el-cabecera{display:flex;justify-content:center;align-items:center;gap:10px;min-height:62px}
.el-consigna{font-size:clamp(22px,3.3vw,32px);line-height:1.2;margin:8px 0 12px;font-weight:850;outline:none}
.el-escuchar{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#eef3ec;font-size:23px}
.el-marco{position:relative;width:100%;max-width:min(100%,calc((100dvh - 430px) * 800 / 440));min-width:min(100%,480px);margin:auto;border:2px solid #dce7dc;border-radius:26px;box-shadow:0 5px 0 #e7eedd;isolation:isolate}
.el-juego[data-nivel="7"] .el-marco,.el-juego[data-prediccion="true"] .el-marco{max-width:min(100%,calc((100dvh - 540px) * 800 / 440));min-width:min(100%,420px)}
.el-juego[data-libre="true"] .el-marco{max-width:min(100%,calc((100dvh - 465px) * 800 / 440));min-width:min(100%,480px)}
.el-circuito{display:block;width:100%;height:auto;border-radius:24px}
.el-sombra-cable,.el-cable,.el-flujo,.el-borrar,.el-guia-cable{fill:none;stroke-linecap:round;stroke-linejoin:round}
.el-sombra-cable{stroke:#cbd9ce;stroke-width:18;transform:translateY(3px)}
.el-cable{stroke:#557c6b;stroke-width:13}
.el-flujo{stroke:#ffe680;stroke-width:5;stroke-dasharray:1 25;opacity:0}
.el-encendida .el-flujo{opacity:1;animation:el-circular 2.5s linear infinite}
.el-borrar{stroke:#f5faf5;stroke-width:24}
.el-guia-cable{stroke:#a5bab0;stroke-width:5;stroke-dasharray:5 10}
.el-switch{fill:#315846;stroke:#315846}
.el-palanca{fill:none;stroke:#315846;stroke-width:13;stroke-linecap:round}
.el-abierto .el-palanca{stroke:#d49a3b}
.el-vidrio{fill:#e0e9e7;stroke:#708b87;stroke-width:4;transition:fill .25s}
.el-resplandor,.el-rayos,.el-sonrisa{opacity:0;transition:opacity .25s}
.el-encendida .el-vidrio{fill:#ffe478;stroke:#bd9638}
.el-encendida .el-resplandor,.el-encendida .el-rayos,.el-encendida .el-sonrisa{opacity:1}
.el-pensar::after{content:'?';position:absolute;left:80%;top:43%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(52px,9vw,82px);height:clamp(52px,9vw,82px);border:3px solid #59777c;border-radius:50%;color:#3d5d62;background:#edf4ee;font-size:clamp(35px,6vw,55px);font-weight:900}
.el-pista-pensar .el-guia-cable{stroke:#b27817;stroke-width:9}
.el-pista-pensar .el-cable{stroke:#367d54}
.el-pieza{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(52px,9vw,94px);height:clamp(48px,7vw,70px);padding:0;border:2px dashed #b18433;border-radius:16px;background:#fff4cecc;cursor:pointer;z-index:1}
.el-pieza[aria-pressed="true"]{border:2px solid transparent;background:transparent}
.el-pieza.el-interruptor{width:clamp(58px,10vw,104px);height:clamp(58px,8vw,80px);background:transparent;border:2px solid #b6c8bc}
.el-pieza.el-pila{width:clamp(56px,11vw,116px);height:clamp(84px,22vw,180px)}
.el-pila span{font-size:clamp(36px,6vw,60px)}
.el-pila[aria-pressed="true"] span{visibility:hidden}
.el-marca-cable{display:block;width:70%;height:10px;border:2px solid #7e6842;border-radius:99px;background:#e9c05e}
.el-pieza[aria-pressed="true"] .el-marca-cable{visibility:hidden}
.el-mano::after{content:'';position:absolute;top:calc(100% - 7px);left:50%;transform:translateX(-50%);width:clamp(28px,5vw,40px);height:clamp(32px,6vw,46px);background:var(--el-mano) center/contain no-repeat;filter:drop-shadow(0 2px 0 #fff);pointer-events:none;animation:el-tocar 1.3s ease-in-out infinite}
.el-opciones{display:flex;justify-content:center;gap:14px;margin:14px auto 0}
.el-respuesta,.el-material{position:relative;display:grid;justify-items:center;gap:3px;min-width:110px;padding:8px 18px;border:2px solid #d4e1d7;border-bottom-width:5px;border-radius:18px;color:#345347;background:#fff;font-size:15px;font-weight:800}
.el-respuesta svg{width:62px;height:56px}
.el-material svg{width:70px;height:52px}
.el-material[aria-pressed="true"]{border-color:#537d60;background:#e9f4df}
.el-mensaje{display:flex;justify-content:center;align-items:center;min-height:40px;margin:8px 0 4px;padding:4px 8px;font-size:clamp(16px,2.6vw,20px);line-height:1.3;font-weight:700;color:#53695d}
.el-mensaje.el-logro{color:#276b52}
.el-logro::before{content:'✓';margin-right:8px;font-size:24px}
.el-pie{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;margin-top:4px}
.el-ayuda,.el-reiniciar{min-height:48px;border:2px solid #d6e1d2;border-radius:14px;background:#f5f6ed;color:#3c5d48;font-size:18px;font-weight:750;padding:8px 16px}
.el-ayuda::before{content:'';display:inline-block;width:20px;height:24px;vertical-align:-5px;margin-right:7px;background:var(--el-mano) center/contain no-repeat}
.el-reiniciar{font-size:26px;min-width:48px;padding:4px 12px}
.el-seguir{min-height:50px;margin-left:auto;padding:10px 26px;border:0;border-radius:16px;background:#276b52;color:#fff;font-size:21px;font-weight:850;box-shadow:0 4px 0 #173e30}
.el-seguir:disabled{background:#e5e9dc;color:#72816e;box-shadow:none;cursor:default}
.el-juego [hidden]{display:none!important}
@keyframes el-circular{to{stroke-dashoffset:-104}}
@keyframes el-tocar{50%{translate:0 -6px}}
@media(max-width:600px){
 #game #stage[data-game="analog_electricity"]{padding:10px 6px}
 .el-modos{gap:6px;margin-bottom:10px}.el-modo{padding:7px 11px;font-size:15px}.el-modos .jl-sonido{font-size:22px;min-width:42px}
 .el-progreso{gap:4px}.el-paso{width:34px;height:44px;font-size:16px}
 .el-cabecera{gap:5px;min-height:62px}.el-consigna{font-size:21px}.el-escuchar{width:40px;height:44px}
 .el-juego .el-marco{max-width:100%;min-width:0;border-radius:20px}.el-circuito{border-radius:18px}
 .el-pieza{border-radius:12px}.el-marca-cable{height:8px}
 .el-opciones{gap:8px;margin-top:14px}.el-respuesta,.el-material{min-width:0;padding:7px 12px;font-size:12px}.el-material svg{width:64px;height:45px}
 .el-mensaje{min-height:48px;font-size:16px}.el-pie{gap:7px}.el-ayuda{padding:8px 10px;font-size:16px}.el-seguir{font-size:18px;padding:10px 16px}
}
@media(prefers-reduced-motion:reduce){.el-mano::after,.el-encendida .el-flujo{animation:none}.el-vidrio,.el-resplandor,.el-rayos,.el-sonrisa{transition:none}}