*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#15334e;font-family:'Segoe UI','Yu Gothic UI',sans-serif;color:#f5f5ed}#stage{position:fixed;inset:0;touch-action:none}canvas{display:block}header{position:absolute;left:5vw;top:4.8vh;pointer-events:none;text-shadow:0 2px 20px #10222b80}.eyebrow{font-size:8px;letter-spacing:3px;opacity:.7}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(27px,3.2vw,50px);letter-spacing:8px;margin:14px 0 12px}header p{font-size:11px;letter-spacing:2px;opacity:.8}#time-panel{position:absolute;right:5vw;top:5.5vh;width:150px;font-size:9px;letter-spacing:1px;text-shadow:0 2px 12px #10222b}#time-panel div{display:flex;justify-content:space-between;margin-bottom:10px}#time-panel div span:last-child{opacity:.65}input{width:100%;accent-color:#efdfb9;cursor:pointer}footer{position:absolute;left:5vw;right:5vw;bottom:4vh;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:1px;text-shadow:0 2px 14px #132329}small{display:block;font-size:9px;letter-spacing:1px;opacity:.8;margin-top:9px}nav,.walk-controls{display:flex;gap:7px}button{border:1px solid #f5f3e650;background:#132e3359;color:inherit;height:40px;padding:0 15px;border-radius:30px;backdrop-filter:blur(12px);font-size:10px;cursor:pointer;touch-action:none;user-select:none;white-space:nowrap}button:hover,button:focus-visible,button.active{background:#99b7b570;border-color:#fff9}.walk-controls button{height:48px;padding:0 20px}#status{position:absolute;left:0;right:0;top:48%;text-align:center;font-size:13px;letter-spacing:2px;pointer-events:none}.mobile{display:none}.clean header,.clean footer,.clean aside{display:none}@media(max-width:700px){header{top:4vh;left:6vw}h1{font-size:27px;letter-spacing:4px}.eyebrow{font-size:6px;letter-spacing:2px}header p{font-size:10px}#time-panel{top:19vh;right:6vw;width:120px}footer{left:6vw;right:6vw;bottom:3vh;display:grid;grid-template-columns:1fr;gap:12px}.instructions{text-align:center;font-size:10px}small{font-size:8px;letter-spacing:0}.desktop{display:none}.mobile{display:inline}.walk-controls,nav{justify-content:center}.walk-controls button{width:132px;height:48px}nav button{height:34px;padding:0 15px}.walk-controls{gap:15px}}

@media(min-width:701px){.walk-controls{position:absolute;right:0;bottom:56px}}

#sound-panel{position:absolute;right:5vw;top:14vh;width:150px;font-size:9px;text-shadow:0 2px 12px #10222b}#sound-panel button{height:32px;width:100%;margin-bottom:10px}#sound-panel label{display:flex;justify-content:space-between;opacity:.85;margin-bottom:5px}button,input{-webkit-tap-highlight-color:transparent}@media(max-width:700px){#sound-panel{right:auto;left:6vw;top:19vh;width:112px}#sound-panel button{height:34px;margin-bottom:5px}#sound-panel label{font-size:8px}}