:root{--board:#1f2f2d;--board-dot:#2a3d3a;--panel:#2a3c39;--panel-raised:#334945;--rule:#46605b;--tile:#34494a;--tile-edge:#587375;--copper:#bf8a62;--lamp:#ffb84d;--lamp-halo:#ffb84d47;--plus:#8fd0ae;--minus:#ec8466;--ink:#efe8d6;--ink-2:#b2c3be;--ink-3:#82968f;--focus:#ffd890;--font:"Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;--numerals:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--board);color:var(--ink);font:400 15px/1.45 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{grid-template-columns:minmax(0,1fr) 330px;height:100dvh;display:grid}.board{background-color:var(--board);background-image:radial-gradient(var(--board-dot) 1.2px, transparent 1.3px);background-size:22px 22px;position:relative;overflow:hidden}#svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;width:100%;height:100%;display:block}#svg.mode-play .hex:not(.locked){cursor:pointer}#svg.panning,#svg.panning *{cursor:grabbing!important}.hex .tile{fill:var(--tile);stroke:var(--tile-edge);stroke-width:1.5px;transition:fill .12s}#svg.mode-play .hex:not(.locked):hover .tile{fill:#3c5355}.hex.locked .tile{fill:#2d3e3f;stroke-dasharray:5 4}.hex.selected .tile{stroke:var(--focus);stroke-width:3px}.line .wire{stroke:var(--copper);stroke-width:6px;stroke-linecap:butt}.line .chevron{fill:none;stroke:var(--board);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.line.charged .wire{stroke:#d9a35f}.line.live .wire{stroke:var(--lamp)}.line .halo{stroke:var(--lamp-halo);stroke-width:16px;stroke-linecap:round}.line .flow{stroke:#fff4d8;stroke-width:2.4px;stroke-dasharray:3 11;stroke-linecap:round;animation:.9s linear infinite current}@keyframes current{to{stroke-dashoffset:-14px}}.hex .node{fill:var(--panel);stroke:var(--copper);stroke-width:2.5px}.hex .num{fill:var(--ink-2);font:700 17px var(--numerals);text-anchor:middle;dominant-baseline:central;pointer-events:none}.hex .num .big{font-size:21px}.hex .num .small{fill:var(--ink-3);font-size:13px}.hex.energized .node{stroke:var(--lamp)}.hex.energized.t-neutral .num{fill:var(--lamp)}.hex.t-positive .node{stroke:var(--plus);fill:#2c4a40}.hex.t-positive .num{fill:var(--plus)}.hex.t-negative .node{stroke:var(--minus);fill:#4a3330}.hex.t-negative .num{fill:var(--minus)}.hex.t-producer .node{fill:var(--lamp);stroke:#ffe1a8;stroke-width:3px;filter:url(#glow)}.hex.t-producer .num{fill:#2b2216}.hex.t-producer .num.big{font-size:24px}.hex.t-candidate .node{fill:var(--panel);stroke:var(--lamp);stroke-width:3px;stroke-dasharray:5 4;cursor:pointer}.hex.t-candidate .num .big{fill:var(--lamp)}.hex.t-candidate .num .small{fill:var(--ink-3)}.hex.t-candidate.on .node{fill:var(--lamp);stroke:#ffe1a8;stroke-dasharray:none;filter:url(#glow)}.hex.t-candidate.on .num .big,.hex.t-candidate.on .num .small{fill:#2b2216}#svg.mode-play .hex.t-candidate:hover .node{stroke:#ffe1a8}.hex.t-consumer .node{fill:var(--panel);stroke:var(--ink-3);stroke-width:3px;stroke-dasharray:4 3}.hex.t-consumer.energized .node{stroke:var(--lamp)}.hex.t-consumer .num .big{fill:var(--ink)}.hex.t-consumer.satisfied .node{fill:var(--lamp);stroke:#ffe1a8;stroke-dasharray:none;filter:url(#glow)}.hex.t-consumer.satisfied .num .big,.hex.t-consumer.satisfied .num .small{fill:#2b2216}.turns rect{fill:var(--focus)}.turns .turn-arc{fill:none;stroke:#2b2216;stroke-width:1.6px}.turns .turn-head{fill:#2b2216}.turns text{fill:#2b2216;font:700 12px var(--numerals);text-anchor:middle;dominant-baseline:central}.lock rect{fill:var(--ink-3)}.lock path{fill:none;stroke:var(--ink-3);stroke-width:1.6px}.ghost{cursor:copy}.ghost polygon{fill:#0000;stroke:var(--rule);stroke-width:1.5px;stroke-dasharray:4 5;transition:fill .12s,stroke .12s}.ghost path{stroke:var(--rule);stroke-width:2.5px;stroke-linecap:round}.ghost:hover polygon{fill:#efe8d60f;stroke:var(--ink-2)}.ghost:hover path{stroke:var(--ink-2)}.edge-hint{pointer-events:none}.edge-hint line{stroke:var(--focus);stroke-width:14px;stroke-linecap:round;opacity:.35}.edge-hint.tool-none line{stroke:var(--minus)}.zoom{gap:4px;display:flex;position:absolute;bottom:16px;left:16px}.zoom button{border:1px solid var(--rule);background:var(--panel);cursor:pointer;border-radius:6px;min-width:36px;height:36px;padding:0 10px;font-weight:600}.zoom button:hover{background:var(--panel-raised)}.toast{background:var(--ink);color:#1f2f2d;opacity:0;pointer-events:none;border-radius:6px;max-width:min(520px,100% - 32px);margin:0;padding:10px 16px;font-weight:500;transition:opacity .16s,transform .16s;position:absolute;top:16px;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.rail{background:var(--panel);border-left:1px solid var(--rule);flex-direction:column;gap:4px;display:flex;overflow-y:auto}.rail-head{border-bottom:1px solid var(--rule);padding:18px 20px 14px}h1{font:700 26px/1 var(--numerals);letter-spacing:.01em;margin:0 0 12px}h2{color:var(--ink-2);margin:0 0 8px;font-size:14px;font-weight:600}.panel{flex-direction:column;display:flex}.group{padding:14px 20px}.group+.group{border-top:1px solid var(--rule)}.hint,.empty,.note{color:var(--ink-3);margin:8px 0 0;font-size:13.5px}.hint b{color:var(--ink-2)}.note{color:var(--minus)}.rail button{cursor:pointer}.rail button:disabled{cursor:not-allowed;opacity:.45}.modes{background:var(--board);border:1px solid var(--rule);border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.modes button{color:var(--ink-3);background:0 0;border:0;border-radius:6px;padding:8px 0;font-size:15px;font-weight:600}.modes button[aria-selected=true]{background:var(--panel-raised);color:var(--ink);box-shadow:inset 0 -2px 0 var(--lamp)}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.seg button,.row button,.lines-actions button,#reset-turns,.quiet{border:1px solid var(--rule);background:0 0;border-radius:6px;padding:7px 8px;font-size:14px}.seg button:hover:not(:disabled),.row button:hover:not(:disabled),.lines-actions button:hover:not(:disabled),#reset-turns:hover:not(:disabled),.quiet:hover{background:var(--panel-raised)}.seg button[aria-checked=true]{background:var(--panel-raised);border-color:var(--ink-2)}.tools button{flex-direction:column;align-items:center;gap:3px;padding:6px 4px;display:flex}.tools svg{width:36px;height:14px;stroke:var(--copper);stroke-width:4px;fill:none}.tools svg polyline{stroke:var(--panel);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.tools svg .dash{stroke:var(--minus);stroke-dasharray:4 4;stroke-width:3px}.tools button[aria-checked=true] svg polyline{stroke:var(--panel-raised)}.types{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.types button{border:1px solid var(--rule);background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;font-size:12.5px;display:flex}.types button[aria-checked=true]{background:var(--panel-raised);border-color:var(--ink-2)}.sw{border:2.5px solid var(--copper);width:30px;height:30px;font:700 14px var(--numerals);color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.sw-positive{border-color:var(--plus);color:var(--plus);background:#2c4a40}.sw-negative{border-color:var(--minus);color:var(--minus);background:#4a3330}.sw-producer{background:var(--lamp);color:#2b2216;border-color:#ffe1a8}.sw-candidate{border-color:var(--lamp);color:var(--lamp);border-style:dashed}.sw-consumer{border-color:var(--ink-3);color:var(--ink);border-style:dashed}.field{justify-content:space-between;align-items:center;margin-top:12px;font-weight:500;display:flex}.stepper{border:1px solid var(--rule);border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.stepper button{background:var(--panel-raised);border:0;width:34px;font-weight:700}.stepper input{background:var(--board);text-align:center;width:52px;font:700 18px var(--numerals);appearance:textfield;border:0;padding:6px 0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lines-edit{grid-template-columns:128px 1fr;align-items:center;gap:12px;margin-top:14px;display:grid}#edge-widget{width:128px;height:128px}.w-tile{fill:var(--tile);stroke:var(--tile-edge);stroke-width:1.5px}.w-node{fill:var(--panel);stroke:var(--copper);stroke-width:2.5px}.w-edge{cursor:pointer;outline:none}.w-edge .hit{fill:#0000}.w-edge:hover .hit,.w-edge:focus-visible .hit{fill:#ffd89029}.w-edge line{stroke:var(--copper);stroke-width:6px}.w-edge.l-none line{stroke:var(--tile-edge);stroke-width:1.5px;stroke-dasharray:3 4}.w-edge polyline{fill:none;stroke:var(--tile);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.lines-actions{flex-direction:column;gap:4px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;margin:14px 0 0;display:flex}.check input{width:17px;height:17px;accent-color:var(--lamp)}.danger{width:100%;color:var(--minus);background:0 0;border:1px solid #7d4a3f;border-radius:6px;margin-top:14px;padding:7px 8px}.danger:hover:not(:disabled){background:#4a3330}.readout{border-bottom:1px solid var(--rule);align-items:center;gap:14px;padding:18px 20px;display:flex}.lamp{background:radial-gradient(circle at 40% 35%,#7b6a4a,#4a3f2c 70%);border:2px solid #5f553f;border-radius:50%;flex:none;width:34px;height:34px}.readout:not(.dim) .lamp{background:radial-gradient(circle at 40% 35%,#ffd890,#c98a2c 75%);border-color:#e4a64a}.readout.satisfied .lamp{background:radial-gradient(circle at 40% 35%, #fff2d4, var(--lamp) 70%);box-shadow:0 0 18px 4px var(--lamp-halo);border-color:#ffe1a8}.readout-value{font:700 34px/1 var(--numerals);margin:0}.readout-label{color:var(--ink-2);margin:4px 0 0;font-size:14px}.errors{border-bottom:1px solid var(--rule);color:var(--minus);margin:0;padding:12px 20px 12px 38px}.errors .fix{color:var(--ink-3);margin-left:-18px;list-style:none}.primary{background:var(--lamp);color:#2b2216;border:0;border-radius:7px;width:100%;padding:12px;font-size:17px;font-weight:600}.primary:hover:not(:disabled){background:#ffc76e}.primary.busy{color:var(--lamp);box-shadow:inset 0 0 0 2px var(--lamp);background:0 0}.progress{color:var(--ink-2);margin:10px 0 0;font-size:14px}#reset-turns{width:100%;margin-top:10px}#play-panel>.hint{margin:0;padding:0 20px 14px}.map-tools{border-top:1px solid var(--rule);margin-top:auto}.map-tools .seg{margin-bottom:8px}.row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.quiet{width:100%;color:var(--ink-2);margin-top:8px}@media (width<=760px){.app{grid-template-rows:58vh auto;grid-template-columns:1fr;height:auto;min-height:100dvh}.rail{border-left:0;border-top:1px solid var(--rule);overflow:visible}.group,.rail-head,.readout{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.line .flow{stroke-dasharray:none;opacity:.5;animation:none}.toast{transition:none}}