.hud-lab{--glass-blur:18px;--grain-opacity:.22;--phosphor-glow:4px;--scan-opacity:.12;--phosphor:#d9f2f5;max-width:1700px;margin:auto;padding:32px var(--gutter) 70px}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#9cb0bb}.lab-heading .text-link{font-size:13px}.lab-heading>.mono{font-size:12px}.lab-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:40px 0 36px}.lab-title .eyebrow{color:#97c8dd;margin-bottom:15px}.lab-title h1{font-size:clamp(38px,4.5vw,68px);letter-spacing:-.05em;line-height:1.02}.lab-title h1>span{color:#a3d7e9}.lab-title>p{max-width:350px;font-size:16px;color:#aebfc9;line-height:1.65}.lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid #3b4c5b;background:#111923}.lab-stage{position:relative;overflow:hidden;isolation:isolate;min-height:680px;padding:64px clamp(22px,4vw,70px) 65px;background:#142b40;display:flex;align-items:center;justify-content:center}.lab-stage-art{position:absolute;inset:-10%;z-index:-2;background:linear-gradient(120deg,#17435c55,#0a223f77),url('impeller.webp') 70% 50%/cover;opacity:.65;transform:rotate(-8deg) scale(1.12)}.lab-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 30%,#76bde12b,transparent 65%),linear-gradient(135deg,#38596d55,transparent 40%,#071621bb);pointer-events:none}.lab-frame-label{position:absolute;top:23px;left:26px;color:#a7c4d6;font-size:12px;letter-spacing:.08em}.lab-stage-bottom{position:absolute;bottom:21px;left:26px;right:26px;display:flex;justify-content:space-between;gap:15px;color:#94b7cd;font-size:12px}.hud-screen{width:100%;max-width:640px;position:relative;isolation:isolate;background:linear-gradient(130deg,#6889a247,#4c6c8a30 50%,#40627e45);border:1px solid #c1e5f34a;box-shadow:0 25px 80px #020b1c66,inset 0 0 60px #79b7d51a,inset 0 1px 0 #dcf7ff40;backdrop-filter:blur(var(--glass-blur)) saturate(.65);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(.65);padding:27px 32px;overflow:hidden}.hud-screen:before{content:"";position:absolute;inset:0;pointer-events:none;border:8px solid #c6e6f305;box-shadow:inset 0 0 0 1px #d2e8f118;z-index:5}.hud-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(167deg,transparent 20%,#d5e7f012 20.05%,transparent 20.15%,transparent 82%,#d5e7f01a 82.05%,transparent 82.2%),linear-gradient(6deg,transparent 53%,#c2dff00c 53.1%,transparent 53.4%);pointer-events:none;z-index:4}.hud-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h180v180H0z' filter='url(%23grain)' opacity='.95'/%3E%3C/svg%3E")}.hud-scanlines{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:var(--scan-opacity);background:repeating-linear-gradient(0deg,#00101d 0px,#00101d 1px,transparent 1px,transparent 4px)}.hud-sweep{position:absolute;inset:-20% 0 auto;height:20%;background:linear-gradient(0deg,transparent,#c7f2ff0d,transparent);pointer-events:none;animation:hud-sweep 13s linear infinite;z-index:2}.hud-content{position:relative;color:var(--phosphor);text-shadow:0 0 var(--phosphor-glow) #c7f3ff99;font-family:'Courier New',monospace;filter:drop-shadow(1px 0 0 #9cbcc128)}.hud-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.07em;padding-bottom:18px;border-bottom:1px solid #c3e5f036}.hud-record{color:#bcd9e7}.hud-body{display:grid;grid-template-columns:minmax(0,1fr) 45px;gap:24px;padding-top:22px}.hud-gauges{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;max-width:340px}.hud-gauges svg{width:150px;height:55px}.hud-orbit{width:28px;height:28px;border:3px dotted currentColor;border-radius:50%;animation:rotate 28s linear infinite;box-shadow:inset 0 0 0 3px #d9f2f560}.hud-status,.hud-readout{font-size:clamp(15px,1.8vw,24px);line-height:1.3;letter-spacing:-.04em;white-space:nowrap}.hud-code{font-size:clamp(14px,1.7vw,23px);line-height:1.3;margin:8px 0 18px;opacity:.85;letter-spacing:.02em}.hud-divider{opacity:.5}.hud-module{display:flex;align-items:center;gap:20px;margin-bottom:17px}.hud-module h2{font-family:Arial,sans-serif;font-size:clamp(26px,3.3vw,43px);font-weight:800;letter-spacing:-.06em}.hud-module>span{border:1px solid currentColor;border-radius:20px;padding:2px 11px;font-size:12px;line-height:1.6}.hud-pattern{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:20px;align-items:center;max-width:360px}.hud-matrix{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.hud-matrix>span{aspect-ratio:1;background:currentColor;border:1px solid currentColor;opacity:.84;box-shadow:0 0 var(--phosphor-glow) #c7f3ff55}.hud-matrix>span:nth-child(6n),.hud-matrix>span:nth-child(11n){background:transparent;opacity:1}.hud-matrix>span:nth-child(13n){opacity:.45}.hud-kanji{font-family:Arial,sans-serif;font-size:88px;line-height:1.04;font-weight:400;text-align:center}.hud-side{display:flex;flex-direction:column;gap:18px;align-items:center;border-left:1px solid #bddbe04d;padding-left:12px}.hud-mini-matrix{width:25px;height:52px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,currentColor 2px,currentColor 5px);mask-image:repeating-linear-gradient(0deg,#000 0px,#000 3px,transparent 3px,transparent 5px);opacity:.9}.hud-vertical{writing-mode:vertical-rl;font-size:12px;letter-spacing:.1em}.hud-power{width:22px;flex:1;min-height:75px;border:1px solid currentColor;padding:3px;display:flex;align-items:end}.hud-power>span{width:100%;height:68%;background:currentColor;opacity:.7;transition:height .7s}.hud-side-code{font-size:12px;line-height:1.3}.hud-footer{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #c3e5f036;padding-top:15px;margin-top:22px;font-size:12px;line-height:1.5}.hud-coordinate{text-align:right;opacity:.7}.lab-controls{border-left:1px solid #3b4c5b;padding:25px 22px;background:#151d25;color:#e6eff3}.lab-controls-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.lab-controls-top>.eyebrow{color:#99b8c9;font-size:12px}.lab-control-index{color:#6c9db8;font:20px 'Courier New',monospace}.lab-controls>p{margin:15px 0 20px;font-size:21px;letter-spacing:-.025em}.lab-presets{display:flex;gap:5px;margin-bottom:28px;flex-wrap:wrap}.lab-presets button{padding:7px 8px;background:#1e303d;border:1px solid #496275;color:#cce2ed;font-size:12px}.lab-presets button[aria-pressed=true]{background:#bde3ef;color:#173342;border-color:#bde3ef}.lab-slider{margin-bottom:23px}.lab-slider label{display:flex;justify-content:space-between;gap:10px;font-size:14px;align-items:center}.lab-slider output{font:12px 'Courier New',monospace;color:#a6c7d8}.lab-slider input{display:block;width:100%;height:25px;accent-color:#acdcee;margin:8px 0 0;cursor:pointer}.lab-slider p{font-size:12px;color:#a4b7c2;line-height:1.45;margin-top:5px}.lab-actions{border-top:1px solid #3b4c5b;padding-top:20px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.lab-signal-button{background:#243847;color:#d9f2ff;border:1px solid #7998ae;padding:11px;font-size:14px}.lab-signal-button:hover{background:#344f62}.lab-actions .motion-toggle{font-size:12px;color:#b6d2e1;padding:6px}.lab-actions .motion-toggle span{color:#c3e5f3}.lab-reset{background:none;border:0;color:#a2bccb;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:6px}.lab-controls>.lab-feedback{font-size:12px;color:#a2c1d2;line-height:1.4;margin:16px 0 0;letter-spacing:0}.hud-lab[data-signal=offline] .hud-content{color:#b5cad3;text-shadow:0 0 var(--phosphor-glow) #a0ccdd55}.hud-lab[data-signal=offline] .hud-orbit{animation-play-state:paused}.hud-lab[data-signal=offline] .hud-matrix>span:nth-child(3n){background:transparent;opacity:.35}.hud-lab[data-signal=offline] .hud-power>span{height:2%}.lab-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:42px;padding-top:28px;border-top:1px solid #3b4c5b}.lab-notes .eyebrow{color:#91b6ca;font-size:12px}.lab-notes h2{font-size:21px;letter-spacing:-.03em;margin:14px 0}.lab-notes p{font-size:14px;color:#b4c4cd;line-height:1.7}.study-entry{border:1px solid #405c70;background:linear-gradient(125deg,#203b4a,#14232e);padding:30px;display:flex;gap:28px;align-items:center;justify-content:space-between}.study-entry .eyebrow{color:#a9d3e6}.study-entry h3{margin:12px 0;font-size:28px;color:#e8f4f6}.study-entry p{color:#b4cedc;font-size:14px;max-width:540px}.study-entry .direction-mark{color:#bde3ef;width:32px;height:32px}.study-entry:hover{border-color:#a6d7ec}.study-entry+.post-list{margin-top:30px}@keyframes hud-sweep{to{transform:translateY(650%)}}
@media(max-width:1100px){.lab-workspace{grid-template-columns:minmax(0,1fr) 250px}.lab-stage{padding:55px 22px;min-height:620px}.hud-screen{padding:24px}.hud-body{gap:14px;grid-template-columns:minmax(0,1fr) 32px}.hud-pattern{grid-template-columns:minmax(0,1fr) 65px;gap:15px}.hud-kanji{font-size:65px}.hud-matrix{gap:7px}.hud-module{gap:12px}.hud-module h2{font-size:29px}.hud-side{padding-left:8px}.hud-top{font-size:12px}.hud-readout,.hud-status{font-size:18px}.hud-code{font-size:17px}.lab-controls{padding:23px 18px}.lab-title>p{max-width:300px}}
@media(max-width:850px){.lab-workspace{grid-template-columns:1fr}.lab-controls{border-left:0;border-top:1px solid #3b4c5b;display:grid;grid-template-columns:1fr 1fr;gap:15px 28px}.lab-controls-top,.lab-controls>p,.lab-presets,.lab-actions,.lab-controls>.lab-feedback{grid-column:1/-1}.lab-controls>p,.lab-presets,.lab-slider{margin:0}.lab-actions{flex-direction:row;flex-wrap:wrap;align-items:center;margin-top:10px}.lab-signal-button{flex:1}.lab-controls>.lab-feedback{margin:0}.lab-stage{min-height:650px;padding:60px 50px}.hud-status,.hud-readout{font-size:24px}.hud-code{font-size:23px}.hud-module h2{font-size:40px}.hud-pattern{grid-template-columns:minmax(0,1fr) 90px}.hud-kanji{font-size:86px}.hud-top{font-size:12px}.lab-title{align-items:start;flex-direction:column;gap:20px}.lab-title>p{max-width:540px}.lab-notes{gap:22px}.lab-notes h2{font-size:19px}}
@media(max-width:550px){.hud-lab{padding:24px 16px 45px}.lab-heading{gap:12px}.lab-heading>.mono{font-size:12px}.lab-title{margin:28px 0}.lab-title h1{font-size:41px}.lab-title .eyebrow{font-size:12px}.lab-title>p{font-size:15px}.lab-stage{padding:48px 14px;min-height:550px}.lab-frame-label{font-size:12px;left:16px;top:18px}.lab-stage-bottom{font-size:12px;left:16px;right:16px;bottom:17px;gap:8px}.hud-screen{padding:23px 18px}.hud-top{font-size:12px;letter-spacing:0;gap:7px}.hud-body{grid-template-columns:minmax(0,1fr) 26px;gap:12px;padding-top:17px}.hud-status,.hud-readout{font-size:clamp(14px,4.1vw,19px)}.hud-code{font-size:clamp(13px,3.9vw,18px)}.hud-gauges svg{width:125px;height:48px}.hud-orbit{width:24px;height:24px}.hud-module{gap:8px;flex-wrap:wrap}.hud-module h2{font-size:clamp(25px,7vw,34px)}.hud-module>span{font-size:12px;padding:1px 8px}.hud-pattern{grid-template-columns:minmax(0,1fr) 52px;gap:13px}.hud-kanji{font-size:55px}.hud-matrix{gap:6px}.hud-side{gap:12px;padding-left:7px}.hud-mini-matrix{width:18px}.hud-vertical{font-size:12px}.hud-footer{font-size:12px;gap:8px}.hud-coordinate{display:none}.hud-side-code{font-size:12px}.hud-power{width:18px}.lab-controls{padding:20px;gap:20px 16px}.lab-slider label{font-size:13px;flex-wrap:wrap;gap:4px}.lab-actions{gap:8px}.lab-notes{grid-template-columns:1fr;gap:28px}.study-entry{padding:22px;gap:15px}.study-entry h3{font-size:25px}.lab-slider output{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hud-sweep,.hud-orbit{animation:none}.hud-power>span{transition:none}}

.hud-top,.lab-stage-bottom{flex-wrap:wrap}.lab-heading{flex-wrap:wrap}