*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#272827;color:#f6f3eb;font:14px system-ui,sans-serif}canvas{display:block;touch-action:none}[hidden]{display:none!important}button,a{font:500 13px system-ui;color:#fff;background:#232b2ce8;border:1px solid #ffffff50;border-radius:5px;padding:8px 11px;min-height:34px;cursor:pointer;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button:hover,a:hover{background:#44504a}button.active{background:#e9d7b3;color:#272c29}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f5cb80;outline-offset:2px}header{position:fixed;top:max(16px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));pointer-events:none;display:flex;flex-direction:column;gap:8px}.top-controls{display:flex;flex-direction:column-reverse;gap:9px}.primary-controls{display:flex;align-items:center;gap:6px;pointer-events:auto;width:fit-content}.utility-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:6px;pointer-events:none}.utility-controls button{pointer-events:auto;font-size:12px;padding:6px 9px}#out-performance{grid-area:1/1;justify-self:start}#out-download{grid-area:1/2;justify-self:center}#hide{grid-area:1/3;justify-self:end}#location-toggle{background:#e5c384;color:#202c30;border-color:#f6dbab;border-radius:24px;min-width:160px;padding:10px 20px;font-weight:700}.outside #location-toggle{background:#b8d9d6;border-color:#dbf2ed}#out-golden,#out-night{border-radius:18px;padding:9px 13px}#out-golden{background:#55432cde;border-color:#e9c78591;color:#ffedc9}#out-night{background:#2e3854e8;border-color:#9caed591;color:#e7edff}#out-golden:before{content:'☀';margin-right:6px;font-size:17px}#out-night:before{content:'☾';margin-right:6px;font-size:18px}.brand-label{font-size:11px;letter-spacing:1.7px;pointer-events:none}#room-info{position:fixed;top:137px;left:24px;pointer-events:none;text-shadow:0 2px 8px #000}h2{font:400 25px Georgia,serif;margin:3px 0}#level{display:block;font-size:11px;letter-spacing:2px;margin:5px 0 9px;color:#e2e4df}.outside #level,#world-status{display:none}#room-note{font-size:12px}#door-action,#cabinet-action{pointer-events:auto;font-size:12px;padding:7px 10px;margin:3px 4px 0 0}footer{position:fixed;bottom:0;left:0;width:100%;padding:10px 24px max(10px,env(safe-area-inset-bottom));pointer-events:none}footer button,footer nav,footer fieldset{pointer-events:auto}nav{display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - 240px)}#rooms{max-width:700px}.environment-controls{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:122px;display:flex;gap:5px;pointer-events:auto}.environment-controls button{min-width:108px;font-size:12px}.aerial-mode .environment-controls{bottom:max(14px,env(safe-area-inset-bottom))}#exterior-controls{display:none}.outside #exterior-controls{display:block}.outside #rooms,.outside #upstairs,.outside #cabinet-action{display:none!important}.outside footer{width:auto;max-width:calc(100% - 270px);max-height:45vh;overflow:auto;background:linear-gradient(transparent,#172120ad)}#exterior-controls nav{max-width:680px;flex-wrap:nowrap}#exterior-controls button{font-size:12px;padding:6px 9px;min-height:32px}.out-tools{display:flex;gap:5px;margin-top:5px}.out-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:680px;margin-top:5px}.out-groups fieldset{display:flex;flex-direction:column;gap:3px;margin:0;padding:5px;border:1px solid #ffffff40;border-radius:5px;min-width:0}.out-groups legend{text-align:center;font-size:12px}.outside button[aria-pressed=true]{color:#f3b9a4}#out-walk:before,#out-film:before{content:'';display:inline-block;width:18px;height:18px;vertical-align:-4px;margin-right:5px;background:currentColor;mask-size:contain;mask-repeat:no-repeat}#out-walk:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='13' cy='4' r='2'/%3E%3Cpath d='m9 9 3-2 3 2 2 4 3 1M12 8l-2 7-4 6m4-6 4 2 1 5M9 9l-3 5-3 1' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}#out-film:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m10 8 6 4-6 4zM5 4v16M19 4v16' fill='black' stroke='black'/%3E%3C/svg%3E")}#move{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:end;gap:5px;text-align:center}.motion-actions{display:flex;flex-direction:column}.arrow-pad{min-width:138px}#move button{width:42px;height:38px;padding:0;font-size:20px;margin:2px}#move #sprint,#move #jump{width:65px;min-width:0;padding:0 4px;font-size:12px}#sprint[aria-pressed=true]{background:#d7ead3;color:#172b1e;box-shadow:0 0 0 2px #81b679}.aerial-mode #move{display:none}#veil{position:fixed;inset:0;display:grid;place-items:center;background:#232827;z-index:10;transition:opacity .65s;pointer-events:none}#veil.clear{opacity:0}#reveal{position:fixed;right:14px;top:14px}.hidden-ui header,.hidden-ui footer,.hidden-ui #room-info,.hidden-ui #move{display:none}dialog{max-width:min(600px,95vw);max-height:85vh;overflow:auto;color:#fff;background:#253031;border:1px solid #7d8b87;border-radius:10px}dialog input{font:inherit;padding:10px;display:block;margin:10px 0}
@media(max-width:650px) and (orientation:portrait){
 header{top:max(8px,env(safe-area-inset-top));left:8px;right:8px;gap:5px}.top-controls{gap:7px}.utility-controls{gap:3px;grid-template-columns:1.25fr 1fr 1fr}.utility-controls button{font-size:12px;padding:5px 3px;line-height:1.15}.primary-controls{display:grid;grid-template-columns:1.35fr 1fr 1fr;width:100%;gap:4px}.primary-controls button{width:100%;font-size:12px;padding:6px 3px}#location-toggle{min-width:0;padding:8px 4px}#out-golden,#out-night{padding:6px 3px}#out-golden:before,#out-night:before{margin-right:3px;font-size:14px}#upstairs{grid-column:1/-1;justify-self:start;width:auto;padding:5px 12px}.brand-label{font-size:10px;letter-spacing:1px}#room-info{top:165px;left:8px;max-width:94%}.outside #room-info{top:122px}#room-name{font-size:19px}#room-note{display:none}#level{font-size:10px;margin:3px 0 5px}footer{padding:7px 8px max(8px,env(safe-area-inset-bottom))}#rooms{width:calc(100% - 191px);max-width:160px;display:flex;flex-direction:column;gap:3px;max-height:242px;overflow:auto}#rooms button{font-size:12px;min-height:30px;padding:5px 6px;text-align:left;line-height:1.15}#move{right:6px;bottom:max(8px,env(safe-area-inset-bottom));gap:3px}#move button{width:37px;height:37px;margin:1px}.arrow-pad{min-width:117px}#move #sprint,#move #jump{width:61px}.environment-controls{right:7px;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 83px);gap:3px;width:181px}.environment-controls button{min-width:0;flex:1;padding:6px 3px;font-size:12px;min-height:32px}
 .outside.aerial-mode footer{width:100%;max-width:none;max-height:46vh;display:flex;flex-direction:column;overflow:auto;gap:4px}.outside.aerial-mode #exterior-controls{display:contents}.outside.aerial-mode #exterior-controls nav{order:1}.outside.aerial-mode .out-tools{order:2}.outside.aerial-mode .environment-controls{position:static;order:3;align-self:flex-end;margin:0;width:calc((100% - 8px)/3);display:flex;flex-direction:column;gap:3px}.outside.aerial-mode .out-groups{order:4;margin:0}.outside.aerial-mode .environment-controls button{min-height:28px;padding:4px 2px}
 #exterior-controls nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;max-width:none;width:100%}#exterior-controls button{font-size:12px;min-height:30px;padding:4px 2px;line-height:1.12}.out-tools{margin:0;gap:4px}.out-tools button{flex:1}.out-groups{gap:4px;max-width:none}.out-groups fieldset{padding:3px;gap:3px}.out-groups legend{font-size:12px}
 .outside:not(.aerial-mode) footer{width:calc(100% - 192px);max-width:none;max-height:38vh}.outside:not(.aerial-mode) #exterior-controls nav{grid-template-columns:1fr 1fr}.outside:not(.aerial-mode) .out-groups{grid-template-columns:1fr}.outside:not(.aerial-mode) .out-tools{flex-direction:column}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 header{top:max(5px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:4px}.top-controls{position:relative;height:72px;display:block}.primary-controls{display:grid;grid-template-columns:122px 122px;grid-template-rows:36px 32px;gap:4px;width:248px}#location-toggle{grid-column:1/-1;grid-row:1;justify-self:start;min-width:174px;font-size:14px;min-height:36px;padding:7px 18px}#out-golden,#out-night{min-height:31px;font-size:12px;padding:5px 7px}#out-golden{grid-area:2/1}#out-night{grid-area:2/2}#upstairs{position:absolute;left:260px;top:40px;font-size:12px;padding:5px 8px;min-height:30px}.utility-controls{position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.utility-controls button{font-size:12px;min-height:27px;padding:4px 7px}#hide{order:0}#out-performance{order:1}#out-download{position:fixed;top:7px;left:50%;transform:translateX(-50%)}.brand-label{font-size:10px;letter-spacing:1px}#room-info,.outside #room-info{top:99px;left:max(8px,env(safe-area-inset-left));max-width:300px}#room-name{font-size:18px}#room-note{display:none}#level{font-size:10px;margin:2px 0 4px}
 footer{padding:5px max(8px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom))}.outside footer{width:calc(100% - 175px);max-width:600px;max-height:49vh;overflow:auto}#exterior-controls nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;max-width:none;flex-wrap:nowrap;width:100%}#exterior-controls button{font-size:12px;min-height:25px;padding:3px 4px;line-height:1.08}.out-tools{margin-top:3px;gap:3px}.out-tools button{min-width:125px}.out-groups{margin-top:3px;gap:3px;max-width:none}.out-groups fieldset{padding:2px 3px;gap:2px}.out-groups legend{font-size:12px}.out-groups button{min-height:24px!important}.environment-controls,.aerial-mode .environment-controls{position:fixed;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px;width:145px}.environment-controls button{font-size:12px;padding:6px 8px;min-height:31px}body:not(.aerial-mode) .environment-controls{bottom:100px}#move{right:7px;bottom:7px;gap:2px}#move button{width:33px;height:31px;min-height:31px;margin:1px}.arrow-pad{min-width:105px}#move #sprint,#move #jump{width:54px;font-size:12px}#rooms{max-width:calc(100% - 185px);gap:3px}#rooms button{min-height:26px;font-size:12px;padding:4px 7px}
}

/* Revision 10: shared lighting, calm journeys, equally sized scene actions. */
.primary-controls #out-golden,.primary-controls #out-night,.primary-controls #upstairs{width:136px;height:40px;min-height:40px;padding:7px 10px}
#upstairs{background:#3d5750e8;border:1px solid #a9d7c291;color:#e4f4ed;border-radius:18px}#upstairs:before{content:'↕';margin-right:6px;font-size:17px}
.primary-controls,.utility-controls button:not(#hide),.brand-label,#room-info,footer,#move{transition:opacity .35s ease,transform .35s ease}
.journey-ui .primary-controls,.journey-ui .utility-controls button:not(#hide),.journey-ui .brand-label,.journey-ui #room-info,.journey-ui footer,.journey-ui #move{opacity:0;pointer-events:none;transform:translateY(-5px)}
.journey-ui footer *,.journey-ui #room-info *,.journey-ui #move *{pointer-events:none!important}
@media(max-width:650px) and (orientation:portrait){
 .primary-controls #out-golden,.primary-controls #out-night,.primary-controls #upstairs{width:100%;height:36px;min-height:36px;padding:5px 3px}
 body:not(.outside) .primary-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 body:not(.outside) #location-toggle{grid-area:1/1;height:36px;min-height:36px;padding:6px 4px}
 body:not(.outside) #upstairs{grid-area:1/2;justify-self:stretch}
 body:not(.outside) #out-golden{grid-area:2/1}body:not(.outside) #out-night{grid-area:2/2}
 .outside.aerial-mode .environment-controls{flex-direction:row;width:calc((100% - 4px)*2/3);gap:4px}.outside.aerial-mode .environment-controls button{flex:1;min-width:0;min-height:30px}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 .primary-controls #out-golden,.primary-controls #out-night,.primary-controls #upstairs{width:122px;height:32px;min-height:32px;padding:5px 7px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.primary-controls,.utility-controls button:not(#hide),.brand-label,#room-info,footer,#move{transition:none}}

/* Desktop hierarchy and prominent exterior exploration actions. */
@media(min-width:651px) and (pointer:fine){
 header .brand-label{order:-1;font-size:12px;letter-spacing:1.5px}
 header .top-controls{margin-top:111px}
 #room-info,.outside #room-info{top:42px;left:max(24px,env(safe-area-inset-left));max-width:650px}
 #room-name{font-size:25px}#room-note{margin:5px 0}#level{margin:4px 0}
 .outside .out-tools{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:66px;display:flex;gap:10px;margin:0}
 .outside #out-walk,.outside #out-film{min-height:46px;padding:11px 18px;font-size:14px;font-weight:650;border-radius:14px;box-shadow:0 5px 20px #0005}
 .outside #out-walk{background:#315d59f2;border-color:#a3dfcf;color:#edfff9}
 .outside #out-film{background:#514368f2;border-color:#c5afd9;color:#fbf3ff}
 .outside #out-walk:hover{background:#437770}.outside #out-film:hover{background:#6b5787}
 .outside footer{max-width:calc(100% - 410px)}
 .outside:not(.aerial-mode) .out-tools{bottom:174px}
}

/* Mobile room navigation and exterior controls. */
@media(max-width:650px) and (orientation:portrait){
 #rooms{max-height:calc(100dvh - 235px)}#rooms button{flex-shrink:0}
 #rooms [data-room="laundry"]{order:99}
 .outside.aerial-mode .environment-controls{width:100%;gap:4px}
 .outside.aerial-mode .environment-controls button,.outside.aerial-mode .out-tools button{flex:1 1 0;min-width:0}
 #exterior-controls nav button{font-size:11px;line-height:1.1;padding:5px 2px}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 .outside footer{width:100%;max-width:none;max-height:none;overflow:visible;background:none;pointer-events:none}
 .outside #exterior-controls nav{position:fixed;right:max(7px,env(safe-area-inset-right));top:108px;bottom:8px;width:105px;display:flex;flex-direction:column;gap:3px;overflow:auto;max-height:calc(100dvh - 116px)}
 .outside #exterior-controls nav button{font-size:11px;padding:4px 5px;min-height:27px;flex:0 0 auto}
 .outside .out-groups{position:fixed;left:max(8px,env(safe-area-inset-left));bottom:7px;width:min(390px,calc(100vw - 320px));max-height:calc(100dvh - 148px);overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 .outside .out-groups button{font-size:11px;min-height:25px;padding:3px}.outside .out-groups legend{font-size:11px}
 .outside .out-tools{position:fixed;top:39px;left:50%;transform:translateX(-50%);display:flex;gap:4px;margin:0}
 .outside .out-tools button{font-size:11px;min-width:90px;min-height:30px;padding:5px 7px;border-radius:9px}
 .outside #out-walk{background:#315d59f2;border-color:#a3dfcf}.outside #out-film{background:#514368f2;border-color:#c5afd9}
 .outside.aerial-mode .environment-controls{right:123px;bottom:8px;width:104px;gap:3px}
 .outside .environment-controls button{font-size:11px;min-height:28px;padding:4px}
 .outside:not(.aerial-mode) #move{right:120px}
 .outside:not(.aerial-mode) .environment-controls{right:123px;bottom:80px;width:104px}
}

/* Walking outside: compact mechanisms left, navigation above the right arrows. */
@media(pointer:coarse){
 .outside:not(.aerial-mode) #exterior-controls nav button:not([data-out-view="aerial"]){display:none}
 .outside:not(.aerial-mode) #exterior-controls nav{position:fixed;left:auto;right:max(8px,env(safe-area-inset-right));top:auto;bottom:238px;width:177px;height:auto;max-height:none;display:flex;overflow:visible}
 .outside:not(.aerial-mode) #exterior-controls nav button{width:100%;font-size:12px;min-height:30px}
 .outside:not(.aerial-mode) .out-tools{position:fixed;top:auto;left:auto;right:max(8px,env(safe-area-inset-right));bottom:169px;width:177px;transform:none;display:flex;flex-direction:column;gap:4px}
 .outside:not(.aerial-mode) .out-tools button{min-height:30px;padding:5px;font-size:12px}
 .outside:not(.aerial-mode) .out-groups{position:fixed;left:max(8px,env(safe-area-inset-left));bottom:8px;width:calc(100% - 208px);max-width:230px;max-height:calc(100dvh - 230px);overflow:auto;display:grid;grid-template-columns:1fr;gap:3px}
 .outside:not(.aerial-mode) .out-groups fieldset{padding:3px;gap:2px}.outside:not(.aerial-mode) .out-groups button{font-size:11px;min-height:25px;padding:3px}.outside:not(.aerial-mode) .out-groups legend{font-size:11px}
 .outside:not(.aerial-mode) .environment-controls{right:8px;bottom:103px;width:177px;display:flex;flex-direction:column;gap:3px}
 .outside:not(.aerial-mode) #move{right:8px}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 .outside:not(.aerial-mode) #exterior-controls nav{width:158px;bottom:184px}
 .outside:not(.aerial-mode) .out-tools{width:158px;bottom:116px}
 .outside:not(.aerial-mode) .out-groups{width:min(390px,calc(100% - 220px));max-width:390px;max-height:calc(100dvh - 148px);grid-template-columns:repeat(3,minmax(0,1fr))}
 .outside:not(.aerial-mode) .environment-controls{right:8px;bottom:78px;width:158px;flex-direction:row}
}

#house-controls-toggle{display:none}
[data-out-view="aerial"]:before{content:'';display:inline-block;width:19px;height:19px;vertical-align:-4px;margin-right:5px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%3E%3Cellipse%20cx%3D%275%27%20cy%3D%275%27%20rx%3D%274%27%20ry%3D%272.5%27/%3E%3Cellipse%20cx%3D%2719%27%20cy%3D%275%27%20rx%3D%274%27%20ry%3D%272.5%27/%3E%3Cellipse%20cx%3D%275%27%20cy%3D%2719%27%20rx%3D%274%27%20ry%3D%272.5%27/%3E%3Cellipse%20cx%3D%2719%27%20cy%3D%2719%27%20rx%3D%274%27%20ry%3D%272.5%27/%3E%3Cpath%20d%3D%27M5%205l7%207%207-7M5%2019l7-7%207%207%27/%3E%3Crect%20x%3D%279%27%20y%3D%279%27%20width%3D%276%27%20height%3D%276%27%20rx%3D%272%27/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
@media(orientation:portrait) and (pointer:coarse){
 .outside:not(.aerial-mode) #exterior-controls nav,.outside:not(.aerial-mode) .out-tools,.outside:not(.aerial-mode) #house-controls-toggle{left:max(8px,env(safe-area-inset-left));right:auto;width:calc(100% - 208px);max-width:177px}
 .outside:not(.aerial-mode) .out-tools{bottom:max(8px,env(safe-area-inset-bottom));gap:4px}
 .outside:not(.aerial-mode) .out-tools button{height:38px;min-height:38px;line-height:1.1;padding:4px}
 .outside:not(.aerial-mode) #exterior-controls nav{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 84px)}
 .outside:not(.aerial-mode) #exterior-controls nav button{height:34px;min-height:34px}
 .outside:not(.aerial-mode) #house-controls-toggle{display:block;position:fixed;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 122px);height:38px;padding:4px;font-size:12px;line-height:1.1;background:#334641ef;border-color:#a2bcb3}
 .outside:not(.aerial-mode) .out-groups{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 166px);max-height:calc(100dvh - 396px);min-height:0}
 .outside:not(.aerial-mode).house-controls-hidden .out-groups{display:none}
}

#door-hint{display:none}
@media(min-width:651px) and (pointer:fine){
 header .top-controls{margin-top:0;height:40px;position:relative;display:block}
 header .brand-label{order:0;margin-top:3px}
 header .primary-controls{position:absolute;top:0;left:0}
 header .utility-controls{position:fixed;top:16px;right:24px;display:flex;flex-direction:row;gap:6px;align-items:center}
 #out-performance{order:0;background:#344478f2;border:1px solid #9cb4ff;border-radius:12px;font-weight:700;box-shadow:0 0 0 1px #7185be50;padding:9px 12px}
 #out-performance[aria-pressed=true]{background:#784339;color:#fff0e8;border-color:#efa891}
 #hide{order:1}#out-download{order:2;position:static;transform:none}
 .environment-controls,.aerial-mode .environment-controls{top:65px;bottom:auto;right:24px;display:flex;flex-direction:row;width:auto}
 #room-info,.outside #room-info{top:88px;left:24px;max-width:590px}
 #door-action{display:none!important}
 #door-hint{display:block;position:fixed;transform:translate(-50%,-50%);width:38px;height:38px;min-height:38px;padding:0;border:2px solid #ffda57;border-radius:50%;background:#322b15df;color:#ffe683;font-size:19px;font-weight:750;box-shadow:0 0 14px #ffce4a60;z-index:3}
 .hidden-ui #door-hint,.journey-ui #door-hint{display:none}
 .outside footer{width:min(680px,51vw);max-width:none;padding-bottom:78px;max-height:48vh;overflow:visible}
 .outside #exterior-controls nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:none;gap:5px}
 .outside #exterior-controls nav button{min-width:0;padding:6px 3px;white-space:normal}
 .outside .out-groups{width:100%;max-width:none}
 .outside .out-tools,.outside:not(.aerial-mode) .out-tools{position:fixed;left:50%;right:auto;bottom:16px;top:auto;transform:translateX(-50%);width:max-content}
}
@media(min-width:651px) and (max-width:1150px) and (pointer:fine){
 header .top-controls{height:82px}header .utility-controls{top:62px}.environment-controls,.aerial-mode .environment-controls{top:108px}
 #room-info,.outside #room-info{top:132px;max-width:50vw}
}
@media(orientation:portrait) and (pointer:coarse){
 #rooms{display:flex;flex-direction:column;align-items:stretch;width:max-content;max-width:calc(100vw - 204px);gap:3px}
 #rooms button{width:auto;min-height:26px;padding:4px 7px;font-size:11px;line-height:1.15;white-space:nowrap}
}

/* Hidden UI must outrank all responsive footer layouts. */
.hidden-ui header,.hidden-ui footer,.hidden-ui #room-info,.hidden-ui #move,.hidden-ui #door-hint{display:none!important}
#door-action{display:none!important}
#door-hint{display:block;position:fixed;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;padding:0;border:2px solid #ffda57;border-radius:50%;background:#322b15ed;color:#ffe683;font-size:20px;font-weight:750;box-shadow:0 0 14px #ffce4a60;z-index:3;touch-action:manipulation}
.journey-ui #door-hint{display:none!important}
#all-covers{background:#654621ef;border:1px solid #e5bb72;color:#fff0d4;font-weight:650}
#all-covers:before{content:'▱';margin-right:5px}
[data-out-view]:not([data-out-view=aerial]):before,[data-out-control]:before{display:inline-block;margin-right:4px;font-size:15px;line-height:1}
[data-out-view=rearGarden]:before{content:'♧'}[data-out-view=pool]:before{content:'≈'}[data-out-view=rear]:before{content:'⌂'}[data-out-view=frontBalcony]:before{content:'▥'}[data-out-view=rearBalcony]:before{content:'▤'}
[data-out-control=gate]:before,[data-out-control=garage]:before{content:'▥'}[data-out-control=pedestrian]:before{content:'♙'}[data-out-control=terrace]:before,[data-out-control=gardenGlass]:before{content:'▯'}[data-out-control=side]:before,[data-out-control=blades]:before{content:'▤'}[data-out-control=pool]:before{content:'≈'}[data-out-control=gardenRoof]:before{content:'⌂'}
@media(min-width:651px) and (pointer:fine){
 header .utility-controls{display:grid;grid-template-columns:186px 126px 112px;gap:6px}
 header .utility-controls button{width:100%;min-width:0;justify-self:stretch}
 #out-performance{grid-area:1/1;order:0}#out-download{grid-area:1/2;order:1}#hide{grid-area:1/3;order:2}
 body:not(.outside) .environment-controls{display:grid;grid-template-columns:186px 126px 112px;gap:6px;width:436px}
 body:not(.outside) .environment-controls button{width:100%;min-width:0}
 .outside #exterior-controls nav{position:fixed;right:24px;top:122px;bottom:94px;left:auto;width:145px;height:max-content;max-height:calc(100dvh - 216px);overflow:auto;display:flex;flex-direction:column;gap:5px}
 .outside #exterior-controls nav button{min-height:36px;width:100%;text-align:left;padding:7px 9px}
 .outside footer{padding-bottom:16px;width:min(650px,calc(50vw - 190px));min-width:330px}
}
@media(orientation:portrait) and (pointer:coarse){
 body:not(.outside) .environment-controls{display:grid;grid-template-columns:1fr 1fr;width:181px;gap:3px}
 body:not(.outside) #all-covers{grid-column:1/-1;min-height:34px}
}
@media(orientation:landscape) and (pointer:coarse){
 body:not(.outside) .environment-controls{display:flex;flex-direction:column}
 body:not(.outside) #all-covers{min-height:30px}
}

@media(min-width:651px) and (pointer:fine){
 .outside #exterior-controls nav{top:auto;bottom:16px;max-height:calc(100dvh - 138px)}
 .outside:not(.aerial-mode) #exterior-controls nav{bottom:110px;max-height:calc(100dvh - 232px)}
}

/* Revision 20: stable portrait rows and landscape safe-area lanes. */
@media(orientation:portrait) and (pointer:coarse){
 .utility-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .utility-controls button{width:100%;height:42px;min-height:42px;padding:5px 3px;font-size:12px;line-height:1.15;border-radius:5px}
 .primary-controls,body:not(.outside) .primary-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .primary-controls #location-toggle,.primary-controls #out-golden,.primary-controls #out-night,.primary-controls #upstairs{width:100%;min-width:0;height:42px;min-height:42px;padding:5px 3px;font-size:12px;border-radius:21px}
 body:not(.outside) #location-toggle{grid-area:1/1}body:not(.outside) #out-golden{grid-area:1/2}body:not(.outside) #out-night{grid-area:1/3}body:not(.outside) #upstairs{grid-area:2/1}
 .outside.aerial-mode #exterior-controls nav{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;flex-shrink:0}
 .outside.aerial-mode #exterior-controls nav button{height:auto;min-height:64px;padding:5px 2px;font-size:11px;line-height:1.2;white-space:normal;overflow-wrap:normal;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}
 .outside.aerial-mode #exterior-controls nav button:before{flex:0 0 19px;height:19px;margin:0;line-height:19px}
 .outside.aerial-mode footer{max-height:53dvh}
 .outside .environment-controls,.outside.aerial-mode .environment-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .outside .environment-controls #house-controls-toggle{display:block;position:static;inset:auto;width:100%;max-width:none;height:auto;min-height:42px;padding:5px 3px;font-size:12px;line-height:1.1;border-radius:9px;background:#315d59f2;border:1px solid #a3dfcf;box-shadow:0 3px 10px #0004}
 .outside .environment-controls #house-controls-toggle:before{content:'⚙';margin-right:3px}
 .outside.aerial-mode .environment-controls{width:100%}
 .outside .environment-controls button{min-width:0;min-height:42px;font-size:12px}
 .outside.house-controls-hidden .out-groups{display:none!important}
 .outside:not(.aerial-mode) .out-groups{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 122px);max-height:calc(100dvh - 352px)}
 .outside:not(.aerial-mode) .environment-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:181px;right:7px;bottom:103px}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 :root{--mobile-edge:max(6px,env(safe-area-inset-left));--mobile-right:max(6px,env(safe-area-inset-right));--mobile-bottom:max(6px,env(safe-area-inset-bottom))}
 header{left:var(--mobile-edge);right:var(--mobile-right);top:6px;gap:3px}
 .top-controls{height:99px}.primary-controls{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:110px}
 .primary-controls #location-toggle,.primary-controls #out-golden,.primary-controls #out-night,.primary-controls #upstairs{position:static;width:110px;min-width:110px;height:30px;min-height:30px;padding:4px 5px;font-size:11px;line-height:1.1;margin:0}
 .primary-controls #upstairs{position:fixed;left:calc(var(--mobile-edge) + 116px);top:6px}
 .utility-controls{position:fixed;right:var(--mobile-right);top:6px;display:grid;grid-template-columns:110px 110px;gap:3px;width:223px}
 .utility-controls #out-download{position:static;transform:none;grid-area:1/1;width:110px;order:0}
 .utility-controls #hide{grid-area:1/2;width:110px;order:1}
 .utility-controls #out-performance{grid-area:2/1/3/3;order:2;width:223px}
 .utility-controls button{height:30px;min-height:30px;padding:4px 5px;font-size:11px}
 .brand-label{position:fixed;left:var(--mobile-edge);top:108px;font-size:10px;letter-spacing:.6px;max-width:240px}
 #room-info,.outside #room-info{left:var(--mobile-edge);top:124px;max-width:220px}#room-name{font-size:17px}
 .outside .out-tools,.outside:not(.aerial-mode) .out-tools{left:50%;right:auto;top:6px;bottom:auto;transform:translateX(-50%);display:flex;flex-direction:row;gap:3px;width:223px}
 .outside .out-tools button{width:110px;min-width:110px;height:30px;min-height:30px;padding:4px 5px;font-size:11px;line-height:1.1}
 .outside .out-groups,.outside:not(.aerial-mode) .out-groups{left:var(--mobile-edge);right:auto;top:151px;bottom:var(--mobile-bottom);width:190px;max-width:190px;max-height:none;display:flex;flex-direction:column;gap:3px;overflow:auto;margin:0}
 .outside .out-groups fieldset{flex:0 0 auto;padding:2px 3px;gap:2px}
 .outside .out-groups legend{font-size:10px;line-height:12px}
 .outside .out-groups button{min-height:22px!important;padding:3px;font-size:11px;line-height:12px}
 .outside #exterior-controls nav{right:var(--mobile-right)}
 .environment-controls,.outside.aerial-mode .environment-controls,.outside:not(.aerial-mode) .environment-controls,body:not(.outside) .environment-controls{position:fixed;top:auto;left:50%;right:auto;bottom:var(--mobile-bottom);transform:translateX(-50%);display:flex;flex-direction:row;gap:4px;width:max-content;max-width:calc(100vw - 450px)}
 .environment-controls button{width:104px;min-width:0;min-height:30px;height:30px;padding:4px;font-size:11px;line-height:1.1}
 #house-controls-toggle{display:none!important}
 body:not(.outside) #all-covers{width:118px;min-height:30px}
}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 #move,.outside:not(.aerial-mode) #move{right:var(--mobile-right);bottom:var(--mobile-bottom)}
 body:not(.outside) #rooms{position:fixed;left:var(--mobile-edge);top:182px;bottom:var(--mobile-bottom);width:190px;max-width:190px;overflow:auto;display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px}
 body:not(.outside) #rooms button{flex:0 0 auto;min-height:25px}
 .outside.aerial-mode #exterior-controls nav{bottom:var(--mobile-bottom)}
}

/* Landscape refinement from phone feedback. */
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 :root{--mobile-edge:max(6px,calc(env(safe-area-inset-left) - 28px))}
 header .top-controls{height:36px}
 .primary-controls #location-toggle{position:fixed;left:var(--mobile-edge);top:6px;width:120px;min-width:120px;height:36px;min-height:36px}
 .primary-controls #out-golden,.primary-controls #out-night{position:fixed;top:6px;width:124px;min-width:124px;height:36px;min-height:36px;padding:4px 6px;font-size:12px;line-height:1.15;white-space:normal}
 .primary-controls #out-golden{left:calc(50% - 126px)}.primary-controls #out-night{left:calc(50% + 2px)}
 .outside .out-tools,.outside:not(.aerial-mode) .out-tools{top:46px;width:252px;gap:4px}
 .outside .out-tools #out-walk,.outside .out-tools #out-film{width:124px;min-width:124px;height:36px;min-height:36px;font-size:12px;line-height:1.15;padding:4px 5px;white-space:normal;display:flex;align-items:center;justify-content:center;gap:4px}
 .outside .out-tools button:before{flex:0 0 16px;width:16px;height:16px;margin:0}
 .brand-label{left:auto;right:var(--mobile-right);top:auto;bottom:calc(var(--mobile-bottom) + 33px);text-align:right;max-width:260px;font-size:10px;letter-spacing:.4px}
 #room-info,.outside #room-info{left:auto;right:var(--mobile-right);top:auto;bottom:var(--mobile-bottom);text-align:right;max-width:240px}
 #room-info #room-name{font-size:17px;margin:2px 0}#room-info #level{font-size:10px;margin:2px 0}
 body:not(.aerial-mode) .brand-label{bottom:calc(var(--mobile-bottom) + 112px)}
 body:not(.aerial-mode) #room-info{bottom:calc(var(--mobile-bottom) + 74px)}
 .outside .out-groups,.outside:not(.aerial-mode) .out-groups{top:50px;left:var(--mobile-edge);bottom:var(--mobile-bottom);width:190px;max-height:none}
 .outside.aerial-mode #exterior-controls nav{bottom:calc(var(--mobile-bottom) + 68px)}
 body:not(.outside) #rooms{top:86px;left:var(--mobile-edge)}
 .primary-controls #upstairs{left:var(--mobile-edge);top:46px;width:120px;min-width:120px;height:34px}
}

@media(pointer:coarse){.outside.house-controls-hidden .out-groups{display:none!important}}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 :root{--mobile-edge:6px}
 body:not(.outside) #rooms{top:auto;bottom:var(--mobile-bottom);left:6px;width:max-content;max-width:190px;max-height:calc(100dvh - 104px);gap:3px}
 body:not(.outside) #rooms button{font-size:11px;min-height:24px;padding:4px 7px;line-height:1.1;white-space:nowrap}
 .primary-controls #location-toggle,.primary-controls #upstairs{left:6px;height:30px;min-height:30px}
 .primary-controls #upstairs{top:40px}
 .primary-controls #out-golden,.primary-controls #out-night{height:30px;min-height:30px;font-size:11px;padding:3px 5px}
 .outside .out-tools,.outside:not(.aerial-mode) .out-tools{top:40px}
 .outside .out-tools #out-walk,.outside .out-tools #out-film{height:30px;min-height:30px;font-size:11px;padding:3px 5px}
 .outside #exterior-controls nav{top:auto;bottom:calc(var(--mobile-bottom) + 68px);height:auto;max-height:none;overflow:visible;gap:3px}
 .outside #exterior-controls nav button{min-height:26px;height:26px;padding:3px 4px;font-size:11px;line-height:1.1}
 .outside:not(.aerial-mode) #exterior-controls nav{bottom:184px}
 .outside .environment-controls,.outside.aerial-mode .environment-controls,.outside:not(.aerial-mode) .environment-controls{transform:none;left:calc(50% - 106px)}
 body:not(.outside) .environment-controls{transform:none;left:calc(50% - 168px)}
 .outside .environment-controls #house-controls-toggle{display:block!important;position:fixed;left:6px;right:auto;top:auto;bottom:var(--mobile-bottom);width:158px;min-width:158px;height:30px;min-height:30px;padding:4px 6px;font-size:11px;border-radius:9px;background:#315d59f2;border:1px solid #a3dfcf;box-shadow:0 3px 10px #0004}
 .outside .environment-controls #house-controls-toggle:before{content:'⚙';margin-right:4px}
 .outside .out-groups,.outside:not(.aerial-mode) .out-groups{left:6px;top:50px;bottom:calc(var(--mobile-bottom) + 36px)}
}

header #level{margin:0;line-height:14px}
@media(min-width:651px) and (pointer:fine){#room-info,.outside #room-info{top:110px}}
@media(min-width:651px) and (max-width:1150px) and (pointer:fine){#room-info,.outside #room-info{top:154px}}
@media(orientation:landscape) and (pointer:coarse) and (max-height:600px){
 header #level{position:fixed;left:auto;right:var(--mobile-right);top:auto;bottom:calc(var(--mobile-bottom) + 96px);text-align:right;font-size:10px;letter-spacing:1px}
 .brand-label{max-width:300px}
}
/* Portrait: walking actions left; indoor stairs grouped with covers. */
@media(orientation:portrait) and (pointer:coarse){
 .outside:not(.aerial-mode) #out-walk{display:none!important}
 .outside:not(.aerial-mode) .out-tools button{height:34px;min-height:34px;font-size:12px;padding:4px}
 .outside:not(.aerial-mode) .environment-controls{left:max(8px,env(safe-area-inset-left));right:auto;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 38px);width:calc(100% - 208px);max-width:177px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
 .outside:not(.aerial-mode) .environment-controls #shades,.outside:not(.aerial-mode) .environment-controls #lights{height:30px;min-height:30px;padding:3px;font-size:11px;line-height:1.1}
 .outside:not(.aerial-mode) .environment-controls #house-controls-toggle{grid-column:1/-1;height:32px;min-height:32px;font-size:11px;padding:3px}
 .outside:not(.aerial-mode) #exterior-controls nav{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 108px)}
 .outside:not(.aerial-mode) .out-groups{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 150px);max-height:calc(100dvh - 380px)}
 body:not(.outside) .environment-controls{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 83px);grid-template-rows:34px 32px;gap:3px}
 body:not(.outside) .environment-controls #all-covers{height:34px;min-height:34px}
 body:not(.outside) .primary-controls #upstairs{position:fixed;left:auto;right:7px;top:auto;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 156px);width:181px;height:34px;min-height:34px;padding:5px 7px;border-radius:5px;grid-area:auto;font-size:12px}
}

/* Revision 32: keep the portrait movement area clear. */
@media (max-width:700px) and (orientation:portrait){
 body .environment-controls,body.outside .environment-controls,body.walking-mode .environment-controls{position:fixed;left:8px;right:auto;top:42%;bottom:auto;display:flex;flex-direction:column;width:136px;gap:5px;}
 body .environment-controls button{width:136px;min-width:0;min-height:34px;font-size:11px;}
 body #upstairs{position:fixed;left:8px;right:auto;top:calc(42% - 39px);bottom:auto;width:136px;min-height:34px;border-radius:5px;}
 body #move{left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));width:100%;height:88px;transform:none;pointer-events:none;}
 body #move .arrow-pad{position:absolute;left:50%;bottom:0;transform:translateX(-50%);pointer-events:auto;}
 body #move .motion-actions{position:absolute;right:8px;left:auto;bottom:0;pointer-events:auto;}
}
@media (max-width:700px) and (orientation:portrait){
 body:not(.outside) .primary-controls #upstairs{left:8px;right:auto;top:calc(42% - 39px);bottom:auto;width:136px;min-width:136px;}
 body:not(.outside) .environment-controls,body.outside:not(.aerial-mode) .environment-controls,body.outside.aerial-mode .environment-controls{left:8px;right:auto;top:42%;bottom:auto;transform:none;display:flex;width:136px;max-width:136px;}
 body .environment-controls #all-covers,body .environment-controls #shades,body .environment-controls #lights,body .environment-controls #house-controls-toggle{position:static;width:136px;min-width:136px;max-width:136px;height:34px;}
}

@media(max-width:700px) and (orientation:portrait){
 body.outside .environment-controls,body.outside:not(.aerial-mode) .environment-controls,body.outside.aerial-mode .environment-controls{top:auto;bottom:112px;left:8px;right:auto;display:grid;grid-template-columns:1fr 1fr;width:168px;max-width:168px;gap:4px;}
 body.outside .environment-controls #shades,body.outside .environment-controls #lights{width:82px;min-width:0;max-width:none;height:32px;font-size:10px;}
 body.outside .environment-controls #house-controls-toggle{display:block!important;grid-column:1/-1;width:168px;min-width:0;max-width:none;font-size:11px;}
 body:not(.outside) .environment-controls{width:120px;max-width:120px;}
 body:not(.outside) .environment-controls button,body:not(.outside) .primary-controls #upstairs{width:120px;min-width:120px;max-width:120px;min-height:28px;height:28px;padding:4px 6px;font-size:11px;}
 body:not(.outside) #rooms button{width:120px;min-height:28px;font-size:11px;}
 body #move .arrow-pad{left:calc(50% + 18px);}
}

/* Portrait controls: one compact rhythm, with the mechanism panel expanding upward. */
@media(max-width:700px) and (orientation:portrait){
 body:not(.outside){--compact-button-width:112px;--compact-button-height:28px;--control-gap:3px}
 body:not(.outside) #rooms{width:var(--compact-button-width);max-width:var(--compact-button-width);gap:var(--control-gap)}
 body:not(.outside) #rooms button,
 body:not(.outside) .environment-controls #all-covers,
 body:not(.outside) .environment-controls #shades,
 body:not(.outside) .environment-controls #lights,
 body:not(.outside) .primary-controls #upstairs{width:var(--compact-button-width);min-width:0;max-width:var(--compact-button-width);height:var(--compact-button-height);min-height:var(--compact-button-height);padding:3px 4px;font-size:10px;line-height:1.15;text-align:center;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:5px;white-space:nowrap}
 body:not(.outside) .environment-controls{width:var(--compact-button-width);max-width:var(--compact-button-width);gap:var(--control-gap);grid-template-rows:none}
 body:not(.outside) .primary-controls #upstairs{top:calc(42% - 31px);left:8px;right:auto;bottom:auto}
 body:not(.outside) #upstairs:before,body:not(.outside) #all-covers:before{margin:0;font-size:12px}
 body.outside footer,body.outside.aerial-mode footer,body.outside:not(.aerial-mode) footer{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;min-width:0;max-width:none;max-height:calc(100dvh - 160px);padding:0;overflow:visible;display:flex;flex-direction:column;gap:4px;background:none}
 body.outside:not(.aerial-mode) footer{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 94px);max-height:calc(100dvh - 260px)}
 body.outside #exterior-controls{display:contents}
 body.outside #exterior-controls nav{position:static;inset:auto;transform:none;order:1;width:100%;max-width:none;height:auto;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 body.outside #exterior-controls .out-tools{position:static;inset:auto;transform:none;order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;margin:0;gap:4px}
 body.outside .environment-controls,body.outside.aerial-mode .environment-controls,body.outside:not(.aerial-mode) .environment-controls{position:static;inset:auto;transform:none;order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;margin:0;gap:4px;align-self:stretch}
 body.outside .environment-controls #shades{grid-area:1/1}
 body.outside .environment-controls #house-controls-toggle{grid-area:1/2;display:flex!important}
 body.outside .environment-controls #lights{grid-area:1/3}
 body.outside #exterior-controls nav button,
 body.outside #exterior-controls .out-tools button,
 body.outside .environment-controls #shades,
 body.outside .environment-controls #lights,
 body.outside .environment-controls #house-controls-toggle,
 body.outside #house-controls button{position:static;inset:auto;width:100%;min-width:0;max-width:none;height:32px;min-height:32px!important;margin:0;padding:3px;font-size:10px;line-height:1.1;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;text-align:center;white-space:normal}
 body.outside #exterior-controls button:before,body.outside .environment-controls button:before{margin:0;font-size:12px;flex:0 0 13px;width:13px;height:13px;line-height:13px}
 body.outside #exterior-controls .out-groups,body.outside:not(.aerial-mode) #exterior-controls .out-groups{position:static;inset:auto;transform:none;order:0;width:100%;max-width:none;max-height:calc(100dvh - 310px);overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:4px;background:#182323ed;border:1px solid #ffffff40;border-radius:7px;pointer-events:auto}
 body.outside:not(.aerial-mode) #exterior-controls .out-groups{max-height:calc(100dvh - 370px)}
 body.outside #house-controls fieldset{padding:3px;gap:4px;min-width:0}
 body.outside #house-controls legend{font-size:10px;line-height:12px}
 body.outside.house-controls-hidden #exterior-controls .out-groups{display:none!important}
 body.outside:not(.aerial-mode) #exterior-controls nav button:not([data-out-view="aerial"]){display:none}
 body.outside:not(.aerial-mode) #exterior-controls nav{grid-template-columns:1fr}
 body.outside:not(.aerial-mode) #exterior-controls #out-walk{display:flex!important}
}