.detail-panel{position:absolute;top:12px;right:12px;bottom:12px;z-index:500;display:flex;width:min(720px,calc(100vw - 24px));flex-direction:column;gap:14px;overflow:hidden;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#fafcfbf5;box-shadow:0 22px 60px #0f231f40;padding:18px}.detail-panel--thermals{width:min(1280px,calc(100vw - 72px))}.sheet-handle{display:none}.panel-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:16px}.panel-header h2{margin:0;color:#10201d;font-size:1.22rem;line-height:1.1}.eyebrow{margin:0 0 4px;color:#52635e;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.icon-button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid rgb(13 42 36 / .12);border-radius:8px;background:#fff;color:#30433f;cursor:pointer;font-size:1.1rem;font-weight:800}.icon-button:hover{background:#eef6f3}.panel-placeholder{display:grid;min-height:180px;place-items:center;color:#52635e}.rating-strip{display:flex;justify-content:space-between;gap:12px;border-radius:8px;padding:11px 12px;color:#17211f;font-weight:800}.rating-strip span:first-child{text-transform:capitalize}.rating-strong{background:#fed7aa}.rating-good{background:#bbf7d0}.rating-weak{background:#fde68a}.rating-neutral{background:#dbeafe}.tabs{display:grid;flex:0 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:8px;background:#e7efec;padding:5px}.tabs button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#4f615c;cursor:pointer;font-weight:800}.tabs button.active{background:#fff;color:#0f5f59;box-shadow:0 4px 14px #152c271a}@media(min-width:721px){.app-shell--raster-emagram-docked .detail-panel--emagram{width:var(--raster-emagram-panel-width);background:#fdfdfd}}@media(max-width:720px){.detail-panel{inset:78px 0 8px;width:100%;max-height:none;border-right:0;border-bottom:1px solid rgb(10 34 30 / .12);border-left:0;border-radius:8px;padding:10px 14px 16px}.detail-panel--thermals{width:100%;overflow-y:auto;overscroll-behavior-y:contain}.sheet-handle{display:block;width:46px;height:4px;flex:0 0 auto;align-self:center;border-radius:999px;background:#c6d6d1}}@media(min-width:721px)and (max-height:820px){.detail-panel{gap:10px;padding:12px}.panel-header{align-items:center}.panel-header h2{font-size:1.06rem}.panel-header .eyebrow{margin-bottom:2px;font-size:.6rem}.detail-panel .time-slider{gap:6px;padding:8px 10px}.detail-panel .time-slider>span{font-size:.86rem;line-height:1.15}.detail-panel .time-slider-row{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap)}.detail-panel .step-button{width:var(--mobile-step-button-size);height:48px}.detail-panel .step-labels{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap);font-size:.66rem}.detail-panel .tabs button{min-height:34px}}.chart-card{border:1px solid #dce7e3;border-radius:8px;background:#fff;padding:6px}.detail-panel>.chart-card{display:grid;flex:1 1 0;min-height:0;overflow:hidden}.swipeable-chart{touch-action:pan-y;-webkit-user-select:none;user-select:none}.thermal-grid{display:grid;gap:5px}.thermal-row{display:grid;grid-template-columns:44px repeat(var(--step-count, 4),minmax(8px,1fr));gap:5px;align-items:center}.height-label{color:#64756f;font-size:.72rem;font-weight:800;text-align:right}.thermal-cell{min-height:24px;border-radius:5px;background:color-mix(in srgb,#f4f8f6,#f59e0b calc(var(--intensity) * 100%));outline:1px solid rgb(15 42 37 / .06)}.thermal-cell.active{outline:2px solid #0f766e}.chart-footer{display:flex;justify-content:space-between;margin-top:9px;color:#64756f;font-size:.75rem;font-weight:800}.lapse-plot-card{padding:8px}.lapse-plot-scroll{width:100%;height:100%;min-width:0;overflow:hidden}.lapse-plot{display:block;width:100%;min-height:430px}.detail-panel>.chart-card .lapse-plot{height:100%;min-height:0}.lapse-plot-bg{fill:#fbfdfc}.lapse-plot image{image-rendering:auto}.lapse-plot-frame{fill:none;stroke:#d4e2de;stroke-width:1}.lapse-hour-grid{stroke:#fff;stroke-width:1;opacity:.18}.lapse-day-grid{stroke:#263b35;stroke-width:1.2;opacity:.25}.lapse-hour-tick,.lapse-day-tick{stroke:#506760;stroke-width:1}.lapse-hour-tick{opacity:.34}.lapse-day-tick{opacity:.72}.lapse-selected-time-line{stroke:#10201d;stroke-linecap:round;stroke-width:2;opacity:.62}.lapse-cloud-field{fill:#aeb8bc;pointer-events:none}.lapse-selected-label,.lapse-day-label{fill:#263b35}.lapse-hour-label{opacity:.58}.lapse-wind-barbs .wind-barb line,.lapse-wind-barbs .wind-barb path,.lapse-wind-barbs .wind-barb circle{stroke:#15201d;stroke-width:1.8;opacity:.28}.lapse-wind-barbs .wind-barb .wind-pennant{fill:#15201d;opacity:.24}.lapse-plot text{fill:#64756f;font-size:14px;font-weight:800}.lapse-plot .axis-label{fill:#70817c;font-size:13px}.lapse-plot .axis-title{fill:#394d48;font-size:14px}.emagram{display:block;width:100%;min-height:570px}.detail-panel>.chart-card .emagram{height:100%;min-height:0}.emagram-plot-bg{fill:#fbfdfc;stroke:#d4e2de;stroke-width:1}.emagram-wind-bg{fill:#fff;stroke:#d4e2de;stroke-width:1}.grid-line{stroke:#dde9e5;stroke-width:1}.altitude-line{stroke:#d7e4e0}.emagram-isotherm{stroke:#2563eb;stroke-width:1;opacity:.11}.emagram-dry-line{stroke:#92400e;stroke-width:1;opacity:.105}.emagram-mixing-ratio-line{fill:none;stroke:#0f8a4b;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;opacity:.2}.ground-mask{fill:#d6dbd9;opacity:.82}.wind-grid-line{stroke:#dfe9e6;stroke-width:1;opacity:.7}.temp-line,.dew-line,.wind-speed-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.temp-segment{stroke-linecap:round;stroke-width:5}.dew-line{stroke:#2563eb;stroke-width:2.4;opacity:.72}.wind-speed-line{stroke:#2563eb;stroke-width:1.8;opacity:.46}.temp-dot{fill:#dc2626}.emagram text{fill:#64756f;font-size:14px;font-weight:800}.emagram .axis-label{fill:#70817c;font-size:13px}.emagram .axis-title{fill:#394d48;font-size:14px}.wind-barb line,.wind-barb path{stroke:#171f1c;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;opacity:.82}.wind-barb line{fill:none}.wind-barb .wind-pennant{fill:#171f1c}.wind-barb.calm circle{fill:none;stroke:#171f1c;stroke-width:2;opacity:.82}@media(max-width:720px){.emagram{min-height:500px}.emagram text{font-size:19px}.emagram .axis-label{font-size:18px}.emagram .axis-title{font-size:19px}.lapse-plot{width:780px;max-width:none;min-height:390px}.detail-panel--thermals>.lapse-plot-card{flex:0 0 auto}.lapse-plot-scroll{height:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.detail-panel--thermals>.chart-card .lapse-plot{height:auto;min-width:780px}.lapse-plot text{font-size:22px}.lapse-plot .axis-label{font-size:21px}.lapse-plot .axis-title{font-size:22px}}@media(min-width:721px)and (max-height:820px){.detail-panel>.chart-card .emagram text{font-size:18px}.detail-panel>.chart-card .emagram .axis-label{font-size:17px}.detail-panel>.chart-card .emagram .axis-title{font-size:18px}.detail-panel>.chart-card .lapse-plot text{font-size:17px}.detail-panel>.chart-card .lapse-plot .axis-label{font-size:16px}.detail-panel>.chart-card .lapse-plot .axis-title{font-size:17px}}.xc-planner-shell{position:absolute;inset:0;z-index:330;overflow:hidden;background:#f4f5f2}.xc-planner-map{position:absolute;inset:0;z-index:1;background:transparent!important}.xc-planner-map.leaflet-container{background:transparent}.planner-topo-tile{filter:saturate(.46) contrast(.74) brightness(1.16);opacity:.86!important}.planner-panel{position:absolute;z-index:460;border:1px solid rgb(10 34 30 / .14);border-radius:8px;background:#ffffffeb;box-shadow:0 12px 34px #152c272e;color:#17211f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.planner-menu-panel{top:76px;right:12px;display:grid;width:min(148px,calc(100vw - 24px));max-height:calc(100vh - 92px);gap:5px;overflow:auto;padding:7px}.planner-mode-control{display:grid;grid-template-columns:1fr;gap:3px;border:1px solid rgb(10 34 30 / .1);border-radius:8px;background:#eef6f3cc;padding:4px}.planner-mode-control button,.planner-toggle-row button,.planner-action-row button,.planner-close-view-button,.planner-share-button,.planner-point-row button{border:0;border-radius:6px;background:transparent;color:#40534e;cursor:pointer;font-size:.82rem;font-weight:850}.planner-mode-control button,.planner-toggle-row button{min-height:25px;padding:0 5px}.planner-mode-control button.active,.planner-toggle-row button.active,.planner-toggle-row button:hover,.planner-action-row button:hover:not(:disabled),.planner-share-button:hover:not(:disabled),.planner-close-view-button:hover,.planner-point-row button:hover{background:#fff;color:#0f5f59;box-shadow:0 4px 14px #152c271a}.planner-controls-panel,.planner-menu-section{display:grid;gap:5px}.planner-toggle-row{display:grid;grid-template-columns:1fr;gap:3px;border:1px solid rgb(10 34 30 / .1);border-radius:8px;background:#eef6f3cc;padding:4px}.planner-action-row{display:grid;grid-template-columns:1fr;gap:3px}.planner-action-row button,.planner-share-button,.planner-close-view-button{min-height:26px;background:#eef6f3f2}.planner-action-row button:disabled,.planner-share-button:disabled{cursor:default;opacity:.42}.planner-stats-list{display:grid;margin:0}.planner-stats-list>div{display:grid;gap:2px;border-top:1px solid rgb(10 34 30 / .12);padding:4px 2px;text-align:center}.planner-stats-list dt{color:#52635e;font-size:.64rem;font-weight:850;line-height:1.1}.planner-stats-list dd{display:block;margin:0;color:#111d1a;font-size:1.12rem;font-weight:920;line-height:1;text-align:center}.planner-stats-list dd span{margin-left:2px;color:#65736f;font-size:.66rem;font-weight:850}.planner-speed-stat{display:flex;justify-content:center}.planner-stats-speed-control{display:inline-flex;align-items:center;justify-content:center;gap:3px}.planner-stats-speed-control input{width:46px;min-width:0;border:1px solid rgb(10 34 30 / .16);border-radius:6px;background:#fff;color:#111d1a;font-size:1rem;font-weight:900;line-height:1;padding:4px 3px;text-align:center}.planner-footer-actions{display:grid;grid-template-columns:1fr;gap:3px}.planner-close-view-button,.planner-share-button{width:100%}.planner-export-control{position:relative;min-width:0}.planner-export-control>button{width:100%}.planner-export-menu{position:absolute;right:0;bottom:calc(100% + 4px);z-index:520;display:grid;width:max(100%,112px);gap:3px;border:1px solid rgb(10 34 30 / .14);border-radius:8px;background:#fffffff5;box-shadow:0 10px 24px #152c272e;padding:4px}.planner-export-menu button{min-height:26px;background:#eef6f3f2}.planner-qr-panel{top:50%;left:50%;display:grid;width:min(292px,calc(100vw - 28px));gap:8px;padding:9px;transform:translate(-50%,-50%)}.planner-qr-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#17211f;font-size:.9rem;font-weight:900}.planner-qr-header button{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:6px;background:#eef6f3f2;color:#40534e;cursor:pointer;font-size:.86rem;font-weight:900}.planner-qr-panel p{margin:0;color:#40534e;font-size:.78rem;font-weight:800;text-align:center}.planner-qr-panel img{width:min(100%,256px);height:auto;justify-self:center;border:1px solid rgb(10 34 30 / .1);border-radius:6px;background:#fff}.planner-qr-panel textarea{width:100%;height:54px;min-width:0;resize:none;border:1px solid rgb(10 34 30 / .14);border-radius:6px;background:#eef6f3cc;color:#40534e;font-size:.58rem;line-height:1.25;padding:5px}.planner-marker{display:grid;width:26px;height:26px;place-items:center;border:2px solid #ffffff;border-radius:999px;background:#0f766e;box-shadow:0 4px 12px #0000003d;color:#fff;font-size:.82rem;font-weight:900}.planner-marker span,.planner-insert-marker span{display:grid;width:100%;height:100%;place-items:center;line-height:1}.planner-marker-muted{width:18px;height:18px;border-color:#0f766e;background:#ffffffeb;box-shadow:0 3px 8px #0000002e;color:transparent}.planner-marker-start{background:#0f766e;color:#fff}.planner-marker-finish{background:#facc15;color:#17211f}.planner-insert-marker{display:grid;width:18px;height:18px;place-items:center;border:2px dashed #0f766e;border-radius:999px;background:#ffffffeb;box-shadow:0 3px 9px #0000002e;color:#0f5f59;cursor:grab;font-size:.82rem;font-weight:950}.planner-fai-sector-fill,.planner-fai-sector-boundary{mix-blend-mode:normal}.planner-fai-sector-boundary,.planner-closure-circle,.planner-closed-bonus-circle{pointer-events:none}.planner-gap-label{color:#0f5f59}.planner-leg-label{border:1px solid rgb(10 34 30 / .12);border-radius:999px;background:#ffffffe0;box-shadow:0 4px 12px #152c2724;color:#17211f;font-size:.7rem;font-weight:900;padding:2px 6px}@media(max-width:720px){.xc-planner-shell .leaflet-bottom.leaflet-right{right:8px;bottom:96px}.xc-planner-shell .leaflet-bottom.leaflet-left{bottom:84px}.planner-menu-panel{inset:0;width:auto;max-height:none;gap:0;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}.planner-stats-list{position:absolute;top:98px;right:8px;left:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(70px,1.25fr);gap:3px;border:1px solid rgb(10 34 30 / .14);border-radius:8px;background:#ffffffeb;box-shadow:0 8px 24px #152c2729;padding:4px;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.planner-stats-list>div{display:grid;min-width:0;align-content:center;gap:1px;border:1px solid rgb(10 34 30 / .08);border-radius:6px;background:#ffffff85;padding:3px 1px;text-align:center}.planner-stats-list>div:nth-child(n+4),.planner-stats-list>div:not(:nth-child(3n+1)){border-top:1px solid rgb(10 34 30 / .08);border-left:1px solid rgb(10 34 30 / .08)}.planner-stats-list dt{min-width:0;font-size:.5rem;line-height:1;overflow-wrap:normal;white-space:normal}.planner-stats-list dd{display:flex;min-width:0;align-items:baseline;justify-content:center;font-size:.82rem;line-height:1;white-space:nowrap}.planner-stats-list dd span{font-size:.5rem}.planner-stats-speed-control{width:100%;gap:2px;justify-content:center}.planner-stats-speed-control input{width:42px;border-radius:5px;font-size:.82rem;padding:2px 0 2px 5px;text-align:left}.planner-controls-panel{position:absolute;right:8px;bottom:8px;left:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border:1px solid rgb(10 34 30 / .14);border-radius:8px;background:#ffffffeb;box-shadow:0 10px 28px #152c272e;padding:5px;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.planner-menu-section{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.planner-mode-control,.planner-toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px}.planner-action-row{grid-column:span 3;grid-template-columns:repeat(3,minmax(0,1fr))}.planner-footer-actions{grid-column:span 1;grid-template-columns:1fr}.planner-mode-control button,.planner-toggle-row button,.planner-action-row button,.planner-share-button{min-height:24px;font-size:.64rem;padding:0 2px}.planner-share-button,.planner-close-view-button{min-height:24px}}