body{overflow:auto!important;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460)}#puzzle-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:5rem 1rem 2rem;gap:2rem;background:radial-gradient(circle at 30% 70%,rgba(239,83,80,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,179,0,.1) 0%,transparent 50%)}.hint-text{font-family:var(--font-pixel);font-size:.5rem;color:#ff6b6b;text-align:center;max-width:550px;padding:1rem 1.5rem;background:#0006;border-radius:12px;border:2px solid rgba(239,83,80,.3);box-shadow:0 4px 20px #ef535033}#circuit-board{display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,#3e2723e6,#2a1914f2);padding:2.5rem;border-radius:20px;border:3px solid rgba(139,119,73,.4);box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff1a;min-width:400px}.circuit-row{display:flex;align-items:center;gap:12px;justify-content:center}.gate{width:100px;height:56px;background:linear-gradient(145deg,#6d4c41,#5d4037);border:3px solid rgba(139,119,73,.4);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:.45rem;color:#ffb300;cursor:default;-webkit-user-select:none;user-select:none;transition:all .3s;box-shadow:0 4px 12px #0000004d}.gate.active{border-color:#ef5350;box-shadow:0 0 20px #ef535080,inset 0 0 15px #ef535033;color:#ef5350;animation:gatePulse .8s ease-in-out infinite}@keyframes gatePulse{0%,to{box-shadow:0 0 20px #ef535080}50%{box-shadow:0 0 35px #ef5350cc}}.switch-node{width:64px;height:64px;background:linear-gradient(145deg,#5d4037,#4e342e);border:4px solid #8D6E63;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:all .25s;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #0006}.switch-node:hover{border-color:#a1887f;transform:scale(1.08);box-shadow:0 6px 20px #00000080}.switch-node.on{background:linear-gradient(145deg,#c62828,#b71c1c);border-color:#ef5350;box-shadow:0 0 25px #ef535099,inset 0 0 10px #fff3;animation:switchOn .3s ease-out}@keyframes switchOn{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.wire{width:48px;height:6px;background:#5d4037;border-radius:3px;transition:background .4s;box-shadow:0 2px 4px #0000004d}.wire.powered{background:#ef5350;box-shadow:0 0 12px #ef535080}.lamp{width:72px;height:72px;background:linear-gradient(145deg,#37474f,#263238);border:4px solid #546E7A;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;transition:all .4s;box-shadow:0 6px 20px #0006}.lamp.on{background:linear-gradient(145deg,#ffd54f,#ffb300);border-color:#ffe082;box-shadow:0 0 40px #ffd54fb3,inset 0 0 20px #ffffff4d;animation:lampGlow 1s ease-in-out infinite}@keyframes lampGlow{0%,to{box-shadow:0 0 40px #ffd54fb3}50%{box-shadow:0 0 60px #ffd54f}}#check-btn{margin-top:1.5rem;padding:1rem 2.5rem!important;font-size:.6rem!important}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}#circuit-board{width:min(100%,440px);min-width:0;box-sizing:border-box;padding:clamp(1rem,5vw,2.5rem)}.circuit-row{gap:clamp(4px,2vw,12px)}.switch-node{flex:0 1 64px;min-width:0;flex-direction:column;gap:3px;touch-action:manipulation}.switch-node br{display:none}.switch-node:focus-visible{outline:3px solid #ffeab4;outline-offset:5px}.circuit-status{min-height:2.8em;max-width:30rem;margin:-1rem 0;text-align:center;font-size:.85rem;line-height:1.5;color:#b9c7d6}.circuit-status[data-state=success]{color:#a0edb8}.circuit-status[data-state=retry]{color:#ffd18d}#check-btn:disabled{opacity:.6;cursor:wait;transform:none}@media(max-width:440px){.wire-gap{display:none}.switch-node{height:58px;font-size:1.4rem;border-width:3px}#circuit-board .circuit-row>div[style*="margin:0 24px"]{margin:0 18px!important}}@media(prefers-reduced-motion:reduce){.switch-node,.lamp,.gate{animation:none!important;transition:none}}#pause-overlay,#settings-panel{position:fixed;inset:0;width:100%;height:100%;height:100dvh}