/* Wirehead observation console — local visual edition */
:root{--bg:#10120f;--line:#30352b;--dim:#939c8a;--text:#eff1e7;--lime:#d3fa78}
html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:radial-gradient(ellipse at 12% 0%,#252b1c70,transparent 42%),var(--bg);font-size:16px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.masthead{max-width:1600px;margin:auto;height:92px;padding:0 4%;border-color:#30352b}.wordmark{font-size:23px;letter-spacing:-1px;gap:6px}.brand-mark{font-size:34px;margin-right:8px}.brand-sub{font:9px/1.3 var(--mono);letter-spacing:1.8px;max-width:52px;border-left:1px solid #444b3c;padding-left:12px;margin-left:12px}.header-note{display:flex;gap:28px;font-size:10px;letter-spacing:1px}.header-note a:hover{color:var(--lime)}.edition{font:10px var(--mono);letter-spacing:1px;color:#a3ab98;display:flex;gap:12px;align-items:center}.edition i{width:6px;height:6px;background:var(--lime);border-radius:50%}main{max-width:1600px;padding:0 4% 24px}.intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:40px;padding:58px 0 48px;margin:0}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;color:#aab39b;margin-bottom:24px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:18px;height:1px;background:var(--lime)}h1{font:500 clamp(54px,6.8vw,104px)/.96 var(--display);letter-spacing:-6px;margin:0}h1 span{color:#d3fa78}.intro-side{max-width:310px;justify-self:end;padding-bottom:4px}.specimen{font:10px var(--mono);letter-spacing:2px;color:#a7b18e}.intro-side p{font:400 24px/1.3 var(--display);color:#f1f2e9;margin:18px 0 12px;letter-spacing:-.5px}.intro-caption{font-size:13px;line-height:1.7;color:#929b88}.text-link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:#d3fa78}.text-link span{font-size:21px}.section-label{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1.5px;color:#a0aa91;margin:0 0 13px}.section-label span:last-child{color:#737e67}.observation{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0;border:1px solid #3c4531;border-radius:3px;background:#171b14;box-shadow:0 20px 70px #0002;overflow:hidden}.chamber-column{min-width:0}.chamber-bar{height:43px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px;color:#b3bba9;background:#1d2218}.chamber-bar b{font-weight:400;color:#738365;margin-left:12px}.chamber-bar>span:last-child{color:#879879}.scene-wrap{height:500px;min-height:0;border-radius:0}.scene-heading{top:22px;left:22px}.brain-status{font-size:10px;letter-spacing:1px}.scene-heading p{font-size:11px;margin-top:8px}.session-stamp{top:22px;right:22px}.session-stamp>span{font-size:9px}.session-stamp strong{font-size:16px}.camera-hint{position:absolute;left:22px;bottom:22px;font:9px var(--mono);letter-spacing:1px;color:#35502d;pointer-events:none;z-index:2}.camera-hint span{margin:0 8px}.scene-status{left:22px;bottom:48px;max-width:85%;font-size:12px}.scene-shade{background:linear-gradient(180deg,#eff5dcb0,transparent 28%,transparent 80%,#eff5dc50)}.control-bar{display:flex;align-items:center;padding:11px 13px;gap:6px;background:#1b2016;border-top:1px solid #343d2a;flex-wrap:wrap}.control-bar button{border:1px solid transparent;background:transparent;color:#bfc8b4;padding:10px 12px;font-size:11px;display:flex;align-items:center;gap:14px;border-radius:2px}.control-bar button:first-child{background:var(--lime);color:#253017;margin-right:auto}.control-bar button:hover{border-color:#9eaf80;background:#303b23;color:#efffdc}.control-bar button:first-child:hover{background:#e1ff9e;color:#253017}.control-bar kbd{font:8px var(--mono);opacity:.6}.control-bar button span{color:#a4b686}.neural-overlay{position:relative;inset:auto;width:auto;border:0;border-left:1px solid #38412f;border-radius:0;background:#171c13;box-shadow:none;backdrop-filter:none;padding:24px 24px 19px;pointer-events:auto;z-index:auto}.overlay-heading{font-size:10px;letter-spacing:1.1px;color:#d4dfc7}.live-dot{width:5px;height:5px}.panel-caption{font-size:11px;color:#829073;margin:10px 0 25px}.neural-metrics{grid-template-columns:1fr;gap:22px;margin:0 0 24px}.metric-label{font-size:9px;letter-spacing:1px;color:#9caa8d}.metric-number{margin-top:7px}.metric-number strong{font-size:54px;letter-spacing:-2px;color:var(--lime);line-height:1.05}.metric-number>span{font:12px var(--mono)}.neural-metrics>div:last-child .metric-number strong{font-size:33px;letter-spacing:-1px;color:#e6ecd9}.sample-label{font-size:10px;margin-top:7px;color:#87977a}.plot-label{font-size:8px;gap:3px;letter-spacing:0}.plot-label span:last-child{font-size:8px;color:#82956c}.plot canvas{height:91px}.network-spec{margin-top:24px;border-top:1px solid #344029;padding-top:5px}.network-spec>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #293321}.network-spec span{font:8px var(--mono);letter-spacing:.7px;color:#889879}.network-spec strong{font:12px var(--mono);color:#dce7ce}.network-spec small{font:9px var(--sans);color:#7e906d}.telemetry-note{display:flex;gap:10px;font-size:10px;line-height:1.7;color:#7f906f;margin-top:18px}.telemetry-note>span{color:var(--lime);font-size:18px}.protocol{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:70px 0 60px}.protocol .eyebrow{margin-bottom:20px}h2{font:400 clamp(26px,3vw,42px)/1.15 var(--display);letter-spacing:-1.4px;margin:0}h2 span{color:#879479}.protocol-intro>p{max-width:350px;font-size:13px;color:#909d81;line-height:1.8;margin-top:20px}.protocol-steps article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.protocol-steps article:first-child{padding-top:0}.protocol-steps article>span{font:11px var(--mono);color:var(--lime);padding-top:4px}.protocol-steps article>b{font-size:16px;font-weight:400;color:#81976c;margin-left:auto}.protocol-steps article>div{max-width:360px}h3{font-size:15px;font-weight:500;margin:0 0 9px}.protocol-steps p{font-size:12px;line-height:1.75;color:#94a084;margin:0}footer{padding:24px 0 0;border-top:1px solid var(--line);font-size:11px}.footer-brand{font:600 15px var(--display);letter-spacing:.4px}.footer-brand span{font:8px var(--mono);margin-left:14px;color:#6f7c62}.credits{gap:22px;color:#8a997a}.scene-wrap:fullscreen{height:100svh}.scene-message{font-size:12px;max-width:80%}.scene-error{font-size:14px}
@media(min-width:1500px){.scene-wrap{height:570px}.neural-overlay{padding:30px}.observation{grid-template-columns:minmax(0,1fr) 345px}.panel-caption{margin-bottom:35px}.neural-metrics{gap:28px;margin-bottom:30px}.plot canvas{height:115px}}
@media(max-width:1100px){h1{letter-spacing:-4px}.intro{gap:25px;grid-template-columns:1.4fr 1fr}.header-note{gap:16px;font-size:8px}.edition{display:none}.scene-wrap{height:500px}.observation{grid-template-columns:minmax(0,1fr) 270px}.neural-overlay{padding:20px 17px}.control-bar button{padding:9px 7px;gap:7px}.control-bar kbd{display:none}.protocol{gap:7%}.footer-brand span{display:none}}
@media(max-width:760px){.masthead{height:73px;padding:0 20px}.wordmark{font-size:21px}.header-note{display:none}main{padding:0 18px 20px}.intro{padding:38px 0 32px;grid-template-columns:1fr;gap:25px}h1{font-size:clamp(49px,10vw,74px);letter-spacing:-3px}.eyebrow{font-size:8px;margin-bottom:20px}.intro-side{justify-self:start;max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.intro-side p{font-size:18px;margin:0;grid-column:1;grid-row:1 / 3}.specimen{font-size:8px;grid-column:2}.intro-caption{font-size:10px;grid-column:2}.text-link{grid-column:1 / -1;font-size:11px;margin-top:4px}.section-label{font-size:8px}.section-label span:last-child{display:none}.observation{grid-template-columns:1fr}.scene-wrap{height:450px}.chamber-bar{padding:0 14px;font-size:8px}.scene-heading{left:15px;top:18px}.scene-heading p{font-size:10px;max-width:160px}.session-stamp{right:15px;top:18px}.session-stamp strong{font-size:13px}.camera-hint{left:15px;font-size:8px}.neural-overlay{border-left:0;border-top:1px solid #38412f;padding:22px}.neural-metrics{grid-template-columns:1fr 1fr;gap:15px}.panel-caption{margin-bottom:20px}.metric-number strong{font-size:43px}.neural-metrics>div:last-child .metric-number strong{font-size:33px}.plot canvas{height:110px}.network-spec{display:flex;gap:15px}.network-spec>div{display:block;flex:1;border-bottom:0}.network-spec strong{display:block;margin-top:8px}.network-spec small{display:none}.network-spec span{font-size:7px;letter-spacing:0}.protocol{grid-template-columns:1fr;gap:28px;padding:42px 0}.protocol-intro>p{margin-bottom:0;max-width:100%}.protocol-steps article{gap:15px}footer{display:flex;align-items:flex-start;gap:16px}.credits{margin:0;gap:8px;flex-direction:column;font-size:10px}.scene-message{top:95px}.control-bar{padding:10px 7px;gap:2px}.control-bar button{font-size:10px;padding:9px 7px;gap:6px}.scene-status{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}