/* Electric Circuit: the level buttons, the material chips, the circuit board and the win panel. Colours follow the Kids palette. No inline styles. */
.ec-stage [hidden]{display:none!important}

.ec-levels,.ec-materials{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 12px}
.ec-levels button,.ec-materials button{min-height:44px;padding:8px 14px;border-radius:999px;border:2px solid #2a3577;background:#121a45;color:#f4f6ff;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.ec-levels button[aria-pressed="true"],.ec-materials button[aria-pressed="true"]{background:#f4c76b;border-color:#f4c76b;color:#0d1333}
.ec-levels button:focus-visible,.ec-materials button:focus-visible,.ec-actions button:focus-visible,.ec-win button:focus-visible{outline:3px solid #f4c76b;outline-offset:3px}
.ec-chip-art{width:44px;height:26px;flex:0 0 auto}

.ec-hint{margin:0 auto 12px;max-width:44rem;text-align:center;color:#c9d1ff}

.ec-board{margin:0 auto 14px;max-width:560px;border-radius:18px;background:linear-gradient(#1b2a5e,#0d1333);border:2px solid #2a3577;padding:8px}
.ec-art{display:block;width:100%;height:auto}
.ec-art text{font-family:inherit}

/* Hit areas are invisible, so a finger can tap a point, a switch, the gap or a wire. */
.ec-hit,.ec-tap{fill:transparent;cursor:pointer}
.ec-wire-hit{stroke:transparent;stroke-width:22;cursor:pointer}
.ec-art [data-act]{outline:none}
.ec-art [data-act]:focus-visible{filter:drop-shadow(0 0 3px #f4c76b)}

.ec-lead{stroke:#8a94b8;stroke-width:4;stroke-linecap:round}
.ec-gap{stroke:#8a94b8;stroke-width:3;stroke-dasharray:5 6;stroke-linecap:round}
.ec-body{fill:#3b4780;stroke:#8a94b8;stroke-width:2}
.ec-sign{fill:#f4f6ff;font-size:16px;font-weight:700}
.ec-label{fill:#c9d1ff;font-size:11px;font-weight:700}

.ec-blade{stroke:#c9d1ff;stroke-width:4;stroke-linecap:round}
.ec-blade-on{stroke:#ffd54f;stroke-width:4;stroke-linecap:round}
.ec-contact{fill:#c9d1ff}

.ec-wire{stroke:#e0823a;stroke-width:5;stroke-linecap:round}
.ec-node .ec-dot{fill:#dfe6ff;stroke:#1d2246;stroke-width:2}
.ec-node.ec-sel .ec-dot{fill:#f4c76b;stroke:#f4c76b;stroke-width:4}

.ec-glass{fill:#2a3566;stroke:#8a94b8;stroke-width:2}
.ec-filament{fill:none;stroke:#8a94b8;stroke-width:2;stroke-linejoin:round}
.ec-on .ec-glass{fill:#ffe082;stroke:#ffca28}
.ec-on .ec-filament{stroke:#ff8f00}
.ec-on .ec-blade{stroke:#ffd54f}

.ec-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.ec-win{text-align:center}
.ec-win-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ec-win button{min-height:44px}

.ec-howto ol{padding-left:1.2em}