@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--white:#eff3ff;--muted:#aebbd3;--cyan:#a2e8ff;--violet:#bca2ff;--line:#b8c9ef35}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050811;color:var(--white);font:16px Manrope,system-ui,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:500 14px Manrope,sans-serif;border:1px solid var(--line);border-radius:5px;color:inherit;background:#0b1422b8;padding:12px 18px;min-height:44px;cursor:pointer;backdrop-filter:blur(18px)}button:hover{border-color:#d4eaff99;background:#7989b72a}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;touch-action:none}#world canvas{display:block;outline:0}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#040711aa,transparent 29%,transparent 65%,#03060d99);box-shadow:inset 0 0 150px #04061050}header{position:fixed;z-index:20;left:4vw;right:4vw;top:max(23px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.wordmark{font:600 25px 'Space Grotesk',sans-serif;letter-spacing:3px;pointer-events:auto}.wordmark span{font:12px Manrope,sans-serif;letter-spacing:1.2px;display:block;margin-top:5px;color:#9cabca}nav{display:flex;gap:7px;pointer-events:auto}nav button{font-size:12px;letter-spacing:.6px;padding:10px 15px}nav button:last-child{width:44px;padding:0;font-size:18px}#sound{position:relative}#sound:after{content:'';position:absolute;left:8px;right:8px;bottom:4px;height:2px;background:var(--cyan);transform:scaleX(var(--level,0));transform-origin:left}#landing{position:fixed;inset:0;z-index:5;display:flex;align-items:center;padding:12vh 7vw;background:linear-gradient(90deg,#060a15f2, #060a1577 44%,transparent 75%)}.intro{max-width:600px}.eyebrow{font:500 12px 'Space Grotesk',sans-serif;letter-spacing:2.4px;color:var(--cyan);margin:0 0 20px}h1{font:400 clamp(55px,7vw,100px)/.99 'Space Grotesk',sans-serif;letter-spacing:-5px;margin:0}em{font-style:normal;color:var(--violet)}.intro>p:not(.eyebrow){font-size:16px;color:#bac7e0;line-height:1.8;margin:25px 0}.primary{background:linear-gradient(120deg,#e0d5ff,#a6dff2);color:#111a2c;font-weight:700;border:0;padding:16px 22px}.primary:hover{background:#e2f0ff}.intro .primary{display:block;min-width:230px}.quiet{border:0;background:transparent;backdrop-filter:none;text-decoration:underline;text-underline-offset:6px;color:#c7d3e8;padding:12px 0}.intro .quiet{display:block;margin-top:9px}.intro .entry-note{font-size:12px!important;margin:12px 0!important;color:#91a0bd!important}.landing-index{position:absolute;bottom:35px;left:7vw;display:flex;gap:35px;font:12px 'Space Grotesk';letter-spacing:2px;color:#8da0c2}.mission{position:fixed;left:4vw;top:122px;max-width:410px;pointer-events:none}.mission .eyebrow{margin-bottom:10px}.mission h2{font:400 27px/1.15 'Space Grotesk';letter-spacing:-.6px;margin:0 0 9px}.mission>p:last-child{font-size:14px;line-height:1.6;color:#adbed9;margin:0}#layer-progress{position:fixed;right:4vw;top:117px;display:flex;gap:6px}#layer-progress button{display:flex;gap:8px;align-items:center;font-size:12px;padding:10px 13px;color:#96a5c3}#layer-progress i{display:block;width:7px;height:7px;border:1px solid #849cbe;border-radius:50%}#layer-progress .complete{color:#e4efff;border-color:#a2e8ff70}#layer-progress .complete i{background:#b2f0ff;box-shadow:0 0 12px #85baff}#layer-progress .current{border-color:#bba5ff8a}#destination{position:fixed;right:4vw;top:177px;text-align:right;font-size:12px;color:#9fb1cf}#destination .quiet{display:block;margin-left:auto;font-size:12px;min-height:34px}#interact{position:fixed;left:50%;bottom:190px;transform:translateX(-50%);border-color:#b2dbff95;color:#d6eaff;font-size:14px;z-index:8;white-space:nowrap}kbd{font:12px Manrope;margin-left:13px;border:1px solid #bcd4f855;padding:2px 5px}#action-area{position:fixed;left:50%;bottom:42px;transform:translateX(-50%);text-align:center;z-index:7;pointer-events:none}#pulse-hint{display:block;font:12px 'Space Grotesk';letter-spacing:1px;color:#adc0df;margin-bottom:12px;text-shadow:0 2px 6px #000}#pulse-button{display:block;position:relative;width:82px;height:82px;border:1px solid #aad8fb88;border-radius:50%;margin:auto;background:#101e35c9;box-shadow:0 0 30px #799dff18,inset 0 0 20px #93c7ff19;pointer-events:auto;touch-action:none;user-select:none}.pulse-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid #abdcff;clip-path:inset(calc((1 - var(--charge,0))*100%) 0 0 0);filter:drop-shadow(0 0 5px #b0beff)}#pulse-label{font:500 12px 'Space Grotesk';letter-spacing:1px}.key-hint{font-size:12px;color:#8196ba;display:block;margin-top:9px}#desktop-help{position:fixed;bottom:20px;left:4vw;font-size:12px;letter-spacing:.4px;color:#7890b3;max-width:380px;line-height:1.6}#joystick{display:none;position:fixed;left:25px;bottom:86px;width:112px;height:112px;border:1px solid #abc9f85a;border-radius:50%;background:#10213e55;touch-action:none;z-index:9}#stick{position:absolute;left:35px;top:35px;width:40px;height:40px;border:1px solid #aedcffb0;background:#a2c9f333;border-radius:50%;pointer-events:none}.move-label,.look-label{display:none;position:fixed;font-size:12px;letter-spacing:1px;color:#a3b9db;pointer-events:none}.move-label{left:61px;bottom:60px}.look-label{right:28px;bottom:32px}#finish{position:fixed;bottom:84px;right:5vw;z-index:8}#station-ui{position:fixed;inset:0;pointer-events:none}.station-story{position:absolute;left:5vw;top:23vh;max-width:320px}.station-story h2{font:400 clamp(36px,4vw,60px)/1.03 'Space Grotesk';letter-spacing:-2.5px;margin:0 0 25px}.station-story>p:last-child{font-size:16px;line-height:1.8;color:#b4c4df}#station-tools{position:absolute;right:4vw;top:50%;transform:translateY(-42%);width:265px;pointer-events:auto;background:#091121df;border:1px solid #c1d2f339;border-radius:10px;padding:24px;backdrop-filter:blur(18px);box-shadow:0 18px 80px #01040e88}.live-value>span{font:12px 'Space Grotesk';letter-spacing:2px;color:#a9c2e1}.live-value strong{display:block;font:400 48px 'Space Grotesk';color:#d1bdff;margin:6px 0 23px}.live-value small{font-size:17px;margin-left:5px}label{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#bccce4}output{color:#b5e7ff}input[type=range]{width:100%;accent-color:#bbd9ff;height:30px;margin:10px 0}.choice-row{display:flex;gap:6px;margin:13px 0}.choice-row button{flex:1;padding:10px 6px;font-size:12px}.choice-row .selected,.material-choices .selected{border-color:#c6edff;background:#7895d33b}#station-tools>.primary{width:100%;margin-top:14px;font-size:14px;line-height:1.5;padding:14px}#station-tools>.quiet{display:block;width:100%;font-size:12px;margin-top:7px}.tool-caption{font-size:14px;line-height:1.7;color:#b9c9e1}.target-count{display:flex;align-items:baseline;gap:10px;margin:20px 0}.target-count strong{font:400 50px 'Space Grotesk';color:#d2c0ff}.target-count span{font-size:12px;color:#91a8cd}#attack-readout,#sample-readout{font-size:12px;line-height:1.7;color:#b8d9ee}.material-choices{display:flex;flex-direction:column;gap:8px}.material-choices button{display:flex;align-items:center;gap:13px;text-align:left}.material-choices i{display:block;width:13px;height:13px;border-radius:50%}.glass-dot{background:#b3eaff;box-shadow:0 0 10px #8dbbff}.metal-dot{background:#cca5ff;box-shadow:0 0 10px #a575ff}.dust-dot{background:#ffcfb1;box-shadow:0 0 10px #fda879}#product{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 48%,#202338,#060912 77%);padding:102px 4vw 80px;display:grid;grid-template-columns:minmax(220px,25%) 1fr;grid-template-rows:1fr auto;gap:15px 25px}.product-heading{align-self:center}.product-heading h2{font:400 clamp(35px,4vw,58px)/1.05 'Space Grotesk';letter-spacing:-2px;margin:0 0 25px}.product-heading .eyebrow{line-height:1.7}#sync-status{font-size:14px;line-height:1.8;color:#b1d6eb}#product-frame-host{grid-column:2;grid-row:1/3;position:relative;min-height:0;overflow:auto;border:1px solid #adbbdc22;border-radius:8px;background:#070a12}#product-frame-host iframe{border:0;display:block;width:100%;height:100%;min-height:620px}#product-frame-host.zoomed iframe{width:850px;height:900px}.product-toolbar{display:flex;flex-direction:column;gap:8px;align-self:start}.product-toolbar button,.product-toolbar a{font-size:14px;text-align:left;padding:13px 15px}.product-toolbar a{text-decoration:underline;text-underline-offset:5px;font-size:12px}#zoom-product{display:none}.product-note{position:absolute;bottom:20px;left:4vw;right:4vw;text-align:center;font-size:12px;line-height:1.6;color:#8a9cbb}#audio-note{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;color:#8495b1;white-space:nowrap;pointer-events:none;z-index:6}body[data-mode=landing] #audio-note,body[data-mode=product] #audio-note{display:none}#toast{position:fixed;left:50%;bottom:215px;transform:translateX(-50%);max-width:80vw;padding:12px 18px;border:1px solid #b7cff54a;border-radius:6px;background:#071020ed;z-index:40;font-size:14px;text-align:center;line-height:1.6;opacity:0;pointer-events:none;transition:opacity .2s}#reveal-shade{position:fixed;inset:0;z-index:25;background:#090d19;opacity:0;pointer-events:none;transition:opacity .7s}#reveal-shade.active{opacity:1;pointer-events:auto}dialog{width:min(520px,calc(100vw - 28px));max-height:87dvh;overflow:auto;background:#0c1424f5;color:var(--white);border:1px solid #bed1ff55;border-radius:8px;padding:32px}dialog::backdrop{background:#02060eae;backdrop-filter:blur(10px)}dialog h2{font:400 35px/1.1 'Space Grotesk';letter-spacing:-1px}dialog p,dd{font-size:16px;line-height:1.8;color:#b3c3df}dt{color:#bfe8ff;font-size:14px;margin-top:16px}dd{margin:5px 0}dialog label{align-items:center;margin:18px 0}dialog input[type=range]{max-width:190px}dialog .fine{font-size:12px}dialog figure{margin:25px 0 0}dialog img{width:100%;border-radius:5px}dialog figcaption{font-size:12px;color:#9ab0d1;margin-top:7px}.close{position:absolute;right:9px;top:9px;border:0;background:none;font-size:24px}.close:hover{background:transparent}#error{position:fixed;inset:0;z-index:60;display:grid;place-content:center;background:#080d18;text-align:center;padding:25px}#error p{max-width:500px;line-height:1.8}
@media(pointer:coarse){#joystick,.move-label,.look-label{display:block}#desktop-help,.key-hint,kbd{display:none}}
@media(max-width:700px){header{left:18px;right:18px;top:max(17px,env(safe-area-inset-top))}.wordmark{font-size:18px;letter-spacing:1.5px}.wordmark span{display:none}nav{gap:4px}nav button{font-size:12px;letter-spacing:0;padding:9px}nav button:last-child{width:36px}#landing{align-items:flex-start;padding:132px 7vw 50px;background:linear-gradient(90deg,#060a15ce,#060a1530);overflow:auto}.intro{max-width:400px}h1{font-size:57px;letter-spacing:-3px}.intro>p:not(.eyebrow){font-size:16px}.intro .eyebrow{font-size:12px;letter-spacing:1.3px}.landing-index{display:none}.mission{left:20px;top:92px;max-width:230px}.mission h2{font-size:21px}.mission .eyebrow{font-size:12px;letter-spacing:1px}.mission>p:last-child{font-size:12px;max-width:190px}#layer-progress{top:93px;right:15px;flex-direction:column;gap:4px}#layer-progress button{min-height:30px;font-size:12px;padding:5px 8px;background:#081422ad}#destination{top:210px;right:18px;font-size:12px}#action-area{left:auto;right:26px;bottom:83px;transform:none}#pulse-button{width:77px;height:77px}#pulse-hint{font-size:12px;letter-spacing:0;position:absolute;bottom:90px;right:-7px;width:120px;line-height:1.6}#interact{left:50%;bottom:235px;font-size:12px;max-width:92vw;white-space:normal}#audio-note{font-size:12px;bottom:11px;max-width:95vw;text-align:center;width:100%;white-space:normal;line-height:1.5}#desktop-help{display:none}.station-story{left:20px;top:91px;max-width:240px}.station-story .eyebrow{font-size:12px;margin-bottom:9px;letter-spacing:1px}.station-story h2{font-size:33px;letter-spacing:-1.6px;margin-bottom:13px}.station-story>p:last-child{font-size:12px;line-height:1.7;max-width:220px}#station-tools{width:auto;left:18px;right:116px;top:auto;bottom:53px;transform:none;padding:16px;max-height:41dvh;overflow:auto}.live-value>span{font-size:12px;letter-spacing:1px}.live-value strong{font-size:34px;margin:3px 0 11px}.live-value small{font-size:14px}#station-tools label{font-size:12px}#station-tools input[type=range]{margin:5px 0;height:24px}.choice-row{margin:6px 0}.choice-row button{min-height:36px;padding:7px 5px;font-size:12px}#station-tools>.primary{font-size:12px;padding:10px;margin-top:8px}#station-tools>.quiet{font-size:12px;padding:8px 0}.tool-caption{font-size:12px;margin:0 0 12px}.target-count{margin:7px 0}.target-count strong{font-size:34px}.material-choices{gap:5px}.material-choices button{font-size:12px;min-height:36px;padding:8px 11px}#finish{bottom:220px;right:20px;left:20px;font-size:14px}#toast{bottom:225px;max-width:90vw;width:max-content;font-size:12px;padding:10px 13px}#product{padding:85px 15px 100px;display:flex;flex-direction:column;overflow:auto;gap:14px}.product-heading{align-self:stretch}.product-heading .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:7px}.product-heading h2{font-size:32px;letter-spacing:-1px;margin:0 0 8px}#sync-status{font-size:12px;line-height:1.6;margin:0}#product-frame-host{min-height:480px;flex:0 0 60dvh;max-height:none;order:1}#product-frame-host iframe{min-height:100%;height:100%}.product-toolbar{order:2;display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.product-toolbar button,.product-toolbar a{font-size:12px;line-height:1.6;padding:11px;text-align:center}.product-toolbar .primary{grid-column:1/-1}#zoom-product{display:block}.product-note{position:static;order:3;font-size:12px;margin:0;line-height:1.7}#product-frame-host.zoomed{min-height:70dvh}#product-frame-host.zoomed iframe{width:850px;height:900px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#waypoint{position:fixed;pointer-events:none;transform:translate(-50%,-50%);padding:7px 11px;border:1px solid #b8dcff77;border-radius:4px;background:#071124be;color:#cde7ff;font:12px "Space Grotesk",sans-serif;letter-spacing:1px;box-shadow:0 0 25px #7896e522}#waypoint:after{content:"";position:absolute;left:50%;top:100%;height:18px;width:1px;background:#b2d7ffa0}body:not([data-mode=walk]) #waypoint{display:none}
@media(max-height:540px) and (min-width:701px){
 header{top:13px;left:25px;right:25px}.wordmark{font-size:20px}.wordmark span{display:none}.mission{top:83px;left:25px;max-width:270px}.mission h2{font-size:23px}.mission .eyebrow{margin-bottom:6px}#layer-progress{top:78px;right:25px}#destination{top:133px;right:25px}#action-area{bottom:31px}#pulse-hint{font-size:12px}#pulse-button{width:64px;height:64px}.key-hint{display:none}#interact{bottom:154px}#desktop-help{font-size:12px;max-width:275px;bottom:18px}#audio-note{bottom:7px;font-size:12px}#station-tools{top:79px;bottom:35px;transform:none;max-height:calc(100dvh - 114px);overflow:auto;width:240px;padding:16px;right:25px}.station-story{top:88px;left:30px;max-width:250px}.station-story h2{font-size:34px;letter-spacing:-1.5px;margin-bottom:14px}.station-story .eyebrow{margin-bottom:10px}.station-story>p:last-child{font-size:13px;line-height:1.7}.live-value strong{font-size:34px;margin-bottom:12px}#station-tools>.primary{padding:11px;margin-top:8px}.tool-caption{font-size:13px}.target-count{margin:8px 0}.target-count strong{font-size:34px}#finish{right:25px;bottom:80px}#landing{padding:90px 6vw 40px;align-items:flex-start;overflow:auto}.intro h1{font-size:54px;letter-spacing:-3px}.intro>p:not(.eyebrow){font-size:14px;margin:14px 0}.intro .eyebrow{margin-bottom:12px}.landing-index{display:none}
 #product{padding:78px 25px 25px;grid-template-columns:220px minmax(450px,1fr);grid-template-rows:auto auto auto;overflow:auto;align-content:start;gap:15px 20px}.product-heading{align-self:start;padding-top:12px}.product-heading h2{font-size:36px}.product-heading .eyebrow{font-size:12px;letter-spacing:1px}#sync-status{font-size:12px}.product-toolbar{align-self:start}.product-toolbar button{font-size:12px;padding:11px}#product-frame-host{height:620px;min-height:620px;grid-column:2;grid-row:1/3}#product-frame-host iframe{height:620px;min-height:620px}.product-note{position:static;grid-column:1/-1;grid-row:3;margin:0;font-size:12px}#zoom-product{display:block}
}

#station-ui:before{content:"";position:absolute;inset:85px auto 120px 0;width:35%;background:linear-gradient(90deg,#040812c9,transparent);pointer-events:none}.mission{padding:12px;margin-left:-12px;background:linear-gradient(90deg,#061020ad,transparent);border-radius:8px}@media(max-width:700px){#station-ui:before{top:72px;bottom:48%;width:75%}}

.back-to-brand{display:inline-flex;align-items:center;padding:8px 12px;font-size:12px;border:1px solid var(--line);border-radius:5px;background:#0b1422b8}@media(max-width:700px){.back-to-brand{padding:8px;font-size:12px}.wordmark{font-size:15px;letter-spacing:1px}}