@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;color:#eef4fa;background:#000}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:11px IBM Plex Mono,monospace;letter-spacing:.06em;cursor:pointer;color:#c9d6e4;background:#151a28;border:1px solid #354052;border-radius:4px;padding:12px 16px}button:hover,button:focus-visible{color:#68ffef;border-color:#68ffef}button:focus-visible,a:focus-visible{outline:2px solid #f978df;outline-offset:4px}header{position:absolute;top:30px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}header a{font-size:29px;font-weight:700;letter-spacing:-2px;color:#fff;text-decoration:none}header span{font:9px IBM Plex Mono,monospace;letter-spacing:2px;margin-left:24px;color:#919bae}#status{position:absolute;right:38px;top:101px;font:9px IBM Plex Mono,monospace;letter-spacing:2px;color:#7f91a8}i{display:inline-block;width:5px;height:5px;background:#57edbf;border-radius:50%;margin:0 10px;box-shadow:0 0 10px #57edbf}aside{position:absolute;left:6%;top:23%;pointer-events:none}.eyebrow{font:9px IBM Plex Mono,monospace;letter-spacing:2px;color:#60e3dc}h1{font-size:clamp(48px,6.4vw,100px);line-height:.96;letter-spacing:-6px;margin:22px 0}h1 span{color:#ff75d5}aside>p:last-child{font-size:13px;line-height:1.8;color:#93a0b5}#console{position:absolute;bottom:64px;left:50%;transform:translate(-50%);width:440px;padding:16px;background:linear-gradient(145deg,#232a35ee,#0e1320ee);border:1px solid #435167;border-radius:12px;box-shadow:0 12px 40px #0008,inset 0 1px #8a9ab32a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.readout{background:#07171b;padding:12px 14px;border:1px solid #28484d;border-radius:4px;display:grid;grid-template-columns:65px 1fr;gap:4px;color:#72f5e4;font-family:IBM Plex Mono,monospace}.readout span{font-size:10px;grid-row:span 2;align-self:center;color:#4c9698}.readout strong{font-size:13px;font-weight:500}.readout small{font-size:8px;letter-spacing:2px;color:#528d91}.controls{display:flex;gap:8px;margin-top:10px}.controls #open{flex:1;background:#b5f1d4;color:#101d25;border-color:#b5f1d4;font-weight:600}.channels{display:flex;gap:5px;margin-top:12px}.channels button{flex:1;padding:9px 2px;font-size:8px;border:0;background:#ffffff05}.channels .active{color:#fe7ad8;background:#ff70d51c;box-shadow:inset 0 -2px #ff70d5}footer{position:absolute;bottom:24px;left:36px;right:36px;display:flex;justify-content:space-between;color:#627085;font:8px IBM Plex Mono,monospace;letter-spacing:1.5px}#hint{position:absolute;right:35px;bottom:90px;writing-mode:vertical-rl;font:8px IBM Plex Mono,monospace;letter-spacing:2px;color:#6a7d91}dialog{color:#e9f1fa;background:#101724;border:1px solid #3d5362;border-radius:16px;width:min(550px,90vw);padding:45px;box-shadow:0 0 100px #3ddec822}dialog::backdrop{background:#02060dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{font-size:38px;letter-spacing:-2px}dialog p{line-height:1.8;color:#a4b2c4}dialog #close{position:absolute;right:15px;top:15px}.note{font:9px IBM Plex Mono,monospace;margin:30px 0}#loading{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:60px;letter-spacing:-4px;transition:opacity .6s;pointer-events:none}#loading span{font:10px monospace;letter-spacing:3px;margin-top:20px}#game{height:200px;background:#07101a;position:relative;border:1px solid #294259}#game p{margin:12px;font:11px monospace}#target{position:absolute;left:45%;top:45%;color:#ff72de;font-size:26px;padding:5px 13px}#return{margin-top:12px}@media(max-width:800px){header{top:20px;left:20px;right:20px}header span{display:none}aside{top:105px;left:24px}h1{font-size:46px;letter-spacing:-3px;margin:12px 0}aside .eyebrow{font-size:7px}aside>p:last-child{display:none}#status{right:20px;top:90px;font-size:7px}#console{width:min(400px,92vw);bottom:50px}footer{left:20px;right:20px;font-size:7px}footer span:last-child,#hint{display:none}}#home{display:block;line-height:0}.brand-logo{display:block;width:clamp(200px,26vw,340px);height:auto;overflow:hidden}@media(max-width:480px){.brand-logo{width:190px}header{gap:16px}#sound{padding:10px}}header{align-items:flex-start}.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.brand-lockup{transform-origin:left top;transition:transform 1.05s cubic-bezier(.72,-.02,.22,1),opacity .68s ease,filter .82s ease;will-change:transform,opacity,filter}.brand-lockup.brand-away{transform:translate(-125%) skew(-20deg) scaleX(.28);opacity:0;filter:blur(13px) brightness(2);pointer-events:none}#brand-tagline{margin:0;font:8px IBM Plex Mono,monospace;letter-spacing:1.8px;color:#60e3dc}aside{top:27%}@media(max-width:480px){.brand-lockup{gap:8px}#brand-tagline{margin-left:0;font-size:6px;letter-spacing:1.35px}}#consoleToggle{position:absolute;right:12px;top:-35px;padding:8px 12px;border-color:#36485c;background:#111927e8;color:#7f9aae;font-size:8px}#console.collapsed{width:190px;padding:0;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#console.collapsed>:not(#consoleToggle){display:none}#console.collapsed #consoleToggle{position:static;width:100%;padding:11px 14px;border-color:#3a5064;background:#101827f2;color:#75d8cf}@media(max-width:800px){#console.collapsed{width:180px;bottom:48px}}#VRButton{inset:136px 36px auto auto!important;width:132px!important;border-color:#3c5c69!important;background:#101927e8!important;color:#64e4d8!important;font:9px IBM Plex Mono,monospace!important;letter-spacing:1px!important;opacity:.82!important}.readout{grid-template-columns:65px 1fr auto;gap:4px 12px}.readout #slot{grid-column:3;grid-row:1/span 2;align-self:center;white-space:nowrap;color:#7d9cac}dialog{width:min(600px,90vw)}.project-state{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:24px 0 0}.project-state span{padding:9px 8px;border:1px solid #294751;background:#07171b;color:#6fd5c8;font:8px IBM Plex Mono,monospace;letter-spacing:1px;text-align:center}.project-state span:last-child{color:#7e8796;border-color:#303845}@media(max-width:800px){.readout{grid-template-columns:55px 1fr}.readout #slot{grid-column:2;grid-row:3}.project-state{grid-template-columns:1fr}}footer{align-items:center}footer a{color:#536d7c;text-decoration:none}footer a:hover,footer a:focus-visible{color:#68e8dc}@media(max-width:800px){footer a{display:none}}#movement{position:absolute;right:36px;bottom:52px;display:grid;grid-template-columns:1fr 1fr;gap:6px;width:260px}#movement button{padding:9px 10px;font-size:8px;background:#101827e8;border-color:#385064}#movement button[aria-pressed=true]{color:#62f4e5;border-color:#62dace;background:#0b282c}#movement span{grid-column:1/-1;text-align:right;color:#5f7489;font:7px IBM Plex Mono,monospace;letter-spacing:1.2px}#movePad{display:none;position:absolute;left:22px;bottom:70px;width:138px;height:104px;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:5px;z-index:3}#movePad button{padding:0;font-size:15px;background:#101827d9;touch-action:none;-webkit-user-select:none;user-select:none}#movePad [data-move=forward]{grid-column:2}#movePad [data-move=left]{grid-column:1;grid-row:2}#movePad [data-move=back]{grid-column:2;grid-row:2}#movePad [data-move=right]{grid-column:3;grid-row:2}@media(pointer:coarse),(max-width:800px){#movement{right:18px;bottom:54px;width:178px}#movement span{display:none}#movePad.active{display:grid}}@media(max-width:520px){#movement{grid-template-columns:1fr;width:126px}#movement span{display:none}}aside{transition:opacity .45s ease,transform .65s cubic-bezier(.22,.8,.2,1)}body.walk-mode aside{opacity:0;transform:translate(-45px)}body.walk-mode #hint{opacity:.25}
