#harbor-controls{display:none;position:fixed;z-index:3;left:0;right:0;bottom:58px;height:220px;min-height:0;--fc-accent:#e9a55d;--fc-primary-ink:#102c38;--fc-text:#edf2e5;--fc-muted:#d0e3e8;--fc-surface:#173e4cce;--fc-border:#b4d3d477;--fc-joystick-surface:#173e4c88;--fc-knob-surface:#a9c8cecc;--fc-knob-ink:#15323d}
.walking #harbor-controls{display:block}
#harbor-controls::part(joystick){border-radius:50%;outline:none}
#harbor-controls::part(joystick):focus-visible:not(:active){outline:2px solid #efb579;outline-offset:-4px}
#harbor-controls[data-layout=portrait]::part(joystick){left:auto;right:max(12px,env(safe-area-inset-right))}
.walking #stats{bottom:290px}
#harbor-controls::part(action-jump){box-shadow:0 4px 24px #0003}
#harbor-controls[data-run-mode=run]::part(action-run){background:#e9a55d;color:#102c38;border-color:#ffdfa7}
#harbor-controls::part(action-party-join){color:#16333a;background:#ffdb9c;border-color:#ffe7b6;animation:tibo-party-pulse 1.3s ease-in-out infinite}
@keyframes tibo-party-pulse{50%{box-shadow:0 0 0 5px #ffdb9c88,0 0 22px #ffdb9c99}}
@media(prefers-reduced-motion:reduce){#harbor-controls::part(action-party-join){animation:none}}
@media(orientation:landscape) and (max-height:500px){#harbor-controls{bottom:46px;height:185px}.walking #stats{bottom:235px}}
@media(max-width:900px),(orientation:landscape) and (max-height:500px){header{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right))}#hint{max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 20px)}}
footer{bottom:max(14px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}
a[href="/sence/games/"]{right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}

#harbor-controls[data-layout=portrait]::part(actions){right:auto;left:max(12px,env(safe-area-inset-left))}