.resort-panel{position:absolute;z-index:25;left:var(--edge,24px);top:calc(108px + env(safe-area-inset-top));width:360px;max-height:calc(100dvh - 165px - env(safe-area-inset-top));overflow:auto;padding:18px 20px;border-radius:20px;background:#f6f5ef;color:#28382e;box-shadow:0 12px 40px #18352324}
.resort-panel[hidden]{display:none!important}.resort-heading{display:flex;align-items:center;justify-content:space-between}.resort-heading h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0}.resort-heading .osm-close{position:static;width:44px;height:44px;background:transparent;border:0;color:#63735f;font-size:26px}.resort-heading h2:focus{outline:none}
.resort-activities{display:flex;gap:4px;background:#e9ece3;padding:4px;border-radius:12px;margin:8px 0 10px}.resort-activities button{flex:1;min-height:40px;padding:0 8px;border-radius:9px;background:transparent;font-size:12px;font-weight:550;color:#526850}.resort-activities [aria-pressed=true]{background:#fffef9;color:#263f32;box-shadow:0 2px 7px #1937240a}
.resort-region{font-size:11px;color:#667660;margin:0 0 12px}.resort-fields{display:grid;gap:8px}.resort-fields label{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px}.resort-fields label>span{font-size:11px;color:#60715c}.resort-fields select{width:100%;min-height:46px;padding:9px 30px 9px 11px;border:1px solid #d9dfd3;border-radius:11px;background-color:#fffef9;color:#2e4636;font:inherit;font-size:13px;text-overflow:ellipsis}
.resort-preferences{margin:17px 0 0;padding:0;border:0}.resort-preferences legend{padding:0;font-size:11px;color:#60715c}.resort-grades{display:flex;gap:6px;margin-top:8px}.resort-grades button{flex:1;min-height:42px;border:1px solid #d9dfd3;background:#fffef9;border-radius:10px;color:#405542;font-size:12px}.resort-grades button:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#526559}.resort-grades [data-grade=easy]:before{background:#337abb}.resort-grades [data-grade=intermediate]:before{background:#b65e67}.resort-grades [data-grade=advanced]:before{background:#343f43}.resort-grades [aria-pressed=true]{outline:2px solid #3f6752;outline-offset:-2px;background:#edf2e8}
.resort-ungroomed{display:flex;gap:10px;align-items:center;min-height:46px;font-size:12px;color:#405542}.resort-ungroomed input{width:18px;height:18px;accent-color:#365c48;margin:0}.resort-status,.resort-place-note{font-size:12px;line-height:1.5;margin:10px 0;color:#536c5e}.resort-status[data-error=true],.resort-place-note{color:#845d36}.resort-panel>button{min-height:44px;padding:0 14px;background:#e5ecdf;color:#315744;border-radius:10px}
.resort-summary{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:2px 0 14px}.resort-summary strong{font-size:25px;font-weight:500;letter-spacing:-.8px}.resort-summary>span{grid-column:1;font-size:11px;color:#63735f}.resort-summary button{grid-column:2;grid-row:1/3;align-self:center;min-height:44px;padding:0 13px;border-radius:11px;background:#345c48;color:#fffef9;font-size:12px}
.resort-steps{list-style:none;margin:15px 0;padding:0}.resort-steps li{display:flex;gap:11px;align-items:center;padding:11px 0;border-top:1px solid #dce2d4}.resort-step-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e1e7da;color:#365c48;font-size:18px}.resort-steps strong{display:block;font-size:13px;font-weight:550}.resort-steps li div>span{display:block;font-size:11px;color:#63735f;margin-top:3px}.resort-notice{padding:12px 14px;border:1px solid #e2ddcc;border-radius:12px;background:#efeee3;color:#64634d;font-size:11px;line-height:1.5}.resort-notice p{margin:0 0 6px}.resort-notice a,.resort-details a{color:#42664d;text-underline-offset:3px}.resort-details{font-size:11px;color:#63735f;line-height:1.6;margin-top:10px}.resort-details summary{cursor:pointer;min-height:40px;display:flex;align-items:center}.resort-details p{margin:0 0 10px}.resort-panel button:focus-visible,.resort-panel select:focus-visible,.resort-panel input:focus-visible{outline:2px solid #47745b;outline-offset:2px}
.route-activity:has(#route-resort){gap:2px}.route-activity:has(#route-resort) button{min-width:0;padding:0 9px;gap:5px}.route-activity:has(#route-resort) button svg{width:18px}.route-activity:has(#route-resort) .route-clear{padding:0 4px;font-size:10px}.route-activity #route-resort{font-size:11px}
@media(max-width:600px),(max-height:520px) and (pointer:coarse){.resort-panel.tool-tray .resort-heading{display:none}.resort-panel.tool-tray .resort-activities{margin-top:0}.resort-panel.tool-tray .resort-fields select{font-size:16px}.resort-panel.tool-tray .resort-grades button,.resort-panel.tool-tray .resort-activities button{min-height:44px}.route-activity:has(#route-resort) button{padding:0 6px}.route-activity:has(#route-resort) button svg{width:17px}.resort-panel.tool-tray .resort-summary{padding-top:2px}}