:root{color:#f4f8f6;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a2028;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #b7f3e8}button:disabled{opacity:.5}button{border:0}button,select{font-size:.875rem}button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}[hidden]{display:none!important}#stage{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}canvas{touch-action:none;display:block}body.walking canvas{cursor:crosshair}.chrome{transition:opacity .35s,transform .35s}.ui-hidden .chrome{opacity:0;pointer-events:none}.site-header{inset:max(28px,env(safe-area-inset-top)) 32px auto;pointer-events:none;text-shadow:0 1px 12px #00162255;justify-content:space-between;align-items:flex-start;display:flex;position:fixed}.wordmark{letter-spacing:-.065em;font-size:1.65rem;font-weight:600}.wordmark>span{color:#b7eee0}.wordmark small{letter-spacing:.22em;margin-top:6px;font-size:.75rem;font-weight:500;display:block}.header-actions{pointer-events:auto;gap:8px;display:flex}.header-actions button,.panel button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071e2b66;border:1px solid #ffffff38;border-radius:22px;height:40px;padding:0 16px}#btn-help{width:40px;padding:0;font-size:1rem}.control-dock{bottom:max(58px,calc(env(safe-area-inset-bottom) + 35px));white-space:nowrap;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#09222de8;border:1px solid #fff3;border-radius:18px;align-items:center;gap:9px;padding:8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #00111c38}.control-dock button{color:#f0f7f5;background:0 0;border-radius:10px;height:42px;padding:0 17px}.control-dock button.active{color:#123b40;background:#e4f4ed}.control-dock button:hover:not(.active){background:#ffffff12}.dock-separator{background:#ffffff24;width:1px;height:23px;margin:0 1px}#btn-pause{place-items:center;width:39px;padding:8px;display:grid}.select-wrap{align-items:center;gap:4px;padding-left:5px;display:flex}.quality-label{color:#b6d1d3;font-size:.75rem}.control-dock select{cursor:pointer;background:0 0;border:0;max-width:116px;min-height:42px;padding:10px 6px}.control-dock option{background:#0b2833}.scene-caption{letter-spacing:.12em;text-shadow:0 1px 10px #001c25;justify-content:space-between;gap:16px;font-size:.75rem;display:flex;position:fixed;bottom:23px;left:32px;right:32px}.scene-caption a{color:inherit;text-decoration:none}.credit{opacity:.85}#explore-hint{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;pointer-events:none;background:#082431cc;border:1px solid #ffffff28;border-radius:12px;width:max-content;max-width:90vw;padding:12px 18px;font-size:.875rem;line-height:1.6;position:fixed;bottom:138px;left:50%;transform:translate(-50%)}#explore-hint.hide{opacity:0}.touch{display:none}#crosshair{pointer-events:none;background:#fff9;border-radius:50%;width:4px;height:4px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#stick{pointer-events:none;background:#ffffff14;border:1px solid #fff5;border-radius:50%;width:80px;height:80px;display:none;position:fixed}#stick div{background:#fff6;border-radius:50%;width:30px;height:30px;position:absolute;top:25px;left:25px}.panel{z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09222df2;border:1px solid #ffffff30;border-radius:18px;width:330px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 190px);padding:24px;position:fixed;top:88px;right:32px;overflow:auto;box-shadow:0 20px 70px #00151d44}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{letter-spacing:-.025em;margin:0;font-size:1.1rem;font-weight:500}.panel button{width:30px;height:30px;padding:0;font-size:1.3rem}.panel p{color:#c5d9dc;font-size:1rem;line-height:1.65}.panel dl{grid-template-columns:1fr 1.6fr;gap:12px 10px;margin:24px 0;font-size:.875rem;display:grid}.panel dd{color:#bdcfd3;margin:0}.panel dt{color:#e8f2ed}.touch-note{display:none}#hud{text-shadow:0 1px 4px #000;pointer-events:none;font:12px/1.4 ui-monospace,monospace;position:fixed;top:90px;left:20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#loading{z-index:10;isolation:isolate;background:radial-gradient(at 70% 72%,#1c575c66,#0000 60%),linear-gradient(155deg,#091b27,#103945);flex-direction:column;justify-content:space-between;padding:38px 44px;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loading:after{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#b7ded426,#0000);height:1px;position:absolute;top:67%;left:0;right:0}.load-top,.load-bottom{letter-spacing:.14em;color:#bed0cf;justify-content:space-between;gap:20px;font-size:.75rem;display:flex}.load-bottom{letter-spacing:.04em}.load-center{width:min(610px,100%);margin:auto;padding:60px 0 80px}.eyebrow{letter-spacing:.2em;color:#b5d9d5;margin:0 0 26px;font-size:.75rem}.load-center h1{letter-spacing:-.075em;margin:0 0 24px;font-size:clamp(3.7rem,9vw,7.2rem);font-weight:400;line-height:1.03}.load-center h1 span{color:#8bc5b5}.load-description{color:#c2d8d8;margin:0;font-size:1rem;font-weight:300}.load-meter{max-width:400px;margin-top:76px}.load-meta{color:#cbe0db;font-variant-numeric:tabular-nums;justify-content:space-between;gap:20px;margin-bottom:15px;font-size:.875rem;display:flex}progress{appearance:none;background:#ffffff1f;border:0;border-radius:0;width:100%;height:2px;display:block}progress::-webkit-progress-bar{background:#ffffff1f}progress::-webkit-progress-value{background:#b1decf;transition:width .25s}progress::-moz-progress-bar{background:#b1decf}#loading.hide{opacity:0;visibility:hidden;pointer-events:none}#load-retry{color:#173c3c;background:#dcefe7;border-radius:8px;margin-top:24px;padding:12px 18px}.failed .load-meter{max-width:100%}.noscript{z-index:12;text-align:center;position:fixed;bottom:100px;left:10%;right:10%}@media (max-width:650px){.site-header{inset:20px 20px auto}.wordmark{font-size:1.4rem}.header-actions button{padding:0 12px}.control-dock{bottom:max(54px,calc(env(safe-area-inset-bottom) + 24px));border-radius:15px;gap:3px;max-width:calc(100vw - 20px);padding:6px}.control-dock button{padding:0 10px}.control-dock select{max-width:89px;padding:10px 0;font-size:.875rem}.quality-label{display:none}.select-wrap{padding-left:0}.dock-separator{margin:0}#btn-pause{width:30px}.scene-caption{justify-content:center;font-size:.625rem;bottom:20px;left:20px;right:20px}.scene-caption>span:first-child{display:none}.panel{top:78px;right:16px}#explore-hint{bottom:129px}#loading{padding:24px}.load-top span:last-child,.load-bottom span:last-child{display:none}.load-center{padding:40px 0}.load-meter{margin-top:56px}.eyebrow{letter-spacing:.08em;font-size:.75rem}}@media (max-width:365px){.control-dock{flex-wrap:wrap;justify-content:center;width:290px}.control-dock .dock-separator{display:none}.scene-caption{font-size:.6rem}}@media (hover:none){.mouse{display:none}.touch{display:inline}.touch-note{display:block}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.motion-option{color:#d8e8e4;align-items:center;gap:10px;font-size:.9rem;display:flex}.motion-option input{accent-color:#b7eee0;width:18px;height:18px}.render-settings{flex-shrink:0;align-items:center;gap:12px;display:flex}.resolution-wrap{border-left:1px solid #ffffff24;padding-left:12px}#resolution{font-variant-numeric:tabular-nums;min-width:68px}@media (max-width:650px){.render-settings{gap:9px}.render-settings .quality-label{font-size:.6875rem;display:inline}.resolution-wrap{padding-left:9px}.render-settings select{padding:10px 2px}#resolution{min-width:60px}.control-dock>.dock-separator{display:none}.render-settings{border-top:1px solid #ffffff18;flex-basis:100%;justify-content:center;padding-top:2px}}#btn-crouch[aria-pressed=true]{color:#123b40;background:#dcefe7}@media (max-width:400px){#btn-crouch{padding:0 7px;font-size:.75rem}.control-dock{gap:2px}.control-dock select{max-width:81px}}#movement-state:not(:empty){color:#c7f3e7;margin-left:14px}button:disabled{cursor:default}:root{--scene-scale:1;--scene-gap-x:calc(50vw - 50vw * var(--scene-scale));--scene-gap-y:calc(50dvh - 50dvh * var(--scene-scale))}#stage{inset:var(--scene-gap-y) var(--scene-gap-x)}body.explore:not(.capture) #stage{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 18px 65px #00000035}.site-header{top:calc(var(--scene-gap-y) + max(24px,env(safe-area-inset-top)));left:calc(var(--scene-gap-x) + 24px);right:calc(var(--scene-gap-x) + 24px)}.control-dock{bottom:calc(var(--scene-gap-y) + max(50px,calc(env(safe-area-inset-bottom) + 32px)));max-width:calc(100vw - 2 * var(--scene-gap-x) - 24px);flex-wrap:wrap;justify-content:center}.scene-caption{bottom:calc(var(--scene-gap-y) + 18px);left:calc(var(--scene-gap-x) + 24px);right:calc(var(--scene-gap-x) + 24px)}#explore-hint{bottom:calc(var(--scene-gap-y) + 132px);max-width:calc(100vw - 2 * var(--scene-gap-x) - 24px)}.panel{right:calc(var(--scene-gap-x) + 24px);top:calc(var(--scene-gap-y) + 86px);max-width:calc(100vw - 2 * var(--scene-gap-x) - 32px);max-height:calc(100dvh - 2 * var(--scene-gap-y) - 180px)}#hud{left:calc(var(--scene-gap-x) + 20px);top:calc(var(--scene-gap-y) + 90px)}@media (max-width:650px){.site-header{top:calc(var(--scene-gap-y) + 16px);left:calc(var(--scene-gap-x) + 16px);right:calc(var(--scene-gap-x) + 16px)}.scene-caption{left:calc(var(--scene-gap-x) + 16px);right:calc(var(--scene-gap-x) + 16px);bottom:calc(var(--scene-gap-y) + 16px)}.panel{right:calc(var(--scene-gap-x) + 16px);top:calc(var(--scene-gap-y) + 76px)}}@media (max-width:365px){.site-header .wordmark{font-size:1.25rem}#explore-hint{bottom:calc(var(--scene-gap-y) + 170px)}}@media (max-width:650px){#explore-hint{bottom:calc(var(--scene-gap-y) + 177px)}}