/* Compact controls leave the 3D scene visible. Walking retains its full-screen HUD. */
body:not(.walking-active) header{height:56px;gap:14px;padding:0 14px}
body:not(.walking-active) .brand span{display:none}
.head-actions{position:relative}.extra-actions{position:absolute;top:44px;right:0;padding:8px;display:grid;gap:6px;width:220px;border:1px solid #536474;border-radius:10px;background:#253544;box-shadow:0 8px 24px #10233040}
.extra-actions button{text-align:left;min-height:40px;width:100%}#fullscreen{width:100%;font-size:16px}
body:not(.walking-active) .scene-heading{top:76px;left:390px}
body:not(.walking-active):has(#panel[hidden]) .scene-heading{left:84px}
body:not(.walking-active) .scene-heading h2{font-size:18px}
body:not(.walking-active) .view-tools{top:112px;left:390px;right:auto;max-width:calc(100vw - 402px);padding:5px;gap:5px;flex-wrap:wrap;border-radius:10px;z-index:14;box-shadow:0 3px 14px #152c4020}
body:not(.walking-active):has(#panel[hidden]) .view-tools{left:84px;max-width:calc(100vw - 96px)}
body:not(.walking-active) .view-tools>button{font-size:14px;min-height:40px;padding:8px 11px}
body:not(.walking-active) .view-tools>button.primary{background:#2862a0;border:1px solid #2862a0;color:#fff}
.camera-options{position:absolute;left:0;top:55px;padding:7px;display:grid;gap:5px;min-width:205px;background:#f8f9fb;border:1px solid #c5cfda;border-radius:10px;box-shadow:0 8px 24px #152c4040}
.camera-options button{text-align:left;min-height:40px;font-size:14px}
body:not(.walking-active) #panel{top:66px;left:74px;bottom:92px;width:296px;border:1px solid #cbd5df;border-radius:12px;box-shadow:0 6px 24px #152c4030}
body:not(.walking-active) .transport{left:74px;right:12px;bottom:12px;min-height:62px;padding:9px 12px;gap:7px;border-radius:12px;box-shadow:0 5px 20px #152c4030}
body:not(.walking-active) .transport:not(.expanded) #clock-controls,body:not(.walking-active) .transport:not(.expanded) .track{display:none}
body:not(.walking-active) .transport.expanded{min-height:150px}
body:not(.walking-active) .transport .time{min-width:110px;margin:0 5px}
body:not(.walking-active) .transport .time small{font-size:11px;margin-bottom:2px}
body:not(.walking-active) .transport .time strong{font-size:21px}
body:not(.walking-active) .transport #speed{margin-left:auto;min-height:40px}
body:not(.walking-active) #timeline-toggle{font-size:13px;padding:8px 10px;min-height:40px}
body:not(.walking-active) #clock-controls{order:8;flex:1 0 100%;justify-content:flex-end;margin:0}
body:not(.walking-active) .track{padding:0;order:10}
body:not(.walking-active) .transport .stat,body:not(.walking-active) .transport .sim-badge,body:not(.walking-active) .transport .transport-divider{display:none}
body:not(.walking-active) .scene-foot{left:84px;bottom:85px;font-size:11px;color:#415261;text-shadow:0 1px 2px #fff}
body:not(.walking-active):has(.transport.expanded) .scene-foot{bottom:174px}
body:not(.walking-active):has(.transport.expanded) #panel{bottom:180px}
body:not(.walking-active) #navigation-hint{bottom:94px}
body:not(.walking-active) #toast{bottom:96px;max-width:calc(100vw - 100px)}
.download-tray{position:fixed;right:16px;bottom:96px;z-index:50;max-width:calc(100vw - 96px);display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #cad5df;border-radius:10px;box-shadow:0 4px 20px #152c4030}
.download-tray .download-ready{position:static!important;overflow-wrap:anywhere;padding:0!important;box-shadow:none!important;border:0!important}
.download-tray button{min-width:40px;flex-shrink:0}
.park-shortcuts button{min-height:40px}.place{border-radius:7px}.hint,.source-note{line-height:1.65}
@media(max-width:950px){body:not(.walking-active):has(#panel:not([hidden])) .scene-heading,body:not(.walking-active):has(#panel:not([hidden])) .view-tools{visibility:hidden}}
@media(max-width:700px){
 body:not(.walking-active) header{height:94px;display:grid;grid-template-rows:38px 40px;gap:4px 8px;padding:5px 8px}
 body:not(.walking-active) .mode-switch button{font-size:13px;min-height:36px;white-space:nowrap}
 body:not(.walking-active) .tools{top:94px;width:56px}
 body:not(.walking-active) #panel{top:104px;left:64px;bottom:104px;width:calc(100vw - 76px)}
 body:not(.walking-active) .scene-heading,body:not(.walking-active):has(#panel[hidden]) .scene-heading{top:112px;left:70px;right:12px}
 body:not(.walking-active) .view-tools,body:not(.walking-active):has(#panel[hidden]) .view-tools{top:147px;left:68px;right:auto;max-width:calc(100vw - 80px);gap:4px;padding:4px}
 body:not(.walking-active) .view-tools>button{font-size:13px;padding:7px 8px;min-height:38px}
 body:not(.walking-active) #scene-day,body:not(.walking-active) #traffic-quick{display:none}
 body:not(.walking-active) .transport{left:64px;right:10px;bottom:10px;min-height:74px;padding:8px;gap:5px}
 body:not(.walking-active) .transport #restart,body:not(.walking-active) .transport #step-back{display:none}
 body:not(.walking-active) .transport .time{min-width:79px;margin:0 1px}
 body:not(.walking-active) .transport .time small{font-size:9px}.transport .time strong{font-size:18px!important}
 body:not(.walking-active) .transport #speed{min-width:38px;margin-left:auto;font-size:13px}
 body:not(.walking-active) #timeline-toggle{font-size:11px;padding:5px;min-height:40px}
 body:not(.walking-active) .scene-foot{left:70px;right:8px;bottom:94px;font-size:9px}
 body:not(.walking-active) .scene-foot span:last-child{font-size:9px}
 body:not(.walking-active) #clock-controls{flex-wrap:wrap;justify-content:flex-start;gap:7px}
 body:not(.walking-active) #clock-controls label{display:grid;gap:3px;font-size:12px}
 body:not(.walking-active) .transport.expanded{min-height:190px}
 body:not(.walking-active):has(.transport.expanded) #panel{bottom:210px}
 body:not(.walking-active):has(.transport.expanded) .scene-foot{bottom:209px}
 .compass{right:10px}.extra-actions{width:205px}
}