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}