:root{color:#c6dfd1;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#030807;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}#app{background:radial-gradient(at 62% 51%,#0b1a13 0%,#030807 67%);height:100svh;min-height:560px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}canvas:focus-visible{outline-offset:-5px;outline:1px solid #8cfcb0}header{left:40px;right:40px;top:max(30px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.wordmark{letter-spacing:.12em;color:#d2eddd;pointer-events:auto;font-size:12px;font-weight:650;text-decoration:none}.mark{color:#8cfcb0;vertical-align:middle;margin-right:12px;font-size:24px}.experiment{color:#667f70;font-weight:400}.mission{color:#8aa392;letter-spacing:.14em;border:1px solid #284332;padding:9px 12px;font-size:10px}.intro{pointer-events:none;position:absolute;top:24%;left:7%}.eyebrow{color:#87ac93;letter-spacing:.17em;align-items:center;gap:9px;font-size:10px;display:flex}.live-dot{background:#8cfcb0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #65ff9a}h1{letter-spacing:-.055em;color:#dfefe4;margin:27px 0 22px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,4.7vw,76px);font-weight:400;line-height:1.04}.description{color:#8da795;font-size:11px;line-height:1.95}.specimen{letter-spacing:.1em;pointer-events:none;gap:14px;font-size:10px;line-height:1.8;display:flex;position:absolute;bottom:20%;left:54%}.cross{color:#8cfcb0;font-size:24px;line-height:1}.specimen small{color:#6b9077;font-size:8px}.readout{text-align:right;pointer-events:none;position:absolute;top:26%;right:40px}.readout>span{letter-spacing:.14em;color:#6e8b79;font-size:9px;display:block}.readout strong{letter-spacing:-.05em;color:#b8e9c8;margin:12px 0 4px;font-size:30px;font-weight:400;display:block}.readout small{letter-spacing:.13em;color:#6e8b79;font-size:8px}.readout p{color:#85a58f;margin-top:20px;font-size:9px;line-height:1.7}footer{left:40px;right:40px;bottom:max(26px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:absolute}.gesture{color:#91aa99;font-size:10px}.gesture>span{color:#b6d7c0;vertical-align:middle;margin-right:10px;font-size:20px}.gesture i{color:#4c6d57;margin:0 8px;font-style:normal}.controls{gap:10px;display:flex}button{color:#bcdac6;cursor:pointer;background:#0c1b13c9;border:1px solid #2e4c38;border-radius:2px;min-height:44px;padding:0 16px;font:10px ui-monospace,monospace}button:hover{background:#183123;border-color:#719c7e}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #8cfcb0}button span{color:#80ba91;margin-left:15px}.footnote{letter-spacing:.17em;color:#668371;border-top:1px solid #1e3227;grid-column:1/-1;margin:0;padding-top:17px;font-size:8px}.footnote span{color:#36543f;margin:0 8px}#error{color:#dcf4e3;background:#07150ef5;border:1px solid #75ac86;padding:24px;font-size:14px;line-height:1.7;position:absolute;inset:40% 15% auto}noscript{position:absolute;top:40%;left:10%;right:10%}@media (width<=700px){#app{min-height:620px}header{top:max(20px,env(safe-area-inset-top));left:20px;right:20px}.experiment{display:none}.mission{padding:7px 8px;font-size:8px}.wordmark{font-size:10px}.mark{margin-right:7px;font-size:20px}.intro{top:13%;left:24px}h1{margin:17px 0 12px;font-size:40px}.eyebrow{font-size:8px}.description{font-size:10px;line-height:1.7}.readout{top:16%;right:22px}.readout>span{font-size:7px}.readout strong{margin-top:10px;font-size:24px}.readout small{font-size:7px}.readout p{margin-top:12px;font-size:8px}.specimen{font-size:8px;bottom:24%;left:25px}.specimen small{font-size:7px}footer{left:20px;right:20px;bottom:max(18px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:12px}.gesture{margin:0;font-size:9px}.controls{justify-content:space-between}.controls button{flex:1}.footnote{padding-top:12px;font-size:7px}}@media (width<=380px){h1{font-size:34px}.readout{display:none}.description{max-width:240px}}@media (height<=620px) and (width>=701px){.intro{top:22%}h1{font-size:44px}.readout{top:23%}.specimen{bottom:25%}}@media (height<=540px) and (orientation:landscape){#app{min-height:360px}header{top:15px;left:24px;right:24px}.intro{top:23%;left:5%}h1{margin:14px 0;font-size:32px}.description{font-size:9px}.readout{top:25%;right:24px}.readout strong{font-size:22px}.specimen{display:none}footer{grid-template-columns:1fr auto;gap:10px;bottom:15px;left:24px;right:24px}.controls button{min-height:40px;padding:0 12px}.footnote{display:none}.gesture{font-size:8px}}