.logic-gate-chip{position:relative;display:grid;width:4.7rem;height:3rem;place-items:center;flex:0 0 auto;color:#fff;filter:drop-shadow(0 7px 7px rgba(2,6,23,.3))}.logic-gate-chip img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.logic-gate-chip strong{position:relative;z-index:1;font-size:.64rem;font-weight:950;letter-spacing:.04em;text-shadow:0 2px 5px #020617}.logic-gate-button.is-selected{border-color:color-mix(in srgb,var(--color-primary) 70%,transparent);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-base-200))}.logic-gate-button.is-selected .logic-gate-chip{filter:drop-shadow(0 0 12px rgba(34,211,238,.7))}.logic-single-canvas{position:relative;display:grid;min-height:410px;grid-template-columns:minmax(96px,.72fr) minmax(190px,1.45fr) minmax(96px,.72fr);align-items:center;gap:.5rem;overflow:hidden;isolation:isolate;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--color-base-content) 10%,transparent);background:#07101d;padding:clamp(.75rem,2vw,1.5rem);box-shadow:inset 0 0 48px #0206178c}.logic-lab-backdrop,.logic-stage-vignette{position:absolute;inset:0;width:100%;height:100%}.logic-lab-backdrop{z-index:-3;object-fit:cover;object-position:center}.logic-stage-vignette{z-index:-2;background:linear-gradient(90deg,rgba(2,6,23,.44),transparent 28% 72%,rgba(2,6,23,.5));box-shadow:inset 0 -90px 90px #02061770}.logic-input-column{position:relative;z-index:4;display:grid;gap:.15rem}.logic-switch-unit{position:relative;display:grid;min-height:145px;place-items:center;transition:opacity .24s ease,filter .24s ease}.logic-switch-art{width:min(132px,100%);height:112px;object-fit:contain;transform:perspective(500px) rotateX(7deg) rotate(-1deg) scale(.96);transform-origin:55% 47%;filter:saturate(.72) brightness(.76) drop-shadow(0 14px 10px rgba(2,6,23,.52));transition:transform .42s cubic-bezier(.2,.85,.24,1.2),filter .32s ease}.logic-switch-unit.is-on .logic-switch-art{transform:perspective(500px) rotateX(-7deg) rotate(1.25deg) scale(1.01);filter:saturate(1.12) brightness(1.08) drop-shadow(0 0 16px rgba(34,211,238,.58))}.logic-switch-unit.is-switching .logic-switch-art,.logic-circuit-source.is-switching img{animation:logic-switch-settle .48s cubic-bezier(.22,.9,.28,1.3)}.logic-switch-unit:not(.is-on).is-switching .logic-switch-art,.logic-circuit-source:not(.is-on).is-switching img{animation-name:logic-switch-release}.logic-switch-readout{position:absolute;z-index:2;bottom:.1rem;left:50%;display:flex;min-width:70px;align-items:center;justify-content:center;gap:.4rem;transform:translate(-50%);border:1px solid rgba(125,211,252,.28);border-radius:999px;background:#020617d6;padding:.25rem .55rem;color:#fff;box-shadow:0 8px 20px #02061775;backdrop-filter:blur(8px)}.logic-switch-readout span,.logic-output-readout span,.logic-circuit-source span,.logic-circuit-final span{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6}.logic-switch-readout strong,.logic-output-readout strong,.logic-circuit-source strong,.logic-circuit-final strong{font-size:1.35rem;line-height:1;color:#94a3b8;transition:color .24s ease,text-shadow .24s ease}.logic-switch-unit.is-on strong,.logic-output-node.is-on strong,.logic-circuit-source.is-on strong,.logic-circuit-final.is-on strong{color:#86efac;text-shadow:0 0 12px rgba(74,222,128,.75)}.logic-wire-field{position:absolute;z-index:1;inset:0;pointer-events:none}.logic-wire{position:absolute;width:43%;height:auto;object-fit:contain;filter:brightness(.82) drop-shadow(0 5px 5px rgba(2,6,23,.68))}.logic-wire-a{left:15%;top:24%;transform:rotate(-5deg)}.logic-wire-b{left:15%;top:52%;transform:rotate(5deg) scaleY(-1)}.logic-wire-out{left:52%;top:38%;width:34%;transform:rotate(1deg)}.logic-signal-pulse{position:absolute;z-index:3;width:60px;height:auto;opacity:0;filter:drop-shadow(0 0 10px rgba(56,189,248,.9));pointer-events:none}.logic-signal-pulse.is-active{opacity:1}.logic-pulse-a{left:25%;top:34%}.logic-pulse-b{left:25%;top:58%}.logic-pulse-out{left:59%;top:46%}.logic-pulse-a.is-active{animation:logic-pulse-a 1.65s ease-in-out infinite}.logic-pulse-b.is-active{animation:logic-pulse-b 1.65s .18s ease-in-out infinite}.logic-pulse-out.is-active{animation:logic-pulse-out 1.35s 90ms ease-in-out infinite}.logic-switch-unit.is-unused{opacity:.3;filter:grayscale(.8)}.logic-gate-visual{position:relative;z-index:4;display:grid;min-height:220px;place-items:center;color:#fff;filter:drop-shadow(0 22px 18px rgba(2,6,23,.56))}.logic-chip-socket,.logic-chip-art{position:absolute;width:min(300px,100%);height:auto;object-fit:contain}.logic-chip-socket{transform:translateY(18px) scale(.92);filter:brightness(.74)}.logic-chip-art{z-index:1;transform:translateY(-2px) scale(.92);transform-origin:50% 82%;transition:filter .26s ease}.logic-gate-visual strong{position:relative;z-index:2;max-width:62%;overflow:hidden;font-size:clamp(1rem,3.6vw,2rem);font-weight:1000;letter-spacing:.09em;text-overflow:ellipsis;text-shadow:0 3px 8px #020617}.logic-gate-visual.is-replacing .logic-chip-art,.logic-gate-visual.is-replacing strong{animation:logic-chip-seat .52s cubic-bezier(.22,.82,.27,1.14)}.logic-gate-visual[data-output="1"] .logic-chip-art{filter:brightness(1.1) drop-shadow(0 0 11px rgba(34,211,238,.52))}.logic-output-node{position:relative;z-index:4;display:grid;min-height:180px;place-items:center}.logic-output-lamp{width:min(126px,100%);height:auto;filter:grayscale(.76) brightness(.46) drop-shadow(0 15px 12px rgba(2,6,23,.65));transform:scale(.9);transition:filter .44s ease,transform .44s cubic-bezier(.2,.8,.3,1.2)}.logic-output-node.is-on .logic-output-lamp,.logic-circuit-final.is-on img{filter:saturate(1.2) brightness(1.22) drop-shadow(0 0 22px rgba(74,222,128,.95));transform:scale(1.02)}.logic-output-node.is-changing .logic-output-lamp,.logic-circuit-final.is-changing img{animation:logic-lamp-bloom .56s ease-out}.logic-output-readout{position:absolute;bottom:0;display:flex;align-items:center;gap:.45rem;border-radius:999px;background:#020617db;padding:.3rem .65rem;color:#fff;box-shadow:0 8px 18px #02061780}.logic-circuit-dropzone-active{outline:2px solid #38bdf8;outline-offset:-2px;box-shadow:inset 0 0 42px #38bdf82e}.logic-circuit-grid{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) 84px;gap:.65rem;align-items:center;min-height:330px;overflow:hidden;border-radius:.75rem;background-image:linear-gradient(#02061747,#020617a3),url(/images/simulators/logic-gate-simulator/canvas/lab-background.webp);background-position:center;background-size:cover;padding:.8rem;box-shadow:inset 0 0 60px #0206178f}.logic-circuit-inputs{display:grid;gap:.5rem;color:#fff}.logic-circuit-source,.logic-circuit-final{position:relative;display:grid;min-height:112px;place-items:center;border-radius:.65rem;background:#020617b8;padding:.35rem;box-shadow:0 10px 28px #02061775;backdrop-filter:blur(7px)}.logic-circuit-source img{width:74px;height:62px;object-fit:contain;filter:saturate(.65) brightness(.62);transform:perspective(400px) rotateX(7deg) scale(.92);transition:transform .36s ease,filter .3s ease}.logic-circuit-source.is-on img{filter:brightness(1.05) saturate(1.15) drop-shadow(0 0 8px rgba(34,211,238,.7));transform:perspective(400px) rotateX(-6deg) scale(.98)}.logic-circuit-source span,.logic-circuit-source strong,.logic-circuit-final span,.logic-circuit-final strong{position:absolute;bottom:.38rem}.logic-circuit-source span,.logic-circuit-final span{left:.5rem}.logic-circuit-source strong,.logic-circuit-final strong{right:.5rem}.logic-circuit-final img{width:66px;height:auto;filter:grayscale(.8) brightness(.42);transform:scale(.9);transition:filter .42s ease,transform .42s ease}.logic-circuit-chain{display:flex;min-height:264px;align-items:center;gap:0;overflow-x:auto;border-radius:.65rem;border:1px solid rgba(148,163,184,.18);background:#02061780;padding:.75rem .9rem;scrollbar-color:#0e7490 #020617}.logic-circuit-card{position:relative;display:grid;width:154px;flex:0 0 154px;gap:.42rem;border-radius:.65rem;border:1px solid rgba(125,211,252,.28);background:#0f172ae6;padding:.6rem;color:#fff;box-shadow:0 13px 22px #02061785}.logic-circuit-card.is-seating{animation-name:logic-card-seat;animation-duration:.56s;animation-delay:var(--logic-delay, 0ms);animation-timing-function:cubic-bezier(.22,.82,.27,1.14);animation-fill-mode:both}.logic-circuit-card.is-recalculating .logic-circuit-chip{animation:logic-chip-calculate .52s ease-out}.logic-circuit-card.is-removing{animation:logic-card-remove .23s ease-in forwards}.logic-circuit-chip{position:relative;display:grid;height:82px;place-items:center}.logic-circuit-chip img{position:absolute;width:138px;height:88px;object-fit:contain}.logic-circuit-chip strong{position:relative;z-index:1;font-size:.82rem;font-weight:950;letter-spacing:.06em;text-shadow:0 2px 5px #020617}.logic-circuit-card[data-output="1"] .logic-circuit-chip img{filter:brightness(1.12) drop-shadow(0 0 8px rgba(34,211,238,.58))}.logic-wire-bridge{position:relative;width:78px;min-width:78px;height:66px;flex:0 0 78px}.logic-wire-bridge>img:first-child{position:absolute;inset:2px 0 auto;width:100%;height:54px;object-fit:fill;filter:brightness(.78) drop-shadow(0 5px 4px rgba(2,6,23,.5))}.logic-wire-bridge .logic-bridge-pulse{position:absolute;top:18px;left:2px;width:38px;opacity:0;filter:drop-shadow(0 0 8px rgba(56,189,248,.86))}.logic-wire-bridge.is-active .logic-bridge-pulse{animation:logic-bridge-pulse 1.25s ease-in-out infinite}.logic-circuit-card select{min-height:2rem;border-radius:.35rem;background:#020617;color:#fff;font-size:.78rem}.logic-circuit-card button{justify-self:start;color:#fca5a5;font-size:.78rem}.logic-gate-result{display:flex;align-items:center;justify-content:space-between;border-radius:.4rem;background:#020617b8;padding:.24rem .4rem;font-size:.68rem;color:#ffffff9e}.logic-gate-result strong{font-size:.9rem;color:#cbd5e1}.logic-circuit-card[data-output="1"] .logic-gate-result strong{color:#86efac;text-shadow:0 0 9px rgba(74,222,128,.7)}.logic-panel-enter{animation:logic-panel-focus .38s ease-out}@keyframes logic-switch-settle{0%{transform:perspective(500px) rotateX(14deg) rotate(-2deg) scale(.94)}55%{transform:perspective(500px) rotateX(-10deg) rotate(1.5deg) scale(1.025)}to{transform:perspective(500px) rotateX(-7deg) rotate(1.25deg) scale(1.01)}}@keyframes logic-switch-release{0%{transform:perspective(500px) rotateX(-7deg) rotate(1.25deg) scale(1.01)}55%{transform:perspective(500px) rotateX(10deg) rotate(-1.6deg) scale(.94)}to{transform:perspective(500px) rotateX(7deg) rotate(-1deg) scale(.96)}}@keyframes logic-chip-seat{0%{transform:translateY(-16px) rotateX(16deg) scale(.88);opacity:.28}62%{transform:translateY(3px) rotateX(-3deg) scale(.945);opacity:1}to{transform:translateY(-2px) rotateX(0) scale(.92);opacity:1}}@keyframes logic-card-seat{0%{transform:perspective(500px) rotateX(18deg) scale(.88);opacity:0}68%{transform:perspective(500px) rotateX(-3deg) scale(1.025);opacity:1}to{transform:perspective(500px) rotateX(0) scale(1);opacity:1}}@keyframes logic-card-remove{0%{transform:perspective(500px) rotateX(0) scale(1);opacity:1}to{transform:perspective(500px) rotateX(18deg) scale(.88);opacity:0}}@keyframes logic-chip-calculate{0%{filter:brightness(.7);transform:scale(.96)}52%{filter:brightness(1.35) drop-shadow(0 0 13px rgba(34,211,238,.85));transform:scale(1.025)}to{filter:none;transform:scale(1)}}@keyframes logic-lamp-bloom{0%{transform:scale(.78);filter:brightness(.45)}58%{transform:scale(1.12)}to{transform:scale(1.02)}}@keyframes logic-pulse-a{0%{transform:translate3d(0,14px,0) scale(.56);opacity:0}18%{opacity:1}58%{transform:translate3d(78px,-6px,0) scale(.72);opacity:1}to{transform:translate3d(142px,2px,0) scale(.5);opacity:0}}@keyframes logic-pulse-b{0%{transform:translate3d(0,-10px,0) scale(.56);opacity:0}18%{opacity:1}58%{transform:translate3d(78px,6px,0) scale(.72);opacity:1}to{transform:translate3d(142px,-2px,0) scale(.5);opacity:0}}@keyframes logic-pulse-out{0%{transform:translateZ(0) scale(.55);opacity:0}22%{opacity:1}to{transform:translate3d(105px,2px,0) scale(.48);opacity:0}}@keyframes logic-bridge-pulse{0%{transform:translate3d(0,7px,0) scale(.52);opacity:0}22%{opacity:1}to{transform:translate3d(43px,-4px,0) scale(.4);opacity:0}}@keyframes logic-panel-focus{0%{opacity:.45;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){.logic-single-canvas{grid-template-columns:1fr;min-height:680px;align-content:center;gap:0}.logic-input-column{grid-template-columns:repeat(2,minmax(0,1fr))}.logic-switch-unit{min-height:132px}.logic-gate-visual{min-height:188px}.logic-output-node{min-height:150px}.logic-wire-field{display:none}.logic-circuit-grid{grid-template-columns:72px minmax(0,1fr) 72px;gap:.35rem;padding:.45rem}.logic-circuit-chain{min-height:240px;padding-inline:.5rem}.logic-circuit-card{width:138px;flex-basis:138px}.logic-wire-bridge{width:58px;min-width:58px;flex-basis:58px}}@media(prefers-reduced-motion:reduce){.logic-gate-simulator-tool *,.logic-gate-simulator-tool *:before,.logic-gate-simulator-tool *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}