@font-face{font-family:Big Shoulders Stencil Display;src:url(/fonts/big-shoulders-stencil-latin.woff2) format("woff2");font-weight:700 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Big Shoulders Stencil Display;src:url(/fonts/big-shoulders-stencil-latin-ext.woff2) format("woff2");font-weight:700 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-normal-latin.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-normal-latin-ext.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-italic-latin.woff2) format("woff2");font-weight:400 500;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-italic-latin-ext.woff2) format("woff2");font-weight:400 500;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Azeret Mono;src:url(/fonts/azeret-mono-latin.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Azeret Mono;src:url(/fonts/azeret-mono-latin-ext.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--abyss:#050a12;--panel:rgba(8,15,25,.74);--panel-solid:#0b1522;--ink:#e3ebf1;--mute:#8394a6;--faint:#56677a;--sonar:#8fe6ee;--lamp:#ff6843;--rule:rgba(143,230,238,.15);--rule-strong:rgba(143,230,238,.32);--f-display:"Big Shoulders Stencil Display","Big Shoulders Stencil","Arial Narrow",Impact,sans-serif;--f-serif:"Newsreader","Iowan Old Style",Georgia,serif;--f-mono:"Azeret Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color-scheme:dark}html,body{height:100%}body{margin:0;background:var(--abyss);color:var(--ink);font-family:var(--f-serif);overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;background:var(--abyss)}#stage canvas{display:block;width:100%;height:100%;outline:none}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.lbl{position:absolute;left:0;top:0;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap;padding-bottom:16px;opacity:0;transition:opacity .35s ease;will-change:transform}.lbl:after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:11px;background:linear-gradient(var(--rule-strong),transparent)}.lbl:before{content:"";position:absolute;left:calc(50% - 2px);bottom:-2px;width:5px;height:5px;border-radius:50%;background:var(--sonar);box-shadow:0 0 8px var(--sonar)}.lbl.warm:before{background:var(--lamp);box-shadow:0 0 8px var(--lamp)}.lbl.quiet{color:var(--mute)}.ui{position:fixed;inset:0;pointer-events:none}.ui:before{content:"";position:absolute;left:0;right:0;top:0;height:min(46vh,420px);background:linear-gradient(to bottom,#0409109e,#04091047 55%,#04091000);pointer-events:none;transition:opacity .4s ease}body.bare .ui:before{opacity:0}.ui>*{pointer-events:auto}body.bare .ui>:not(.tools){opacity:0;pointer-events:none}body.bare #labels{opacity:0}.ui>*{transition:opacity .4s ease}.head{position:absolute;left:calc(22px + env(safe-area-inset-left,0px));top:calc(20px + env(safe-area-inset-top,0px));width:min(370px,calc(100vw - 130px));display:grid;gap:12px}h1{margin:0;font:800 clamp(34px,4.6vw,58px)/.86 var(--f-display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;color:var(--ink)}h1 b{font-weight:800;color:var(--sonar);text-shadow:0 0 22px rgba(143,230,238,.35)}.lede{margin:0;font:400 15.5px/1.45 var(--f-serif);color:var(--mute);max-width:34ch}.lede em{color:var(--ink)}.read{margin:4px 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 24px;padding-top:12px;border-top:1px solid var(--rule)}.read div{display:grid;gap:3px;min-width:0}.read dt{font:italic 400 13.5px/1 var(--f-serif);color:var(--mute)}.read dd{margin:0;font:500 21px/1.1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.read dd small{font:400 11px/1 var(--f-mono);color:var(--mute);margin-left:4px;letter-spacing:.04em}.read dd.strong span{color:var(--lamp)}.read dd.faint span{color:var(--sonar)}.read dd.warn span{color:var(--lamp)}.status{margin:0;display:flex;align-items:center;gap:9px;font:500 10.5px/1.2 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.status .dot{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none}.status.fix{color:var(--ink)}.status.fix .dot{background:var(--lamp);box-shadow:0 0 10px var(--lamp);animation:pulse 1.1s ease-in-out infinite}.status.hid .dot{background:var(--sonar);box-shadow:0 0 10px var(--sonar)}.status.hid{color:var(--sonar)}@keyframes pulse{50%{opacity:.35}}.tools{position:absolute;right:calc(18px + env(safe-area-inset-right,0px));top:calc(18px + env(safe-area-inset-top,0px));display:flex;gap:6px}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.tbtn{font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:var(--panel);border:1px solid var(--rule);border-radius:999px;padding:9px 13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .2s,border-color .2s,background .2s}.tbtn:hover{color:var(--ink);border-color:var(--rule-strong)}.tbtn[aria-pressed=true]{color:var(--sonar);border-color:var(--rule-strong);background:#8fe6ee14}.tbtn.round{width:34px;height:34px;padding:0;display:grid;place-items:center;font:500 13px/1 var(--f-serif);font-style:italic;letter-spacing:0;text-transform:none}:focus-visible{outline:2px solid var(--sonar);outline-offset:2px}.console{position:absolute;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(1100px,calc(100vw - 32px));box-sizing:border-box;display:grid;grid-template-columns:minmax(250px,1.25fr) auto auto minmax(230px,1.2fr);gap:12px 26px;align-items:end;padding:14px 18px 15px;background:var(--panel);border:1px solid var(--rule);border-radius:16px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 20px 60px #00000073}.grp{display:grid;gap:9px;min-width:0}.lab{display:flex;align-items:baseline;gap:8px;font:italic 400 14px/1 var(--f-serif);color:var(--ink)}.lab em{font:400 10px/1 var(--f-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.lab output{margin-left:auto;font:500 13px/1 var(--f-mono);font-style:normal;color:var(--sonar);font-variant-numeric:tabular-nums}.slider{position:relative;height:22px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--track)}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--track)}.slider{--track:linear-gradient(to right,rgba(143,230,238,.28) 0 var(--lay),var(--sonar) var(--lay) calc(var(--lay) + 2px),rgba(255,255,255,.07) calc(var(--lay) + 2px) var(--test),var(--lamp) var(--test) calc(var(--test) + 2px),rgba(255,104,67,.22) calc(var(--test) + 2px) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--ink);border:3px solid var(--panel-solid);box-shadow:0 0 0 1px var(--rule-strong),0 0 14px #8fe6ee73}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);border:3px solid var(--panel-solid);box-shadow:0 0 0 1px var(--rule-strong),0 0 14px #8fe6ee73}.laytag{position:absolute;left:var(--lay);top:-9px;transform:translate(-50%);font:500 8.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sonar);pointer-events:none;opacity:.8;white-space:nowrap}.laytag.test{left:var(--test);color:var(--lamp)}.seg{display:flex;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.seg button{flex:1;font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:10px;white-space:nowrap;transition:color .2s,background .2s}.seg button+button{border-left:1px solid var(--rule)}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{color:var(--sonar);background:#8fe6ee17}.row{display:flex;gap:8px}.pingbtn{position:relative;font:600 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--abyss);background:var(--sonar);border-radius:10px;padding:11px 20px;box-shadow:0 0 22px #8fe6ee59;transition:transform .12s,box-shadow .2s}.pingbtn:hover{box-shadow:0 0 32px #8fe6ee99}.pingbtn:active{transform:scale(.96)}.pingbtn:after{content:"";position:absolute;inset:0;border-radius:10px;border:1px solid var(--sonar);opacity:0}.pingbtn.fired:after{animation:ring .9s ease-out}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.9)}}.chip{font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border:1px solid var(--rule);border-radius:10px;padding:10px 12px}.chip[aria-pressed=true]{color:var(--sonar);border-color:var(--rule-strong)}.scopewrap{position:relative;height:62px;border-radius:10px;background:radial-gradient(120% 140% at 50% 110%,#8fe6ee12,#03080ed9);border:1px solid var(--rule);overflow:hidden}#scope{position:absolute;inset:0;width:100%;height:100%;display:block}.keys{position:absolute;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--consoleH,120px) + 10px);margin:0;font:400 10px/1.6 var(--f-mono);letter-spacing:.08em;color:var(--faint);white-space:nowrap}.keys kbd{font:inherit;color:var(--mute);border:1px solid var(--rule);border-radius:4px;padding:0 4px;margin:0 1px}#loader{position:fixed;inset:0;display:grid;place-items:center;background:var(--abyss);z-index:5;transition:opacity .9s ease}#loader span{font:italic 400 17px/1 var(--f-serif);color:var(--mute);animation:breathe 1.6s ease-in-out infinite}#loader.gone{opacity:0;pointer-events:none}@keyframes breathe{50%{opacity:.4}}.sheet{position:fixed;inset:0;z-index:4;display:grid;place-items:center;padding:24px 16px;background:#03070c99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card{position:relative;width:min(580px,100%);max-height:min(82vh,760px);overflow:auto;box-sizing:border-box;padding:30px 30px 26px;background:var(--panel-solid);border:1px solid var(--rule);border-radius:18px;box-shadow:0 30px 80px #0009}.card h2{margin:0 0 6px;font:800 34px/.95 var(--f-display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}.card h2 b{color:var(--sonar)}.card h3{margin:22px 0 6px;font:italic 500 18px/1.2 var(--f-serif);color:var(--ink)}.card p{margin:0;font:400 15.5px/1.55 var(--f-serif);color:#b6c3cf;max-width:62ch}.card p+p{margin-top:10px}.card strong{color:var(--ink);font-weight:500}.card .fine{margin-top:22px;padding-top:14px;border-top:1px solid var(--rule);font:400 11px/1.7 var(--f-mono);letter-spacing:.04em;color:var(--mute)}.card .fine kbd{font:inherit;color:var(--ink);border:1px solid var(--rule);border-radius:4px;padding:0 4px}.close{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:50%;border:1px solid var(--rule);color:var(--mute);font:400 18px/1 var(--f-serif)}.close:hover{color:var(--ink)}@media (max-width:1180px),(hover:none){.keys{display:none}}@media (max-width:940px){.console{grid-template-columns:1fr auto auto;gap:12px 18px}.grp.scope{grid-column:1 / -1}}@media (max-width:620px){.head{left:16px;top:calc(14px + env(safe-area-inset-top,0px));width:calc(100vw - 42px - var(--toolsW,76px));gap:9px}h1{font-size:34px}.lede{font-size:14px;line-height:1.38}.read{gap:4px 18px;padding-top:9px}.read dd{font-size:17px}.read dt{font-size:12.5px}.tools{flex-direction:column;right:14px;top:calc(14px + env(safe-area-inset-top,0px))}.tbtn{padding:8px 10px;font-size:9.5px;text-align:center}.tbtn.round{width:100%;height:30px}.console{bottom:calc(10px + env(safe-area-inset-bottom,0px));width:calc(100vw - 20px);grid-template-columns:1fr 1fr;gap:11px 12px;padding:12px;border-radius:14px}.grp.depth{grid-column:1 / -1}.grp.hull .seg button{padding:10px 6px}.pingbtn{flex:1;padding:11px 12px}.scopewrap{height:48px}.lab{font-size:13px}}@media (max-width:620px) and (max-height:700px){.lede{display:none}}@media (max-height:560px){.grp.scope,.lede{display:none}}@media (prefers-reduced-motion:reduce){.status.fix .dot,#loader span{animation:none}}[hidden]{display:none!important}.back{font:500 10.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:var(--panel);border:1px solid var(--rule);border-radius:999px;padding:9px 13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}.back:hover{color:var(--ink);border-color:var(--rule-strong)}.kiosk .back{display:none}.card a{color:var(--sonar)}.noscript{font:400 16px/1.5 var(--f-serif);color:var(--ink);padding:48px 24px;max-width:560px;margin:0 auto;position:relative;z-index:6}.noscript a{color:var(--sonar)}@media (max-width:620px){.back{padding:8px 10px;font-size:9.5px;text-align:center}}@media (max-width:380px){.grp.hull .seg button{letter-spacing:.03em;padding:10px 4px}}
