/* A small, working preview. Saved context is text; full-product actions have a contact path. */
.swim-page .sw-hud{--perimeter-50:#b6d5df;--perimeter-75:#80b2c7;--perimeter-90:#7094b0;--selected-perimeter:#edf6f8;--selected-perimeter-dash:none}
.swim-page .sw-hud[data-percentile="90"]{--selected-perimeter-dash:8 4}
.swim-page .sw-hud-map>.sw-hud-boundaries{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.swim-page .sw-hud-boundaries use{fill:none;vector-effect:non-scaling-stroke;stroke-dasharray:var(--perimeter-dash,none)}
.swim-page .sw-hud-perimeter-shadow{stroke:#071923d9;stroke-width:3.5}
.swim-page .sw-hud-perimeter-line{stroke:var(--perimeter-color);stroke-width:1.35}
.swim-page .sw-hud-perimeter-90{--perimeter-dash:8 4}
.swim-page .sw-hud-active-boundary{--perimeter-color:var(--selected-perimeter);--perimeter-dash:var(--selected-perimeter-dash)}
.swim-page .sw-hud-active-boundary .sw-hud-perimeter-shadow{stroke-width:4.3}
.swim-page .sw-hud-active-boundary .sw-hud-perimeter-line{stroke-width:2.1}
.swim-page .sw-hud-perimeter-key{display:flex;align-items:center;gap:12px}
.swim-page .sw-hud-perimeter-key>span{display:flex;align-items:center;gap:5px;color:#a8c2d1;font:8px/1.4 var(--mono);white-space:nowrap}
.swim-page .sw-hud-perimeter-key i{display:block;flex:none;width:14px;border-top:2px solid var(--perimeter-color)}
.swim-page .sw-hud-perimeter-key [data-tour-boundary-key="90"] i{border-top-style:dashed}
.swim-page .sw-hud-perimeter-key>span[aria-current=true]{color:#edf6f8}
.swim-page .sw-hud-perimeter-key>span[aria-current=true] i{border-color:var(--selected-perimeter)}
.swim-page .sw-hud-map-key{gap:15px;row-gap:4px;max-width:calc(100% - 24px);flex-wrap:wrap}
.swim-page .sw-hud-console [data-swim-percentile]>i{background:var(--perimeter-color);opacity:.7;box-shadow:none}
.swim-page .sw-hud-console [data-swim-percentile][aria-pressed=true]{border-color:color-mix(in srgb,var(--perimeter-color) 60%,transparent)}
.swim-page .sw-hud-console [data-swim-percentile][aria-pressed=true]>i{background:var(--perimeter-color);opacity:1;box-shadow:0 0 6px color-mix(in srgb,var(--perimeter-color) 40%,transparent)}
.swim-page .sw-hud-mobile-compact,.swim-page .sw-hud .sw-hud-impact-launch,.swim-page .sw-hud [data-tour-impact-close]{display:none}
.swim-page .sw-hud-drawer{display:flex;flex-direction:column;overflow:hidden}
.swim-page .sw-hud-drawer>.sw-hud-panel-title{flex:none}
.swim-page .sw-hud-drawer>[data-tour-panel]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a6d82 transparent}
.swim-page .sw-hud-drawer>[data-tour-panel=capabilities]{display:flex;flex-direction:column;overflow:hidden}
.swim-page .sw-hud-drawer>[data-tour-panel=scenario]{display:flex;flex-direction:column;overflow:hidden}
.swim-page .sw-hud-drawer>[data-tour-panel][hidden]{display:none!important}
.swim-page .sw-hud-capability-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a6d82 transparent;overscroll-behavior:contain;padding-right:3px}
.swim-page .sw-hud-scene-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a6d82 transparent;overscroll-behavior:contain;padding-right:3px}
.swim-page .sw-hud-capability-action{flex:none;padding-top:12px;border-top:1px solid #c3956140;background:linear-gradient(180deg,#041721,#04172100)}
.swim-page .sw-hud-scene-intro{margin:14px 0;color:#a7c4d3;font-size:11px;line-height:1.7}
.swim-page .sw-hud-scene-intro b{font-weight:600;color:#a3def5}
.swim-page .sw-hud-scene-facts{display:grid;gap:0;margin:0}
.swim-page .sw-hud-scene-facts>div{padding:8px 0;border-bottom:1px solid #92cadb17}
.swim-page .sw-hud-scene-facts dt{display:flex;align-items:center;gap:6px;color:#6f9eb6;font-size:8px;line-height:1.4}
.swim-page .sw-hud-scene-facts dt .sw-hud-icon{width:11px;height:11px}
.swim-page .sw-hud-scene-facts dd{margin:4px 0 0;color:#c9e1ec;font-size:10px;line-height:1.6;font-variant-numeric:tabular-nums}
.swim-page .sw-hud-scene-facts dd b{color:#9cddfa;font-weight:650}
.swim-page .sw-hud-scene-facts>div:nth-child(3) dd{font:9px/1.6 var(--mono)}
.swim-page .sw-hud-scene-upgrade{flex:none;margin-top:17px;padding-top:14px;border-top:1px solid #d7a46b40;background:radial-gradient(ellipse at 10% 5%,#f99d4020,transparent 75%)}
.swim-page .sw-hud-scene-upgrade>small{display:block;color:#bd986e;font:6.5px/1.5 var(--mono);letter-spacing:.06em}
.swim-page .sw-hud-scene-upgrade>strong{display:block;margin:0;color:#f2e7d6;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.02em}
.swim-page .sw-hud-scene-upgrade>p{margin:7px 0 11px;color:#90aaba;font-size:10px;line-height:1.65}
.swim-page .sw-hud .sw-hud-scene-upgrade>button{display:flex;justify-content:space-between;width:100%;min-height:37px;padding:8px 10px;border:1px solid #d7a46b63;border-radius:4px;background:linear-gradient(120deg,#b96a2a18,#8e4d1d0b);color:#e2ba8e;font-size:9px}
.swim-page .sw-hud-scene-upgrade>button .sw-hud-icon{width:11px;height:11px}
.swim-page .sw-hud-scene-upgrade>button:hover{border-color:#f2be84b3;background:#d2863722;color:#ffe2b9}
.swim-page .sw-hud-capability-intro{margin:10px 0 8px;color:#91b6ca;font-size:11px;line-height:1.7}
.swim-page .sw-hud-capabilities{display:grid;gap:0;margin:0 0 17px;padding:0;list-style:none}
.swim-page .sw-hud-capabilities>li{display:flex;align-items:flex-start;gap:9px;padding:12px 0;border-bottom:1px solid #94c9db20}
.swim-page .sw-hud-capabilities>li>.sw-hud-icon{width:17px;height:17px;margin-top:2px;color:#75bfdf}
.swim-page .sw-hud-capabilities>li>span{display:grid;min-width:0;gap:4px}
.swim-page .sw-hud-capabilities strong{color:#d3e9f4;font-size:10px;font-weight:600;line-height:1.4}
.swim-page .sw-hud-capabilities small{color:#769cb0;font-size:9px;line-height:1.6}
.swim-page .sw-hud-contact{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:11px 12px;border:1px solid #d49a5f80;border-radius:3px;background:linear-gradient(115deg,#ffd5a014,transparent 55%),linear-gradient(180deg,#77411f94,#44281bba);box-shadow:inset 0 1px 0 #ffe6bc24,inset 0 0 19px #ffb8680c,0 5px 12px #00091033;color:#ffe1b8;font-size:10px;font-weight:600;line-height:1.5;text-decoration:none;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.swim-page .sw-hud-contact:hover{color:#fff0d3;border-color:#ffcd92;background-color:#b6733b45}
.swim-page .sw-hud-contact:focus-visible{outline:2px solid #fff0cb;outline-offset:-4px}
.swim-page .sw-hud-contact .sw-hud-icon{width:13px;height:13px;color:#edbd86}
.swim-page .sw-hud-contact-note{margin:9px 0 0;color:#638da3;font-size:8px;line-height:1.65}
.swim-page .sw-hud .sw-hud-heat-toggle{position:absolute;z-index:3;top:12px;left:12px;min-height:35px;padding:8px 10px;gap:6px;border:1px solid #78c5e15c;border-radius:5px;background:linear-gradient(120deg,#a5e5ff0e,transparent 60%),#041b28ee;box-shadow:inset 0 1px 0 #c6f0ff16,0 4px 12px #000b1638;font-size:9px;color:#abd7e9}
.swim-page .sw-hud .sw-hud-heat-toggle>.sw-hud-icon{width:13px;height:13px}
.swim-page .sw-hud .sw-hud-heat-toggle[aria-pressed=true]{background:linear-gradient(120deg,#5ab7df20,transparent 60%),#052334ee;color:#d2f1ff;border-color:#89d8f573}
.swim-page .sw-hud-heat-toggle[aria-pressed=false]>.sw-hud-icon:last-child{opacity:.15}
.swim-page .sw-hud[data-view=terrain] .sw-hud-heat-toggle{display:none}

/* An attached recording disclosure pairs the preview with the full 3D experience. */
.swim-page .sw-hud-3d-invitation{display:none;position:relative;isolation:isolate;flex:none;align-items:center;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:13px 15px;border-top:1px solid #78c7e23d;border-bottom:1px solid #c7955d38;background:radial-gradient(ellipse at 100% 100%,#c9793021,transparent 60%),linear-gradient(112deg,#63b5d812,transparent 45%),#041925;box-shadow:inset 0 1px 0 #bdeeff10}
.swim-page .sw-hud[data-view=terrain] .sw-hud-3d-invitation{display:grid}
.swim-page .sw-hud-3d-invitation::after{content:"";position:absolute;top:4px;bottom:4px;left:0;width:2px;background:linear-gradient(180deg,#7ad8f5a8,#7ad8f510);pointer-events:none}
.swim-page .sw-hud-3d-orbit{display:grid;place-items:center;width:34px;height:40px;border:1px solid #76c4e131;border-radius:5px;background:linear-gradient(135deg,#70caec12,#09222f38);box-shadow:inset 0 1px 0 #c0efff0f;color:#86d0e9}
.swim-page .sw-hud-3d-orbit svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round}
.swim-page .sw-hud-3d-orbit ellipse{stroke:#6cb3ce96;stroke-dasharray:67 15}
.swim-page .sw-hud-loop-label{display:flex;align-items:center;gap:5px;width:fit-content;color:#7eafc3;font:7px/1.4 var(--mono);letter-spacing:.075em}
.swim-page .sw-hud-loop-label i{width:4px;height:4px;border:1px solid #8ecde2b3;box-shadow:0 0 5px #7acbea26}
.swim-page .sw-hud-loop-label b{margin-left:3px;padding:2px 4px;border:1px solid #86cce63d;border-radius:2px;background:#61bfdf0b;color:#afdff2;font:inherit;letter-spacing:0}
.swim-page .sw-hud-3d-copy>strong{display:block;margin-top:5px;color:#dfeff7;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.015em}
.swim-page .sw-hud-3d-copy>p{margin:5px 0 0;color:#89aebe;font-size:10px;line-height:1.6}
.swim-page .sw-hud .sw-hud-3d-invitation>button{justify-content:space-between;gap:9px;min-height:41px;padding:10px 12px;border:1px solid #dca56c70;border-radius:4px;background:linear-gradient(117deg,#ffe0ad0f,transparent 55%),linear-gradient(180deg,#80502b80,#38271db3);box-shadow:inset 0 1px 0 #ffdfb520,inset 0 0 17px #f6b76a08,0 4px 10px #00090f26;color:#f1d2ac;font-size:9px;font-weight:600;white-space:nowrap}
.swim-page .sw-hud-3d-invitation>button>.sw-hud-icon{width:11px;height:11px;color:#deb180}
.swim-page .sw-hud .sw-hud-3d-invitation>button:hover{border-color:#f6c38cbb;background-color:#c17c3630;color:#ffe6c5}

/* Four saved endpoints share a registered camera and a complete comparison. */
.swim-page .sw-hud-instruments{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#356a83 #051923}
.swim-page .sw-hud-instruments>.sw-hud-panel-title,.swim-page .sw-hud-instruction,.swim-page .sw-hud-metrics,.swim-page .sw-hud-impact-detail{flex-shrink:0}
.swim-page .sw-hud-compare{gap:7px}
.swim-page .sw-hud-compare>div[aria-current=true],.swim-page .sw-hud-compare>div[aria-current=true] b{color:#d0ebf8}
.swim-page .sw-hud-compare>div[aria-current=true] em{background:linear-gradient(180deg,#c5f2ff,#6dc9f4);box-shadow:0 0 5px #7cd6ff38}
@media(min-width:761px){.swim-page .sw-hud-workspace{height:548px}.swim-page .sw-hud-impact-detail{padding-top:12px;padding-bottom:17px}.swim-page .sw-hud-impact-detail>p{min-height:34px}}

/* The phone HUD follows SWIM's map-first composition: mode rail, output rail,
   compact impact instrument and one bottom sheet, rather than stacked desktop panels. */
@media(max-width:760px){
 .swim-page .sw-hud-header{display:flex;align-items:center;gap:6px;min-height:62px;padding:5px 6px;background:#03141fee}
 .swim-page .sw-hud-brand,.swim-page .sw-hud-demo{display:none}
 .swim-page .sw-hud-modes{flex:1;min-width:0;height:51px;margin:0;padding:4px;border:0}
 .swim-page .sw-hud-modes button{flex:1;min-width:0;min-height:43px;padding:8px 5px;gap:6px;font-size:11px}
 .swim-page .sw-hud-modes button>.sw-hud-icon{width:15px;height:15px}
 .swim-page .sw-hud-window{flex:none;align-self:center;padding:0}
 .swim-page .sw-hud-window button{width:39px;height:43px;min-width:39px;min-height:43px;padding:10px}
 .swim-page .sw-hud-workspace{position:relative;display:block;height:clamp(430px,calc(130vw - 10px),560px);min-height:0;overflow:hidden}
 .swim-page .sw-hud-workspace::before{display:none}
 .swim-page .sw-hud-map-column{position:absolute;inset:0;display:flex;flex-direction:column;width:100%;height:100%;min-height:0}
 .swim-page .sw-hud-context-strip{display:none}
 .swim-page .sw-hud-console{position:relative;order:0;flex:none;justify-content:center;min-height:55px;padding:5px 8px;gap:5px;border-top:0;border-bottom:1px solid #71cbe54a;background:linear-gradient(180deg,#0b2837,#041924)}
 .swim-page .sw-hud-outcomes{width:100%;padding:3px;gap:0;background:#061e2b75}
 .swim-page .sw-hud-outcomes>div{flex:1;width:100%;gap:5px}
 .swim-page .sw-hud-console .sw-hud-outcomes button{flex:1;min-height:39px;padding:7px 12px;font-size:12px}
 .swim-page .sw-hud-outcome-label,.swim-page .sw-hud [data-tour-play]{display:none}
 .swim-page .sw-hud-map-window{order:1;position:relative;flex:1;height:auto;min-height:0;overflow:hidden}
 .swim-page .sw-hud-map{inset:-7.5% -31% 7.5%}
 .swim-page .sw-hud .sw-hud-heat-toggle{top:12px;left:8px;min-height:44px;padding:10px 8px;font-size:10px;gap:5px;max-width:116px}
 .swim-page .sw-hud .sw-hud-heat-toggle>.sw-hud-icon{width:12px;height:12px}
 .swim-page .sw-hud-map-key{left:8px;bottom:127px;max-width:calc(100% - 16px);padding:7px 8px;gap:9px}
 .swim-page .sw-hud-map-key{bottom:126px;flex-direction:row;align-items:center;gap:0}
 .swim-page .sw-hud-map-key>[data-tour-map-caption]{display:none}
 .swim-page .sw-hud-perimeter-key{gap:11px}.swim-page .sw-hud-perimeter-key>span{font-size:8px;gap:5px}.swim-page .sw-hud-perimeter-key i{width:13px}
 .swim-page .sw-hud-map-key>span{font-size:8px}.swim-page .sw-hud-map-key small{font-size:7px}
 .swim-page .sw-hud-attribution{left:8px;right:8px;bottom:109px;width:fit-content;max-width:calc(100% - 16px);font-size:6px;padding:3px 4px;background:#041923eb}

 /* A native-style compact scenario tray with the scene behind its expanded sheet. */
 .swim-page .sw-hud-sidebar{position:absolute;z-index:7;inset:auto 8px 8px;width:auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #72d5f25e;border-radius:8px 3px 8px 3px;background:radial-gradient(ellipse at 6% 0,#4abce52b,transparent 55%),linear-gradient(110deg,#0c2c3cde,#03131bf7);box-shadow:0 -12px 28px #00070c6b,inset 0 1px 0 #b9edff29;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 .swim-page .sw-hud-sidebar::after{background:linear-gradient(112deg,transparent 0 10%,#c5efff0a 25%,transparent 48%)}
 .swim-page .sw-hud[data-drawer=closed] .sw-hud-sidebar{height:96px}
 .swim-page .sw-hud:not([data-drawer=closed]) .sw-hud-sidebar{height:min(calc(100% - 16px),570px)}
 .swim-page .sw-hud .sw-hud-inspection-tabs{display:none}
 .swim-page .sw-hud-mobile-compact{position:relative;z-index:2;display:flex;align-items:center;gap:8px;min-width:0;height:100%;padding:20px 10px 11px}
 .swim-page .sw-hud:not([data-drawer=closed]) .sw-hud-mobile-compact{display:none}
 .swim-page .sw-hud .sw-hud-sheet-launch{position:static;flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:0 2px;min-height:55px;text-align:left;border:0;background:none}
 .swim-page .sw-hud-sheet-grip{position:absolute;top:8px;left:calc(50% - 15px);width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,#4eb4de4d,#76e4ffe6,#4eb4de4d);box-shadow:0 0 8px #45cbfa38}
 .swim-page .sw-hud-sheet-launch small{display:flex;align-items:center;gap:4px;font-size:7.5px;line-height:1.4;color:#75a9bf;letter-spacing:.03em}
 .swim-page .sw-hud-sheet-launch small>.sw-hud-icon{width:10px;height:10px;transform:rotate(-90deg)}
 .swim-page .sw-hud-sheet-launch strong{font-size:14px;line-height:1.4;font-weight:600;color:#d9edf6;letter-spacing:-.015em}
 .swim-page .sw-hud .sw-hud-full-launch{flex:0 1 48%;min-width:0;min-height:51px;gap:5px;padding:10px 8px;border:1px solid #e0a86b73;border-radius:5px;background:linear-gradient(115deg,#ffddac0f,transparent 60%),linear-gradient(180deg,#7b4728b0,#362218e0);box-shadow:inset 0 1px 0 #ffe6c42e,inset 0 0 16px #ed9b4512,0 4px 10px #00080e3b;color:#ffdfb8;font-size:10px;font-weight:600;line-height:1.4}
 .swim-page .sw-hud-full-launch>.sw-hud-icon:first-child{width:16px;height:16px;color:#d6a46e}
 .swim-page .sw-hud-full-launch>.sw-hud-icon:last-child{width:10px;height:10px;color:#efbf8c}
 .swim-page .sw-hud-full-launch:hover{border-color:#f7c18be0;background-color:#bf7b3d40}
 .swim-page .sw-hud[data-drawer=closed] .sw-hud-drawer{display:none}
 .swim-page .sw-hud-drawer{display:flex;flex-direction:column;width:auto;min-height:0;flex:1}
 .swim-page .sw-hud-drawer>.sw-hud-frame{display:block;--corner:22px;opacity:.55}
 .swim-page .sw-hud-drawer .sw-hud-panel-title{min-height:48px;padding:4px 8px 4px 15px;font-size:9px;color:#abd6e9}
 .swim-page .sw-hud-drawer .sw-hud-panel-title button{width:39px;min-width:39px;height:39px;min-height:39px;padding:11px}
 .swim-page .sw-hud-drawer>[data-tour-panel]{padding:18px 17px 20px}
 .swim-page .sw-hud-drawer h3{font-size:25px;line-height:1.25}
 .swim-page .sw-hud-section-index{display:block;font-size:8px;margin-bottom:10px;color:#78aec7}
 .swim-page .sw-hud-subtle{font-size:12px}.swim-page .sw-hud-scene-intro{font-size:12px;margin:16px 0}
 .swim-page .sw-hud-scene-facts{grid-template-columns:1fr 1fr;gap:0 14px}
 .swim-page .sw-hud-scene-facts>div{padding:12px 0}.swim-page .sw-hud-scene-facts dt{font-size:9px}.swim-page .sw-hud-scene-facts dd{font-size:11px;line-height:1.5}
 .swim-page .sw-hud-scene-facts>div:nth-child(3) dd{font-size:9px;overflow-wrap:anywhere}
 .swim-page .sw-hud-scene-facts>div:nth-child(3){grid-column:1/-1}
 .swim-page .sw-hud-scene-upgrade{margin-top:20px;padding-top:17px}.swim-page .sw-hud-scene-upgrade>small{font-size:8px}.swim-page .sw-hud-scene-upgrade>strong{font-size:20px}.swim-page .sw-hud-scene-upgrade>p{font-size:12px}.swim-page .sw-hud .sw-hud-scene-upgrade>button{min-height:44px;font-size:11px}
 .swim-page .sw-hud-capability-intro{font-size:12px;margin:11px 0 6px}.swim-page .sw-hud-capabilities{margin-bottom:18px}.swim-page .sw-hud-capabilities>li{padding:14px 0;gap:12px}.swim-page .sw-hud-capabilities>li>.sw-hud-icon{width:20px;height:20px}.swim-page .sw-hud-capabilities strong{font-size:12px}.swim-page .sw-hud-capabilities small{font-size:11px}
 .swim-page .sw-hud-contact{min-height:47px;font-size:12px;padding:12px 14px}.swim-page .sw-hud-contact-note{font-size:10px;line-height:1.7}

 /* One compact, working impact instrument expands over the scene on request. */
 .swim-page .sw-hud .sw-hud-impact-launch{position:absolute;z-index:4;top:67px;right:8px;display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:8px 9px;gap:7px;border:1px solid #82cee66b;border-radius:3px 8px 3px 8px;background:linear-gradient(115deg,#54afd720,transparent 60%),#041a27ee;box-shadow:inset 0 1px 0 #c0efff1d,0 5px 16px #000c184a;color:#8cd5f1;text-align:left}
 .swim-page .sw-hud-impact-launch>span{display:flex;flex-direction:column;gap:4px}.swim-page .sw-hud-impact-launch small{font-size:7px;line-height:1.3;color:#7fb7cf;letter-spacing:.035em}.swim-page .sw-hud-impact-launch small b{font-weight:600}
 .swim-page .sw-hud-impact-launch strong{font-size:15px;line-height:1.2;font-weight:650;color:#e1f1f8}.swim-page .sw-hud .sw-hud-impact-launch>.sw-hud-icon:first-child{width:19px;height:19px;color:#e2ac59}.swim-page .sw-hud .sw-hud-impact-launch>.sw-hud-icon:last-child{width:10px;height:10px;transform:rotate(90deg)}
 .swim-page .sw-hud-instruments{display:none;position:absolute;z-index:9;top:65px;right:8px;bottom:8px;left:8px;min-height:0;border:1px solid #7ad7f477;border-radius:6px 3px 6px 3px;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 2% 0,#288fb02b,transparent 60%),#03151ff7;box-shadow:0 15px 40px #00080dc7;scrollbar-width:thin;scrollbar-color:#356a83 #051923}
 .swim-page .sw-hud[data-impact=open] .sw-hud-instruments{display:flex}
 .swim-page .sw-hud[data-impact=open] .sw-hud-sidebar{visibility:hidden;pointer-events:none}
 .swim-page .sw-hud-instruments>.sw-hud-frame{display:block;--corner:22px}
 .swim-page .sw-hud-instruments>.sw-hud-panel-title{position:sticky;top:0;z-index:3;min-height:46px;padding:3px 5px 3px 13px;background:#0a2837f5;flex:none;font-size:9px}
 .swim-page .sw-hud-instruments>.sw-hud-panel-title>b{margin-left:auto}
 .swim-page .sw-hud [data-tour-impact-close]{display:flex;min-height:38px;width:38px;padding:10px;color:#8abfd4}
 .swim-page .sw-hud-instruction{font-size:10px;padding:12px 13px 5px}
 .swim-page .sw-hud-metrics{flex:none;grid-template-columns:1fr 1fr;padding:0 13px;gap:0 9px}
 .swim-page .sw-hud .sw-hud-metric{min-height:79px;gap:7px;padding:12px 0}
 .swim-page .sw-hud-metric-label{font-size:8px}.swim-page .sw-hud-metric strong{font-size:21px}
 .swim-page .sw-hud-impact-detail{flex:none;margin-top:auto;padding:17px 13px 19px}.swim-page .sw-hud-impact-detail>p{font-size:11px;min-height:0;line-height:1.7}.swim-page .sw-hud-detail-heading{font-size:8px}.swim-page .sw-hud-compare{font-size:9px}

 /* Recorded 3D keeps its complete landscape frame and original credits. */
 .swim-page .sw-hud[data-view=terrain] .sw-hud-workspace{height:auto;min-height:0}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-map-column{position:relative;inset:auto;height:auto;padding-bottom:77px}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-map-window{flex:none;height:auto;aspect-ratio:16/9;width:100%}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-console{justify-content:space-between;flex-wrap:wrap;min-height:103px;padding:5px 8px;gap:4px 9px}
 .swim-page .sw-hud-cameras{flex-basis:100%;width:100%;padding:3px;gap:3px}
 .swim-page .sw-hud-console .sw-hud-cameras button{min-height:39px;flex:1;padding:7px 5px;font-size:10px!important}
 .swim-page .sw-hud-scrub{font-size:0;flex:1;gap:0;min-height:40px}.swim-page .sw-hud-scrub input{width:100%;height:40px;min-height:40px}
 .swim-page .sw-hud [data-tour-video-play]{min-width:111px;min-height:40px;padding:9px 10px!important;font-size:9px!important}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-impact-launch{display:none}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-mobile-compact>.sw-hud-full-launch{display:none}
 .swim-page .sw-hud[data-view=terrain][data-drawer=closed] .sw-hud-sidebar{height:65px}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-mobile-compact{padding:17px 12px 8px}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-sheet-launch{min-height:38px;gap:3px}
 .swim-page .sw-hud[data-view=terrain] .sw-hud-sheet-launch strong{font-size:13px}
 .swim-page .sw-hud-3d-invitation{order:2;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 13px;align-items:start}
 .swim-page .sw-hud-3d-orbit{width:32px;height:38px;margin-top:19px}
 .swim-page .sw-hud-loop-label{font-size:8px;letter-spacing:.055em}
 .swim-page .sw-hud-3d-copy>strong{font-size:17px;margin-top:5px}
 .swim-page .sw-hud-3d-copy>p{font-size:11px;line-height:1.6;margin-top:6px}
 .swim-page .sw-hud .sw-hud-3d-invitation>button{grid-column:1/-1;min-height:43px;padding:11px 12px;font-size:11px}
 .swim-page .sw-hud[data-view=terrain]:not([data-drawer=closed]) .sw-hud-workspace{min-height:550px}
 .swim-page .sw-hud:not([data-drawer=closed]) .sw-hud-workspace{height:clamp(500px,calc(100svh - 200px),620px);min-height:0}
 .swim-page .sw-hud-statusbar{display:none}
 .swim-page .sw-hud-disclosure{font-size:9px;line-height:1.7;padding:10px 12px;color:#80a5b9}
 .swim-page .sw-hud:modal .sw-hud-header{position:relative;top:auto;flex:none}
}
@media(max-width:370px){
 .swim-page .sw-hud-modes button{font-size:9.5px;gap:5px;padding-inline:3px}.swim-page .sw-hud-modes button>.sw-hud-icon{width:13px;height:13px}
 .swim-page .sw-hud-mobile-compact{gap:6px;padding-inline:8px}.swim-page .sw-hud-sheet-launch strong{font-size:12px}.swim-page .sw-hud-sheet-launch small{font-size:7px}
 .swim-page .sw-hud .sw-hud-full-launch{padding:9px 6px;font-size:9px}.swim-page .sw-hud-full-launch>.sw-hud-icon:first-child{display:none}
 .swim-page .sw-hud .sw-hud-heat-toggle{font-size:9px;padding-inline:7px;gap:4px}
 .swim-page .sw-hud .sw-hud-impact-launch{padding:8px;gap:5px}.swim-page .sw-hud-impact-launch strong{font-size:14px}
 .swim-page .sw-hud-map-key{gap:7px;padding-inline:6px}.swim-page .sw-hud-map-key>span{font-size:7px}.swim-page .sw-hud-map-key small{font-size:6.5px}
 .swim-page .sw-hud .sw-hud-metric{gap:5px}.swim-page .sw-hud-metric-label{font-size:7px}.swim-page .sw-hud-metric strong{font-size:19px}
 .swim-page .sw-hud-scene-facts{grid-template-columns:1fr}
 .swim-page .sw-hud-drawer [data-tour-panel=capabilities] h3{font-size:22px}
}