#install:not([hidden]){font-weight:700;color:#fff;background:#7653a1;border:1px solid #694695;min-height:44px;white-space:nowrap}#installDialog .install-art{font-size:54px;text-align:center;margin:5px 0 12px}#installDialog h2{text-align:center;font-size:25px}#installDialog p{font-size:14px;line-height:1.6}#installSteps ol{padding-left:24px;margin:20px 0}#installSteps li{padding:6px 0 6px 6px;font-size:14px;line-height:1.6}#installSteps li::marker{color:#7653a1;font-weight:800}#installDialog .fineprint{font-size:12px}#installFeedback{overflow-wrap:anywhere;color:#65418d}#installDialog .secondary{width:100%}
/* Installation has its own prominent place above the map controls. */
header #install:not([hidden]){pointer-events:auto;margin-left:auto;margin-right:24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border:1px solid #a78ac7;border-radius:16px;background:linear-gradient(120deg,#8159b0,#694695);color:#fff;font-size:15px;font-weight:800;box-shadow:0 6px 20px #7653a140;white-space:nowrap}
header #install:not([hidden]):hover{background:#63418e}header #install>span{font-size:24px;line-height:1}#androidDownload{color:white}#androidHelp{font-size:13px}
@media(max-width:700px){
 header #install:not([hidden]){position:absolute;top:96px;left:12px;right:12px;margin:0;width:calc(100% - 24px);min-height:48px;font-size:15px;padding:10px 14px}
 body.install-available header{height:154px}
 body.install-available .top-pills{top:163px}
 body.install-available .map-options-panel{top:215px;max-height:calc(100dvh - 276px)}
 body.install-available .map-tools{top:272px}
 body.install-available #selection,body.install-available #alertBanner{top:217px}
}
/* Compact header and balanced map controls. */
header #install:not([hidden]){min-height:42px;padding:8px 18px;font-size:14px;border-radius:14px;box-shadow:0 4px 14px #7653a12b}
header #install>span{font-size:21px}
.top-pills{justify-content:flex-end;gap:10px}
.top-pills #mapLimit{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;height:42px;padding:7px 10px;border:1px solid #d8c8e7;border-radius:14px;font-size:12px;line-height:1.2;flex:none;white-space:nowrap}
#mapLimit>svg{display:block;width:24px;height:24px;min-width:24px;max-width:24px;flex:0 0 24px}
.top-pills #mapOptions{min-height:42px;height:42px;border-radius:14px}
@media(max-width:700px){
 header{height:96px;padding:0 14px}
 header .brand{position:absolute;top:30px;left:14px;gap:3px}
 header .brand img.brand-logo{width:min(205px,calc(100vw - 100px));max-height:45px;border-radius:0;transform:none}
 header .profile-button{position:absolute;top:28px;right:14px;width:54px;height:54px;font-size:34px}
 header #install:not([hidden]){top:104px;left:14px;right:14px;width:calc(100% - 28px);min-height:42px;height:42px;padding:7px 12px;font-size:14px}
 body.install-available header{height:150px}
 .top-pills{left:14px;right:14px;top:104px;gap:8px;justify-content:space-between}
 body.install-available .top-pills{top:156px}
 .top-pills #mapLimit{min-height:42px;height:42px;padding:7px 9px;font-size:11px}
 .top-pills #mapOptions{padding:8px 11px;font-size:11px}
 .map-sharing{gap:5px}.map-sharing strong{font-size:10px}
 .map-tools{top:160px;right:14px}
 body.install-available .map-tools{top:212px}
 .map-options-panel{top:156px;max-height:calc(100dvh - 220px)}
 body.install-available .map-options-panel{top:208px;max-height:calc(100dvh - 272px)}
 #selection,#alertBanner{top:156px}
 body.install-available #selection,body.install-available #alertBanner{top:208px}
}
@media(max-width:360px){.top-pills{gap:5px}.top-pills #mapLimit{padding:7px;font-size:10px}.top-pills #mapOptions{padding:8px;font-size:10px}.map-sharing{gap:3px}}
