#destination-panel{width:min(540px,calc(100vw - 24px));left:50%;right:auto;transform:translateX(-50%);padding:8px;display:grid;grid-template-columns:2fr 1fr;gap:7px}
#destination-panel>.view-tools{grid-template-columns:repeat(2,1fr);gap:7px}
#destination-options>summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:1px solid #8db8ad;border-radius:10px;background:#143a3eef;padding:7px 3px;font:600 14px system-ui;cursor:pointer;touch-action:manipulation;list-style:none}
#destination-options>summary::-webkit-details-marker{display:none}
#destination-options>summary:focus-visible{outline:3px solid #ffe296;outline-offset:2px}
#destination-panel:has(#destination-options[open]){z-index:90!important}
#destination-options-content{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:calc(100dvh - 210px);overflow:auto;overscroll-behavior:contain;background:#122c32f5;border:1px solid #71968d;border-radius:15px;padding:10px;backdrop-filter:blur(8px)}
.secondary-view-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:0}
#destination-panel>#destination-status{grid-column:1/-1;margin:0;min-height:18px;max-height:54px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;text-align:center}
#destination-status:focus-visible{outline:3px solid #ffe19a;outline-offset:2px}
#walk-controls,body.has-experience #walk-controls{bottom:152px}
#resident-bubble{transform:none;overflow:auto;overscroll-behavior:contain;pointer-events:auto;z-index:45;scrollbar-width:thin}
#resident-bubble:focus-visible{outline:3px solid #ffe19a;outline-offset:2px}
#destination-clear-row{display:none}
#destination-panel:has(.climate-destination-docked details[open]){z-index:90!important}
#resident-dialogue p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6}
#resident-dialogue{max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:600px),(orientation:landscape) and (max-height:500px){
 #destination-clear-row{display:flex;grid-column:1/-1;gap:7px;align-items:stretch;min-width:0}
 #destination-clear-row .climate-destination-docked{position:relative!important;inset:auto!important;transform:none!important;width:120px!important;flex:0 0 120px;padding:0;background:transparent;border:0;backdrop-filter:none}
 #destination-clear-row .climate-summary{border:1px solid #8db8ad;border-radius:10px;padding:7px;min-height:44px;min-width:44px}
 #destination-clear-row .climate-fields{position:absolute;bottom:calc(100% + 8px);left:0;width:184px;box-sizing:border-box;padding:10px;background:#14343bf5;border:1px solid #8db8ad;border-radius:12px;max-height:calc(100dvh - 240px)!important;overflow:auto}
 #resident-dialogue-open{flex:1;min-width:44px;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:7px}
 #walk-controls,body.has-experience #walk-controls{bottom:194px!important}
}
@media(orientation:landscape) and (max-height:500px){#walk-controls,body.has-experience #walk-controls{bottom:184px!important}}
@media(max-width:600px),(orientation:landscape) and (max-height:500px){
 #destination-panel{width:min(540px,calc(100vw - 24px));left:50%;right:auto;transform:translateX(-50%);bottom:max(8px,env(safe-area-inset-bottom));padding:8px;display:grid;grid-template-columns:2fr 1fr;gap:7px}
 #destination-panel>.view-tools{gap:7px}
 #destination-panel:has(#destination-options[open]){z-index:90!important}
 #destination-options>summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:1px solid #8db8ad;border-radius:10px;background:#143a3eef;padding:7px 3px;font:600 12px system-ui;cursor:pointer;touch-action:manipulation;list-style:none}
 #destination-options>summary::-webkit-details-marker{display:none}#destination-options>summary:focus-visible{outline:3px solid #ffe296;outline-offset:2px}
 #destination-options-content{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:calc(100dvh - 210px);overflow:auto;overscroll-behavior:contain;background:#122c32f5;border:1px solid #71968d;border-radius:15px;padding:10px;backdrop-filter:blur(8px)}
 .secondary-view-tools{margin-top:0}#walk-controls,body.has-experience #walk-controls{bottom:194px!important}
}
@media(orientation:landscape) and (max-height:500px){#destination-options-content{box-sizing:border-box;max-height:max(44px,calc(100dvh - 260px - env(safe-area-inset-bottom)))}#walk-controls,body.has-experience #walk-controls{bottom:184px!important;flex-direction:row}#walk-controls>div{display:contents}}