.walking-hud{position:absolute;left:18px;bottom:18px;z-index:12;max-width:350px;padding:10px 12px;border:1px solid #54717b88;border-radius:16px;background:#142a32ed;color:#edf6f4;box-shadow:0 8px 30px #0004;font-size:12px}.walking-hud p{margin:6px 0;line-height:1.6}.walking-hud button{background:#25434c;color:#fff;border:1px solid #627b83;border-radius:9px;padding:8px 12px;cursor:pointer;touch-action:none}.walking-hud button:focus-visible{outline:3px solid #58dbc8;outline-offset:2px}.walking-status:empty{display:none}.walking-stairs{color:#90ead9}.walk-direction-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:36px 36px;gap:5px;direction:ltr;margin-top:7px}.walk-direction-pad button{padding:2px;font-size:18px;min-height:36px}.walk-direction-pad [data-key=ArrowUp]{grid-column:2;grid-row:1}.walk-direction-pad [data-key=ArrowLeft]{grid-column:1;grid-row:2}.walk-direction-pad [data-key=ArrowDown]{grid-column:2;grid-row:2}.walk-direction-pad [data-key=ArrowRight]{grid-column:3;grid-row:2}.walk-direction-pad [data-shift]{grid-column:3;grid-row:1;font-size:11px}.walk-direction-pad [aria-pressed=true]{background:#196f65}.walking-active canvas{touch-action:none}.walking-hud[hidden],.walking-hud [hidden]{display:none!important}.apartment-link{display:block;padding:12px;background:#245b60;border-radius:10px;color:white;text-align:center;text-decoration:none}.walking-hud .walking-hint{max-width:310px}@media(max-width:600px){.walking-hud{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:8px}.walking-hud .walking-hint{font-size:10px;max-width:255px}.walk-direction-pad{grid-template-columns:repeat(3,42px);grid-template-rows:36px 36px}}@media(max-height:500px){.walking-hud .walking-hint{display:none}.walking-hud{bottom:6px;padding:6px 8px}.walking-hud p{margin:2px 0}}

.walking-hud{bottom:94px}.walking-hud:not(.is-active) .walking-hint,.walking-hud:not(.is-active) .walk-direction-pad{display:none}.walking-active #workspace-tools,.walking-active #hint{display:none}.pano-panel{z-index:21}#stage:has(#panel-body:not([hidden]))>.walking-hud{display:none}@media(max-width:600px){.walking-hud{bottom:94px}}@media(max-height:500px){.walking-hud{bottom:90px}}
/* Keep controls stationary when input clears doorway feedback. */
.walking-hud.is-active .walking-status{display:block;min-height:3.2em;height:3.2em;overflow:hidden}

/* Same accessible speed controls in apartment/building, compact on phones. */
.walk-speed{border-top:1px solid #54717b88;margin-top:8px;padding-top:7px}.walk-speed label{display:flex;justify-content:space-between;gap:12px}.walk-speed output{font-variant-numeric:tabular-nums;color:#bcebe3}.walk-speed>div{display:flex;align-items:center;gap:6px;margin-top:6px}.walk-speed input{width:128px;min-width:80px;accent-color:#78d3c3;direction:ltr}.walk-speed button{min-width:36px;min-height:36px;padding:4px 8px;font-size:13px}@media(max-width:600px){.walk-speed input{width:110px}.walking-hud{max-width:calc(100% - 16px)}}

/* V35: explicit ground/free modes, with altitude controls in free mode. */
.walking-hud:not(.is-active) .walking-hint,.walking-hud:not(.is-active) .walk-direction-pad{display:block}.walking-hud:not(.is-active) .walk-direction-pad{display:grid}.walking-mode{color:#bcebe3;font-weight:700}.walk-direction-pad .free-height{grid-row:3;font-size:11px;grid-column:auto}.walking-hud button{min-height:36px}

.walking-hud:not(.is-active){left:auto;right:18px}
@media(max-width:600px){.walking-hud:not(.is-active){max-width:240px}}