*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;background:#a9bdc5}canvas,#scene{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}[hidden]{display:none!important}nav,#journey{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:7px;background:#263c44ba;backdrop-filter:blur(14px);border:1px solid #ffffff30;border-radius:32px;box-shadow:0 8px 26px #1b31321a}button{width:45px;height:44px;flex-shrink:0;border:0;display:grid;place-items:center;background:none;color:#eeeede;border-radius:50%;cursor:pointer;touch-action:none}button[aria-pressed=true]{background:#ececdf;color:#28433f}button:hover{background:#ffffff38}button:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:4px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.divider{width:1px;height:23px;margin:0 3px;background:#fff3}#journey{bottom:104px;padding:4px 14px 4px 5px;width:295px;height:43px}#journey input{width:100%;accent-color:#e0dbc8;cursor:pointer;height:3px}#journey button{width:35px;height:33px}#walk-pad{position:absolute;bottom:105px;left:28px;display:grid;justify-items:center;gap:4px}#walk-pad div{display:flex;gap:4px}#walk-pad button{background:#263c448a;border:1px solid #ffffff30;width:42px;height:42px;backdrop-filter:blur(8px)}#walk-pad button:active{background:#ececdf;color:#28433f}#enter{position:absolute;left:50%;top:73%;transform:translateX(-50%);width:58px;height:58px;background:#35525b65;border:1px solid #ffffff80;backdrop-filter:blur(10px);animation:breathe 2.5s ease-in-out infinite}#loading{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#bdcbd0;transition:opacity .7s;pointer-events:none}#loading span{width:34px;height:34px;border:1px solid #304e6530;border-top-color:#365c6d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 0 12px #ffffff12}}@media(max-width:600px){nav{gap:1px;padding:5px;bottom:max(18px,env(safe-area-inset-bottom))}nav button{width:39px;height:41px}.divider{margin:0 2px}#journey{bottom:90px;width:240px}#walk-pad{bottom:155px;left:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}