.circuit-page{max-width:1180px}.circuit-shell{background:#100d18;border:1px solid #403452;border-radius:18px;padding:24px;margin-bottom:34px}.circuit-top,.circuit-stats,.circuit-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.circuit-top h2{margin:0;font-size:1.25rem}.circuit-top label{display:flex;align-items:center;gap:10px;font-weight:800}.circuit-top select,.circuit-actions button{min-height:44px;border:1px solid #654f7d;border-radius:8px;background:#1d1728;color:#f8f5ff;padding:9px 13px}.circuit-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:20px 0;border:1px solid #3a3047;border-radius:10px;overflow:hidden}.circuit-stats>div{padding:13px 14px;background:#171220;border-right:1px solid #3a3047}.circuit-stats>div:last-child{border-right:0}.circuit-stats small{display:block;color:#a99db7;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.circuit-stats strong{font-size:1.12rem;font-variant-numeric:tabular-nums}.circuit-board{--c:5;display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:4px;width:min(100%,calc(var(--c)*62px));margin:18px auto;padding:10px;background:#09080e;border:1px solid #3b304b;border-radius:12px;touch-action:manipulation}.circuit-tile{position:relative;aspect-ratio:1;border:1px solid #30273e;border-radius:7px;background:#171320;padding:0;overflow:hidden}.circuit-tile:hover{background:#21192e}.circuit-tile.selected{outline:3px solid #f6f1ff;outline-offset:1px}.circuit-tile.energized{background:#342154;border-color:#9872d3;box-shadow:inset 0 0 16px #b08cff33}.circuit-tile.source{border-color:#f2c96f}.wire{position:absolute;background:#726382}.energized .wire{background:#c4a5ff;box-shadow:0 0 8px #b99aff}.wire-n,.wire-s{left:calc(50% - 4px);width:8px;height:50%}.wire-e,.wire-w{top:calc(50% - 4px);height:8px;width:50%}.wire-n{top:0}.wire-s{bottom:0}.wire-e{right:0}.wire-w{left:0}.circuit-core{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#726382;color:#17101f;font-size:.68rem;line-height:1;z-index:2}.energized .circuit-core{background:#d4bdff;box-shadow:0 0 10px #b99aff}.source .circuit-core{background:#f2c96f}.circuit-status{text-align:center;min-height:28px;color:#d6c8e9;margin:12px auto 18px}.circuit-actions{justify-content:center}.circuit-actions .primary{background:#b39aff;color:#130d1c;border-color:#b39aff;font-weight:850}.circuit-actions button:disabled{opacity:.45}.circuit-note{color:#a99db7;text-align:center;font-size:.84rem;line-height:1.55}.circuit-shell #circuit-storage{margin-bottom:0}@media(max-width:700px){.circuit-shell{padding:16px 12px}.circuit-stats{grid-template-columns:repeat(2,1fr)}.circuit-stats>div{border-bottom:1px solid #3a3047}.circuit-stats>div:nth-child(even){border-right:0}.circuit-stats>div:last-child{grid-column:1/-1}.circuit-board{gap:3px;padding:7px}.circuit-actions button{flex:1 1 42%}}@media(max-width:380px){.circuit-board{gap:2px;padding:5px}.circuit-core{width:14px;height:14px}.wire-n,.wire-s{left:calc(50% - 3px);width:6px}.wire-e,.wire-w{top:calc(50% - 3px);height:6px}}