@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2")}:root{font-family:Manrope Variable,sans-serif;color:#edf3ff;background:#071328;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--mono: "DM Mono", monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #8cbaff;outline-offset:5px}button:disabled{cursor:default}::selection{color:#fff;background:#2b5fba}.site-shell{position:relative;width:100%;max-width:1600px;height:100%;height:100dvh;margin:auto;padding-inline:clamp(24px,5.5vw,88px);display:grid;grid-template-rows:clamp(48px,9dvh,88px) minmax(0,1fr) clamp(34px,6dvh,56px)}.site-header{display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #1b2c46}.construction-badge{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #2d456a;border-radius:20px;background:#0d203d;color:#b4c7e7;font-family:var(--mono);font-size:8px;letter-spacing:.75px;white-space:nowrap}.construction-badge>span{height:5px;width:5px;border-radius:50%;background:#76aaff;box-shadow:0 0 8px #5193ff66}main{min-height:0;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:12px}.intro{position:relative;z-index:1;padding-left:clamp(0px,1.3vw,20px)}.intro-mark{display:flex;gap:5px;margin-bottom:clamp(22px,4dvh,40px)}.intro-mark span{width:6px;height:6px;background:#6496ff;border-radius:1px}.intro-mark span:nth-child(2){opacity:.7}.intro-mark span:nth-child(3){opacity:.45}.intro-mark span:nth-child(4){opacity:.2}h1{font-size:clamp(40px,min(4.95vw,8.7dvh),78px);font-weight:600;letter-spacing:-.06em;line-height:1.12;margin:0 0 clamp(22px,3.8dvh,36px);white-space:nowrap}h1>span{color:#75a5ff}.intro p{font-size:12px;color:#9caec9;line-height:1.95;margin:0}.intro-rule{width:152px;height:1px;background:#253b5a;margin-top:clamp(25px,5dvh,48px)}.intro-rule>span{display:block;width:35px;height:1px;background:#669dff}.visual-section{display:grid;grid-template-rows:minmax(0,1fr) 36px;min-width:0;min-height:0;width:100%;height:100%;padding-block:6px 20px;overflow:hidden}.circuit-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;isolation:isolate}.scene-glow{position:absolute;width:115%;height:100%;background:radial-gradient(ellipse at 55% 48%,#15488b40 0,#102e5933 30%,transparent 70%);z-index:-1;pointer-events:none}.circuit-art{display:block;width:116%;max-width:none;height:100%;max-height:760px;flex-shrink:0;overflow:visible}.animation-controls{display:flex;justify-content:center;align-items:center;gap:17px}.animation-controls button{display:flex;align-items:center;gap:7px;min-height:36px;border:none;background:transparent;color:#9eb4d5;padding:0 3px}.animation-controls button:hover{color:#e7f1ff}.speed-button{font-family:var(--mono);font-size:10px}.speed-button.selected{color:#85b6ff}.speed-button>span{font-size:6px;letter-spacing:1px;color:#849abb}.speed-button:disabled{opacity:.4}.control-divider{width:1px;height:11px;background:#2b4264}.play-button{font-size:9px}.play-button>svg{height:12px;width:12px}footer{display:flex;align-items:center;justify-content:center;border-top:1px solid #1b2c46;font-size:8px;color:#7f95b7}.circuit-scene *{animation-play-state:paused!important}.circuit-scene.is-running *{animation-play-state:running!important}.floating-board{animation:float-board calc(7s / var(--animation-speed, 1)) ease-in-out infinite}.chip-float{animation:float-chip calc(5s / var(--animation-speed, 1)) ease-in-out infinite}.trace-pulse{stroke-dasharray:8 140;animation:electric-flow calc(4s / var(--animation-speed, 1)) linear infinite;animation-delay:calc(var(--pulse-delay, 0s) / var(--animation-speed, 1))}@keyframes float-board{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-chip{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes electric-flow{to{stroke-dashoffset:-296}}@media(min-width:1600px){h1{font-size:min(5vw,88px)}}@media(max-width:1100px){.site-shell{padding-inline:36px}h1{font-size:clamp(32px,4.8vw,58px)}.intro p{font-size:10px}.circuit-art{width:120%}}@media(max-width:760px)and (min-height:501px){.site-shell{padding-inline:24px;grid-template-rows:clamp(48px,8dvh,70px) minmax(0,1fr) 36px}main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.76fr) minmax(0,1.24fr);gap:0}.intro{align-self:center;text-align:center;padding:8px 0 0}.intro-mark{justify-content:center;margin-bottom:18px;gap:4px}.intro-mark span{width:4px;height:4px}h1{font-size:clamp(30px,min(9.3vw,6.2dvh),58px);margin-bottom:20px;line-height:1.15}.intro p{font-size:10px;line-height:1.85}.intro-rule{display:none}.visual-section{padding:0 0 6px;grid-template-rows:minmax(0,1fr) 34px}.circuit-art{width:min(132%,610px);max-height:530px}.construction-badge{font-size:6px;padding:7px 9px;letter-spacing:.45px}.scene-glow{width:100%}footer{font-size:7px}}@media(max-width:760px)and (max-height:650px)and (min-height:501px){.intro-mark{margin-bottom:12px}h1{font-size:clamp(28px,9.2vw,44px);margin-bottom:15px}.intro p{font-size:9px}}@media(max-width:499px)and (max-height:500px){.site-shell{padding-inline:20px;grid-template-rows:44px minmax(0,1fr) 30px}main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.85fr) minmax(0,1.15fr);gap:0}.intro{text-align:center;padding:0}.intro-mark,.intro-rule{display:none}h1{font-size:clamp(25px,9vw,36px);margin-bottom:14px}.intro p{font-size:8px;line-height:1.7}.visual-section{padding:0;grid-template-rows:minmax(0,1fr) 30px}.circuit-art{width:120%}.construction-badge{font-size:5px;padding:6px 8px}footer{font-size:6px}}@media(max-height:500px)and (min-width:500px){.site-shell{padding-inline:24px;grid-template-rows:42px minmax(0,1fr) 28px}main{grid-template-columns:1fr 1fr;gap:6px}.intro{padding-left:0}.intro-mark{margin-bottom:16px}.intro-mark span{width:4px;height:4px}h1{font-size:clamp(25px,min(4.8vw,10dvh),46px);margin-bottom:17px}.intro p{font-size:8px;line-height:1.8}.intro-rule{margin-top:20px;width:110px}.visual-section{padding:0 0 3px;grid-template-rows:minmax(0,1fr) 30px}.circuit-art{width:110%}.construction-badge{font-size:6px;padding:6px 9px}.animation-controls{gap:10px}.speed-button{font-size:8px}.speed-button>span{display:none}.play-button{font-size:7px}footer{font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}