#title{max-width:calc(100% - 330px)}#title h1{font-size:18px}.sub{font-size:12px;color:var(--mut);margin-top:4px;line-height:1.4}
.tabs{display:flex;gap:6px;margin-top:8px}.tabs button{padding:5px 14px}.tabs button.on{background:var(--ac);color:#fff;border-color:var(--ac)}
#panel{width:290px;max-height:calc(100% - 32px)}body.prof #panel{max-height:calc(62% - 32px)}
#feats label,#tracts label{font-size:13px;align-items:flex-start}#feats i,#tracts i{display:inline-block;width:14px;height:6px;border-radius:2px;margin-top:6px;flex:none}
.dl a{display:block;font-size:13px;color:var(--ac);padding:3px 0;text-decoration:none}.dl a:hover{text-decoration:underline}
.notes{font-size:11.5px;line-height:1.45;color:#333}.notes p{margin:0 0 6px}.notes b.as{color:#b45309}
#gos button{font-size:12px;padding:6px 6px}
#prof{position:fixed;left:16px;right:16px;bottom:16px;height:34%;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:var(--r);box-shadow:0 8px 30px rgba(20,40,70,.18);display:none;flex-direction:column;padding:8px 12px}
body.prof #prof{display:flex}body.prof #hint,body.prof #info{bottom:calc(34% + 26px)}#info{max-height:50vh;overflow:auto}
.ph{font-size:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ph .k{color:var(--mut);font-size:11.5px}.pb{margin-left:auto;display:flex;gap:4px}.pb button{padding:3px 8px;font-size:12px}
#pc{flex:1;width:100%;min-height:0;cursor:crosshair}#picks{font-size:12px;max-height:44px;overflow:auto;color:#222}
#picks span{display:inline-block;margin-right:12px;background:#eef3ff;border-radius:6px;padding:1px 6px;margin-bottom:2px}
.lbl{font:600 11px system-ui,Arial;color:#111;background:rgba(255,255,255,.85);padding:1px 5px;border-radius:5px;white-space:nowrap;border-left:3px solid var(--c,#111);pointer-events:none}
.mp{font:600 10px system-ui,Arial;color:#fff;background:rgba(20,30,50,.75);padding:0 4px;border-radius:3px;pointer-events:none;white-space:nowrap}
.dim{font:600 10px system-ui,Arial;color:#0b3d91;background:rgba(255,255,255,.85);padding:0 3px;border-radius:3px;white-space:nowrap;pointer-events:none}
#compass{display:flex;top:auto;bottom:16px;left:auto;right:322px}body.prof #compass{bottom:calc(34% + 26px)}
@media(max-width:760px){#title{max-width:calc(100% - 70px)}#panel{width:auto;left:16px}#panelBody{display:none}#panel.open #panelBody{display:block}#panelToggle{display:block}}

body.hide-lbl .lbl:not(.plbl):not(.pick){display:none!important}body.hide-mpl .mp{display:none!important}body.hide-plbl .plbl{display:none!important}

#nav{position:fixed;left:16px;right:322px;top:110px;background:var(--bg);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 30px rgba(20,40,70,.15);border-radius:12px;padding:6px 8px;z-index:4}
.navrow{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.navrow button{padding:5px 9px;font-size:12px}.navrow button.on{background:var(--ac);color:#fff}
#goq{flex:1;min-width:160px;font:inherit;font-size:13px;padding:6px 10px;border:1px solid #d6dde6;border-radius:10px}
.sync{font-size:12px;display:flex;gap:4px;align-items:center;color:var(--mut)}
#strip{display:block;width:100%;height:58px;margin-top:6px;cursor:pointer;touch-action:none;border-radius:8px;background:#eef3f8}
#boxsel{position:fixed;border:2px dashed #2f6fed;background:rgba(47,111,237,.12);pointer-events:none;display:none;z-index:6}
@media(max-width:760px){#nav{left:8px;right:8px}.sync{display:none}#strip{height:46px}.navrow button{padding:6px 8px}}
@media(max-width:760px){
#title{left:8px;top:8px;right:60px;max-width:none;padding:8px 10px}#title h1{font-size:14px}#title .sub{display:none}
#panel{left:auto!important;right:8px;top:8px;width:44px;padding:4px;max-height:calc(100% - 16px)}#panel.open{width:min(320px,calc(100% - 16px))!important}
#panel #panelBody{display:none!important}#panel.open #panelBody{display:block!important}#panelToggle{display:block!important}
#prof{left:8px;right:8px;bottom:8px;height:40%}.ph .k{display:none}#hint{display:none}
#compass{right:12px!important}}
@media(max-width:760px){#panel{width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center}#panel.open{height:auto;display:block;padding:10px}#panelToggle{font-size:22px!important;float:none!important;color:#1d2530}}
@media(max-width:760px){#panel:not(.open){width:58px!important;height:40px!important;left:auto!important;right:8px!important;overflow:hidden}#title{right:74px!important}}

#prog{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:20;background:rgba(29,37,48,.82);color:#fff;font-size:12px;padding:4px 12px 4px 26px;border-radius:12px;transition:opacity .3s;pointer-events:none}#prog i{position:absolute;left:9px;top:7px;width:10px;height:10px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:sp 0.8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
@media(max-width:760px){#panel #panelToggle{display:block!important;font-size:13px!important;margin:auto}}
