:root{color-scheme:dark;--bg:#101715;--panel:#17201d;--panel2:#1b2521;--line:#2a352e;--muted:#95a39a;--text:#e9eee9;--lime:#c4e78c;--sand:#dcc89b;--ocean:#78c7df;--sound:#91d5be;--danger:#f06e70;--radius:9px;--font:"Avenir Next","Century Gothic","Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 var(--font)}button,select,input{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button svg,a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a{color:inherit;text-decoration:none}button:hover{filter:brightness(1.13)}[hidden]{display:none!important}.sprites{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;padding:0 28px;background:#121b17}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:650;letter-spacing:-1.2px}.brand svg{width:34px;height:30px;fill:none;stroke:var(--lime);stroke-width:2.2;stroke-linecap:round}.brand-dot{color:var(--lime)}.header-divider{width:1px;height:26px;background:var(--line)}.crumb{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.crumb span{margin:0 15px;color:#556559}.crumb b{color:var(--text);font-weight:500}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.version{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.2px;color:var(--muted)}.version b{font-size:10px;font-weight:500;border:1px solid #44513b;padding:2px 6px;border-radius:4px;color:var(--lime)}.version i,.tiny-status i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.text-button{display:flex;align-items:center;gap:7px;background:none;padding:0;font-size:11px}.app-layout{display:grid;grid-template-columns:264px minmax(0,1fr)}.sidebar{background:#141d18;border-right:1px solid var(--line);padding:30px 23px 18px;display:flex;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:500;color:var(--muted)}.sidebar-head h2{font-size:28px;font-weight:400;letter-spacing:-1px;line-height:1.14;margin:15px 0 13px}.sidebar-head p{font-size:11px;color:var(--muted);line-height:1.7;max-width:212px;margin:0}.sidebar section{padding:23px 0 20px;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;font-size:9px;letter-spacing:1.4px;gap:8px;margin-bottom:17px;color:#d1d9ce}.section-label>span{color:#677b68;font-size:9px}.section-label>b{margin-left:auto;color:var(--lime);font-size:8px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenario{text-align:left;position:relative;background:#1b2620;border:1px solid #2e3a2f;border-radius:6px;padding:12px 9px 10px;min-height:82px;transition:border-color .2s,background .2s}.scenario.active{border-color:#a2bc78;background:#2b3827}.scenario.active:after{content:'';position:absolute;top:12px;right:9px;background:var(--lime);border-radius:50%;width:4px;height:4px}.scenario-icon{display:block;font-size:19px;color:#bfceb5;line-height:1;margin-bottom:9px}.scenario strong{display:block;font-size:10px;font-weight:500}.scenario small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.field-note{font-size:9px;line-height:1.7;color:#8f9d91;margin:11px 0 0}.field{margin-bottom:19px}.field>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.field label{font-size:11px;color:#c4cec2}.field output{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}.field output span{font-size:10px;color:var(--muted);margin-left:3px}input[type=range]{display:block;-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:pointer;margin:0;accent-color:var(--lime)}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--lime) 0%,var(--lime) var(--fill,40%),#3b483b var(--fill,40%),#3b483b 100%);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;background:#d5edb1;border:2px solid #c4e78c;border-radius:50%;margin-top:-4px;box-shadow:0 0 0 3px #c4e78c0a}input[type=range]::-moz-range-track{height:3px;background:#3b483b}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--lime);border:0;border-radius:50%}.range-labels{display:flex;justify-content:space-between;font-size:8px;color:#7d8c7f;margin-top:2px}.paired-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.paired-fields label{font-size:9px;color:var(--muted)}select{background:#202b23;color:#dae3d5;border:1px solid #354333;padding:7px;border-radius:5px;max-width:100%;font-size:10px}.paired-fields select{display:block;margin-top:6px;width:100%;padding:8px 5px}.switch-row{display:flex;align-items:center;justify-content:space-between;margin:13px 0;position:relative;font-size:10px}.switch-row>span{display:flex;gap:8px;align-items:center;color:#b6c4b3}.switch-row svg{width:14px;height:14px;fill:none;stroke:#81937c;stroke-width:1.4}.switch-row input{position:absolute;right:0;opacity:0;width:28px;height:20px;z-index:1;cursor:pointer}.switch-row i{height:15px;width:27px;background:#3e4c3e;border-radius:10px;position:relative;transition:background .2s}.switch-row i:after{content:'';position:absolute;height:11px;width:11px;top:2px;left:2px;background:#a8b0a4;border-radius:50%;transition:transform .2s}.switch-row input:checked+i{background:#708448}.switch-row input:checked+i:after{background:#e0efb7;transform:translateX(12px)}.switch-row input:focus-visible+i{outline:2px solid var(--lime);outline-offset:3px}.sidebar-bottom{margin-top:auto;padding-top:22px}.tiny-status{font-size:7px;letter-spacing:.7px;display:flex;align-items:center;gap:6px;color:#abbda2}.sidebar-bottom p{font-size:9px;color:#768875}.export-link{display:flex;align-items:center;gap:8px;font-size:9px;padding:10px 0;border-top:1px solid var(--line);width:100%;background:none;color:#b7c8af;text-align:left}.export-link span{margin-left:auto;font-size:8px;color:#7d9473}.export-link svg{width:13px;height:13px}main{min-width:0;padding:25px 26px 16px}.workspace-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.workspace-title h1{font-size:24px;font-weight:450;letter-spacing:-.7px;margin:5px 0 0;line-height:1.3}.workspace-title h1>span{color:#445142;font-size:19px;margin:0 9px}.workspace-title h1 small{font-size:11px;color:#a1afa0;letter-spacing:0;font-weight:400}.live-label{font-size:8px;color:#a7b59f;letter-spacing:1px;display:flex;gap:8px;align-items:center}.pulse{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #c4e78c10}.scene-shell{position:relative;height:400px;border-radius:10px;overflow:hidden;border:1px solid #3b4a3a;background:#30423e}.scene-shell:fullscreen{height:100vh;width:100vw;border-radius:0}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block;touch-action:none}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 35% 70%,#3f5650,#233a37);z-index:2}.loading strong{font-size:13px;font-weight:400}.loading span{font-size:10px;color:#a7bbae}.loader{width:27px;height:27px;border:1px solid #c4e78c28;border-top-color:var(--lime);border-radius:50%;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-top{position:absolute;top:18px;left:20px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.scene-location{display:flex;gap:10px;padding:10px 12px;background:#14211ae0;border:1px solid #6d84674d;border-radius:7px;backdrop-filter:blur(10px);pointer-events:auto}.location-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #71846a50;border-radius:50%;color:#bdd89f;margin-top:4px}.location-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.scene-location .eyebrow{font-size:7px;color:#9aac94;letter-spacing:1.4px}.scene-location select{display:block;padding:1px 14px 1px 0;border:0;background:transparent;font-size:12px;color:#f1f6e9;border-radius:0;width:226px;margin-top:2px}.scene-location small{display:block;font-size:8px;color:#a3b39b}.camera-controls{display:flex;align-items:center;gap:2px;padding:4px;border-radius:6px;background:#14211ae6;backdrop-filter:blur(10px);pointer-events:auto}.camera-controls button{background:transparent;padding:7px 10px;font-size:9px;color:#c0cbb5;border-radius:4px}.camera-controls button.active{background:#d0dfbc;color:#233020}.camera-controls .icon-button{padding:6px 7px;color:#d0dfbf}.camera-controls .icon-button svg{width:14px;height:14px}.scene-readings{position:absolute;left:22px;bottom:48px;display:flex;gap:27px;text-shadow:0 2px 8px #000}.scene-readings>div{border-left:1px solid #b5c9a470;padding-left:12px}.scene-readings>div>span{font-size:7px;letter-spacing:1.3px;color:#cfdbbf;display:block}.scene-readings strong{font-size:27px;line-height:1.4;font-weight:400;display:block;letter-spacing:-.7px}.scene-readings strong small{font-size:11px;margin-left:5px;color:#cfdbbf}.scene-readings .storm-state{align-self:center}.scene-readings .storm-state span{color:var(--lime)}.storm-state small{display:block;font-size:9px;color:#d1d9c7;margin-top:4px}.scene-bottom{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#0c1915c0);display:flex;justify-content:space-between;padding:20px 21px 12px;font-size:7px;letter-spacing:1.1px;color:#d0dcc7;pointer-events:none}.interaction-hint b{font-weight:400;margin:0 6px;color:#a5b992}.scene-compass{position:absolute;bottom:56px;right:23px;width:46px;text-align:center;color:#d6e3cb;font-size:8px;text-shadow:0 1px 3px #000}.scene-compass svg{width:39px;height:39px;fill:#d2dfbd;stroke:#32412a;stroke-width:1.5;display:block;margin:auto}.render-error{position:absolute;inset:130px 10% auto;padding:18px;background:#1c2921ee;border:1px solid #7a8864;text-align:center;border-radius:8px;font-size:12px;z-index:3}.transport{display:flex;align-items:center;gap:15px;padding:15px 0 17px;border-bottom:1px solid var(--line)}.play-button{height:34px;width:34px;display:grid;place-items:center;background:var(--lime);color:#25321c;border-radius:50%;flex-shrink:0}.play-button svg{width:15px;height:15px;stroke-width:2}.play-button svg:has(use[href="#i-play"]){fill:#25321c;stroke:none}.icon-button{background:none;padding:5px;display:grid;place-items:center}.transport>.icon-button{color:#a7b89d}.timeline-wrap{flex:1;min-width:70px}.timeline-labels{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#6f856e;margin-bottom:3px}.timeline-labels>span:first-child{font-size:10px;letter-spacing:.5px;color:#c3cfb8;font-variant-numeric:tabular-nums}.timeline-labels small{font-size:9px;color:#7c8f75}.timeline-labels b{font-weight:400;color:#394a34;margin:0 8px}.transport select{font-size:10px;background:none;width:49px;border:1px solid #3c4b35;padding:5px}.peak-button{color:#c7d8b6;background:#23301f;border:1px solid #3b4c30;font-size:9px;padding:7px 10px;border-radius:5px;white-space:nowrap}.peak-button span{margin-left:6px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.15fr;border-bottom:1px solid var(--line);padding:22px 0 20px;gap:18px}.metric{border-right:1px solid var(--line);padding-left:2px;min-width:0}.metric:last-child{border:0}.metric>span{font-size:8px;letter-spacing:1px;color:#9faf98;display:flex;align-items:center;gap:6px;min-height:16px}.metric>div{display:flex;align-items:baseline;gap:5px;margin:5px 0 1px;min-height:38px}.metric strong{font-size:28px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#e3ecdb}.metric small{font-size:11px;color:#839578}.metric p{font-size:8px;color:#7c8d75;margin:1px 0 0}.info-dot{display:inline-flex;align-items:center;justify-content:center;font-size:7px;border:1px solid #6b7c61;border-radius:50%;width:10px;height:10px;background:none;color:#8fa580;padding:0;font-family:serif;font-style:italic}.compare-metric>button{display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--lime);border:1px solid #405635;border-radius:5px;width:100%;padding:7px 10px;font-size:10px;margin:8px 0 5px;max-width:206px}.compare-metric svg{width:14px}.metric-change{font-size:9px;color:var(--lime);margin-left:5px}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);margin-top:25px;gap:24px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px;gap:8px}.panel-heading h2{font-size:16px;font-weight:400;letter-spacing:-.3px;margin:4px 0 0}.segmented{display:flex;white-space:nowrap;border:1px solid #354530;border-radius:5px;padding:3px}.segmented button{padding:5px 9px;background:none;color:#97a98c;font-size:8px;border-radius:3px}.segmented button.active{background:#31402a;color:#d4e5c2}.map-wrap{height:340px;border:1px solid #344731;border-radius:8px;position:relative;overflow:hidden;background:#17221c}#map{position:absolute;inset:0;background:#15251f;z-index:1}.leaflet-container{font:10px var(--font);background:#17221c!important}.leaflet-tile{filter:saturate(.5) brightness(.96)}.leaflet-control-attribution{background:#122019dd!important;color:#7b9077!important;font-size:7px!important}.leaflet-control-attribution a{color:#92aa83!important}.leaflet-control-zoom{border:1px solid #5b705244!important;border-radius:5px!important;overflow:hidden}.leaflet-control-zoom a{background:#22311e!important;color:#cedfbb!important;border-color:#3e5235!important;font-size:16px!important;font-weight:300!important;width:27px!important;height:27px!important;line-height:27px!important}.leaflet-bottom .leaflet-control{margin-bottom:58px}.map-actions{position:absolute;top:12px;left:12px;display:flex;gap:5px;z-index:500}.map-actions button{font-size:9px;display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:5px;background:#1b2a20f2;border:1px solid #53674766;box-shadow:0 2px 8px #0003;color:#c9dabe}.map-actions svg{width:12px;height:12px}.map-chip{position:absolute;top:13px;right:12px;z-index:400;background:#16241ee6;border:1px solid #52684355;border-radius:5px;padding:6px 9px;font-size:8px;color:#c6d6ba;display:flex;align-items:center;gap:7px}.map-foot{position:absolute;bottom:0;left:0;right:0;padding:9px 12px 18px;background:#15241dea;z-index:400;backdrop-filter:blur(7px)}.map-foot>span{font-size:6px;letter-spacing:1px;color:#8ca17e;display:block;margin-bottom:4px}.map-foot>div{display:flex;flex-wrap:wrap;gap:11px;font-size:8px;color:#c1d1b4}.map-foot span{display:flex;align-items:center;gap:4px}.map-foot i{width:10px;height:3px;background:var(--key);display:inline-block}.map-foot .unknown-key{background:repeating-linear-gradient(to right,#8b9b89 0 3px,transparent 3px 5px)}.map-caption{display:flex;justify-content:space-between;font-size:8px;color:#8e9e84;margin-top:8px;gap:8px}.map-caption b{font-size:9px;color:var(--lime)}.caption-separator{padding:0 6px;color:#4d6346}.focus-marker{background:none;border:0}.focus-arrow{display:block;width:24px;height:24px;filter:drop-shadow(0 1px 3px #09160c);transform-origin:center}.focus-arrow svg{width:24px;height:24px;fill:var(--lime);stroke:#f2ffd9;stroke-width:1.1}.focus-arrow:before{content:'';position:absolute;inset:-12px;border:1px solid #c4e78c42;border-radius:50%;background:#c4e78c0a}.reach-label{color:#c1d2b7;font-size:8px;font-weight:450;text-shadow:0 1px 3px #000,1px 0 3px #000;white-space:nowrap;pointer-events:none}.leaflet-tooltip{background:#23351ff0;color:#e4f1d7;border:1px solid #647951;border-radius:5px;font-size:10px;box-shadow:none}.leaflet-tooltip-top:before{border-top-color:#647951}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#21321f;color:#d5e7c6}.inspector{border-left:1px solid var(--line);padding-left:23px;min-width:0}.inspector-tabs{display:flex;border-bottom:1px solid var(--line);gap:21px;min-height:44px;margin-bottom:16px}.inspector-tabs button{background:none;color:#859a7b;font-size:10px;padding:0 0 12px;border-bottom:1px solid transparent;white-space:nowrap}.inspector-tabs button.active{color:#d0dfc0;border-bottom-color:var(--lime)}.inspector-title h2{font-size:19px;font-weight:400;letter-spacing:-.5px;line-height:1.3;margin:5px 0 9px}.inspector-title .eyebrow{font-size:7px;letter-spacing:1.1px}.condition-pill{font-size:8px;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #687b413d;background:#343b2266;color:var(--lime);border-radius:4px}.condition-pill:before{content:'';width:4px;height:4px;background:currentColor;border-radius:50%}.inspector-values{display:flex;gap:29px;margin:17px 0 15px}.inspector-values span{display:block;font-size:7px;letter-spacing:1px;color:#839975}.inspector-values strong{font-size:22px;font-weight:400;letter-spacing:-.5px;line-height:1.7}.inspector-values strong small{font-size:10px;margin-left:3px;color:#879d7a}.profile-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.profile-head>span{font-size:7px;letter-spacing:1px;color:#9fb191}.profile-head>small{font-size:7px;color:#718b62}#profile{height:115px;width:100%;display:block;margin-top:8px}.profile-legend{display:flex;gap:13px;font-size:7px;color:#92a782;margin-top:2px}.profile-legend span{display:flex;align-items:center;gap:4px}.profile-legend i{width:9px;height:2px;display:inline-block}.terrain-key{background:#c3b481}.ocean-key{background:var(--ocean)}.sound-key{background:var(--sound)}.inspector-note{font-size:8px;line-height:1.7;color:#899d7b;margin:11px 0 0}.wave-indicator{display:grid;grid-template-columns:1fr auto;gap:4px;border-top:1px solid var(--line);padding-top:10px;margin-top:12px}.wave-indicator>span{font-size:7px;letter-spacing:1px;color:#9bab8e}.wave-indicator strong{font-size:9px;font-weight:400;color:var(--sand)}.wave-indicator small{grid-column:1/-1;font-size:7px;color:#778e69}.ranking-intro{font-size:9px;color:#9baf8d;margin:0 0 15px}.ranking-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);width:100%;text-align:left;background:none;gap:10px}.ranking-row>span:first-child{display:flex;align-items:center;gap:9px}.ranking-row i{font-style:normal;font-size:9px;color:#697f5c}.ranking-row strong{display:block;font-size:10px;font-weight:400;color:#d0dfc3}.ranking-row small{display:block;font-size:8px;color:#7f966e;margin-top:3px}.ranking-row b{font-size:14px;font-weight:400;white-space:nowrap}.model-note{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding-top:14px;border-top:1px solid var(--line);color:#7e9174;font-size:8px}.model-note>svg{width:14px;height:14px;fill:none;stroke:#8ea57e;stroke-width:1.4;flex-shrink:0;margin-top:1px}.model-note p{margin:0;max-width:850px;line-height:1.8}.model-note strong{font-weight:500;color:#b1c2a4}.model-note button{padding:0;background:none;color:#c1d7ac;text-decoration:underline;font-size:8px;text-underline-offset:2px}.model-note>a{margin-left:auto;white-space:nowrap;color:#c2d2b6}dialog{background:#17231c;color:#d3e1c9;border:1px solid #526849;border-radius:12px;width:min(720px,92vw);padding:0;max-height:86vh;box-shadow:0 15px 80px #0007}dialog::backdrop{background:#040c08b8;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:27px 30px 22px;background:#1d2b20;border-bottom:1px solid #3b4d32}.dialog-header h2{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:6px 0 0}.dialog-body{padding:5px 30px 30px}.dialog-body p{font-size:12px;line-height:1.85;color:#aabd9f}.dialog-body .dialog-lead{font-size:14px;color:#d2dfc8}.dialog-body h3{font-size:14px;font-weight:500;margin:24px 0 7px;color:#d6e8c6}.method-status{background:#25341f;border:1px solid #40552f;font-size:8px;letter-spacing:1px;padding:10px 13px;border-radius:5px;color:#95ac80;margin:21px 0}.method-status strong{font-size:10px;font-weight:400;color:var(--lime);letter-spacing:0;margin-left:12px}.dialog-body a{color:var(--lime);text-decoration:underline;text-underline-offset:2px}.method-links{display:flex;gap:20px;margin-top:25px;font-size:11px}.dialog-body .dialog-small{font-size:10px;color:#809875;margin-top:24px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:10000;background:#d7e9c5;color:#1e3018;box-shadow:0 5px 30px #0005;padding:11px 18px;font-size:12px;border-radius:7px;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-controls{display:none}.scene-shell:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -90px 70px -60px #05150bc0;pointer-events:none}
@media(min-width:1650px){main{padding:30px 36px 22px}.scene-shell{height:470px}.map-wrap{height:370px}.app-layout{grid-template-columns:285px minmax(0,1fr)}.sidebar{padding:32px 27px}.workspace-title{margin-bottom:26px}.analysis-grid{grid-template-columns:minmax(0,2.1fr) minmax(320px,1fr)}}
@media(max-width:1250px){.app-layout{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:24px 18px}main{padding:22px 19px 16px}.header-actions{gap:16px}.crumb{display:none}.header-divider{display:none}.workspace-title h1 small{display:none}.workspace-title h1>span{display:none}.live-label{font-size:7px}.scene-location select{width:195px}.scene-top{left:14px;right:14px}.camera-controls button{padding:7px}.scene-shell{height:365px}.analysis-grid{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:16px}.inspector{padding-left:16px}.panel-heading{display:block}.segmented{width:max-content;margin-top:10px}.map-wrap{height:350px}.metrics{gap:10px}.metric>span{font-size:7px;letter-spacing:.6px}.metric strong{font-size:25px}.metric p{font-size:7px;max-width:145px}.metric>div{min-height:35px}.map-chip{top:50px;left:12px;right:auto}.map-caption{flex-wrap:wrap}.model-note>a{display:none}}
@media(max-width:960px){.topbar{height:62px;padding:0 19px}.brand{font-size:25px}.brand svg{width:30px}.version{display:none}.app-layout{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:22px 16px}.sidebar-head h2{font-size:24px}.scene-top{flex-wrap:wrap;gap:8px}.scene-location select{width:190px}.camera-controls{margin-left:auto}.scene-location{padding:8px}.camera-controls button{font-size:8px;padding:6px}.camera-controls .icon-button{display:none}.location-icon{display:none}.scene-shell{height:350px}.analysis-grid{grid-template-columns:1fr}.inspector{border-left:0;padding-left:0;display:block;border-top:1px solid var(--line);padding-top:10px}.inspector-tabs{min-height:40px}.inspector-title h2{font-size:19px}.map-wrap{height:365px}.panel-heading{display:flex}.segmented{margin-top:0}.metric:last-child{display:none}.metrics{grid-template-columns:1fr 1fr 1.1fr}.metric:nth-child(3){border:0}.peak-button{font-size:8px;padding:7px}.transport{gap:9px}.timeline-labels>span:last-child{font-size:6px}.timeline-labels b{margin:0 2px}#roadDetails{display:grid;grid-template-columns:1fr 1.2fr;column-gap:24px}.inspector-title{grid-column:1;grid-row:1/3}.inspector-values{grid-column:1;grid-row:3/5}.profile-head{grid-column:2;grid-row:1}#profile{grid-column:2;grid-row:2/4}.profile-legend{grid-column:2;grid-row:4}.inspector-note{grid-column:1/3}.wave-indicator{grid-column:1/3}.scene-bottom{font-size:6px;padding-left:14px;padding-right:14px}.interaction-hint b{margin:0 2px}.live-label{display:none}}
@media(max-width:700px){.topbar{padding:0 15px;gap:0}.header-actions{gap:16px}.header-actions button{font-size:10px}.header-actions button svg{width:15px}.header-actions button:last-child span{display:none}.app-layout{display:block}.sidebar{display:none;position:fixed;top:62px;bottom:0;left:0;width:280px;z-index:1100;overflow:auto;box-shadow:10px 0 60px #0009}.sidebar.open{display:flex}.sidebar-head h2{font-size:28px}.sidebar-bottom{margin-top:10px}main{padding:20px 14px 16px}.workspace-title{margin-bottom:17px;align-items:center}.workspace-title .eyebrow{font-size:7px}.workspace-title h1{font-size:25px}.mobile-controls{display:flex;gap:6px;align-items:center;border:1px solid #3d5132;background:#21311e;font-size:9px;padding:7px 9px;border-radius:5px;color:#b9d2a4}.mobile-controls svg{width:13px;height:13px}.scene-shell{height:380px}.scene-top{top:12px;left:12px;right:12px;display:block}.scene-location{width:max-content;max-width:100%}.scene-location select{width:232px;max-width:100%;font-size:12px}.camera-controls{position:absolute;top:84px;right:0;display:grid;width:64px;gap:3px;padding:4px}.camera-controls button{font-size:8px;padding:7px 4px}.scene-location small{font-size:7px}.scene-readings{bottom:43px;left:17px;gap:20px}.scene-readings .storm-state{display:none}.scene-readings strong{font-size:25px}.scene-compass{bottom:55px;right:15px}.scene-bottom{padding-bottom:11px;font-size:5px;letter-spacing:.5px}.interaction-hint{font-size:5px}.scene-bottom>span:last-child{font-size:6px}.transport{gap:9px;padding:14px 0}.peak-button{padding:6px;max-width:58px;font-size:8px;line-height:1.3}.peak-button span{display:none}.timeline-labels>span:last-child{display:none}.transport select{width:42px;padding:4px}.play-button{width:31px;height:31px}.metrics{gap:9px;padding:18px 0}.metric strong{font-size:25px}.metric:nth-child(3) strong{font-size:20px}.metric p{font-size:6px;line-height:1.6}.metric small{font-size:9px}.metric>span{font-size:6px;letter-spacing:.5px;line-height:1.6;min-height:25px}.info-dot{width:9px;height:9px;font-size:6px;flex-shrink:0}.metric>div{margin-top:4px;min-height:32px}.analysis-grid{margin-top:22px;gap:21px}.panel-heading{display:block;margin-bottom:12px}.panel-heading h2{font-size:18px;margin-top:4px}.segmented{margin-top:12px}.segmented button{font-size:9px;padding:5px 12px}.map-wrap{height:420px}.map-chip{left:12px;top:49px}.map-actions button{font-size:9px}.map-foot>div{gap:10px}.map-foot{padding-bottom:20px}.map-caption{font-size:7px;gap:4px}.map-caption>span:last-child{font-size:6px}.inspector-tabs{gap:25px;margin-bottom:16px}.inspector-tabs button{font-size:11px}#roadDetails{column-gap:18px;grid-template-columns:1fr 1.15fr}.inspector-values{gap:17px;margin-top:13px}.inspector-values strong{font-size:20px}.inspector-values span{font-size:6px}.inspector-title h2{font-size:18px}.inspector-title .eyebrow{font-size:6px}.condition-pill{font-size:7px}.profile-head>span{font-size:6px}.profile-head>small{display:none}.profile-legend{gap:8px;font-size:6px}#profile{height:130px}.inspector-note{font-size:8px}.model-note{margin-top:20px;font-size:8px}.dialog-header{padding:20px}.dialog-header h2{font-size:22px}.dialog-body{padding:0 20px 20px}.method-status strong{display:block;margin:5px 0 0}.method-links{display:block}.method-links a{display:block;margin-bottom:9px}.metric-change{display:none}.map-foot>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{animation:none}.toast{transition:none}}

.data-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:9px;color:#a4ac91;padding:11px 0 0;line-height:1.7}.data-note>span{font-size:7px;letter-spacing:1px;color:#c8c49b}.data-note button{padding:0;background:none;color:#c4d5ad;font-size:9px;margin-left:auto}.analysis-grid{margin-top:18px}@media(max-width:700px){.data-note{font-size:8px;gap:4px 8px}.data-note>span{font-size:6px}.data-note button{font-size:8px;margin-left:0}.scene-location small{max-width:230px}.model-note{font-size:8px}}

/* Fit the lab into ordinary browser windows, with a lightweight default view. */
.scene-shell{height:clamp(260px,40vh,380px)}
.scene-shell[data-render-mode="lite"] #scene canvas{cursor:grab}
.scene-shell[data-render-mode="lite"] #scene canvas:active{cursor:grabbing}
.camera-controls{flex-wrap:wrap;justify-content:flex-end}
.camera-controls [data-render]{white-space:nowrap}
.camera-controls [data-render="3d"]:not(.active){border:1px solid #647a54;padding:6px 9px}
#exaggeration:disabled{opacity:.45;cursor:default}
.scene-shell[data-render-mode="lite"] .scene-readings{padding:8px;border-radius:7px;background:#12221bbd}
@media(max-width:700px){.scene-shell{height:300px}.scene-readings{left:12px;bottom:35px}.camera-controls{width:74px;top:80px}.scene-bottom .interaction-hint{max-width:66%;font-size:5px}.scene-location small{max-width:210px}}
@media(prefers-reduced-motion:reduce){.pulse,.loader{animation:none!important}}

/* Roadway first: a larger close view, with a compact in-scene world map. */
.scene-shell{height:clamp(480px,64vh,760px)}
.scene-top{z-index:5;gap:12px;align-items:flex-start}
.scene-location{max-width:calc(100% - 230px)}
.scene-location select{width:320px;max-width:100%;font-size:13px;padding:5px 18px 4px 0}
.scene-location select optgroup,.scene-location select option{background:#19291f;color:#e1eada;font-size:12px}
.road-view-status{position:absolute;left:22px;top:116px;max-width:calc(100% - 55px);padding:6px 9px;border:1px solid #74886155;border-radius:5px;background:#14241de8;color:#c5d6b6;font-size:10px;z-index:3}
.recenter-road{position:absolute;left:22px;top:156px;display:flex;align-items:center;gap:6px;background:#16271fe8;border:1px solid #82996666;border-radius:5px;padding:7px 10px;color:#d4e6c2;font-size:10px;z-index:3}
.recenter-road svg{width:12px;height:12px}
.scene-shell .scene-readings{bottom:50px;max-width:calc(100% - 325px);gap:20px;z-index:3}
.scene-bottom{padding-right:315px;z-index:3}
.scene-bottom #displayScale{display:none}
.minimap{position:absolute;right:18px;bottom:18px;width:274px;z-index:6;border:1px solid #9bb77a88;border-radius:10px;overflow:hidden;background:#12251ff2;box-shadow:0 5px 24px #0006;color:#d5e7c8}
.minimap-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;min-height:30px;background:#192d23}
.minimap-head>span{font-size:8px;letter-spacing:1.1px}.minimap-head b{margin-right:9px;color:#d6efa9;font-size:10px}
.minimap-head button{display:grid;place-items:center;padding:3px;background:none;color:#d6e9bc}
.minimap-head svg{width:13px;height:13px}
.minimap .map-wrap{height:184px;border:0;border-radius:0}
.minimap .map-actions{left:7px;top:7px;gap:4px}
.minimap .map-actions button{padding:5px;background:#15291fef;border-color:#99b37b70}
.minimap .map-actions svg{width:12px;height:12px}
.minimap-location{padding:6px 10px 3px;display:flex;align-items:center;gap:6px;font-size:9px;white-space:nowrap;overflow:hidden}
.minimap-key{display:flex;justify-content:space-between;padding:0 10px 7px;font-size:7px;color:#9fb694}
.mini-north{position:absolute;right:8px;top:9px;font-size:8px;z-index:400;color:#e4edce;text-align:center;text-shadow:0 1px 4px #000}
.mini-north svg{display:block;width:24px;height:24px;fill:#d7eab6;stroke:#203c27;stroke-width:1}
.minimap .leaflet-control-zoom a{width:23px!important;height:23px!important;line-height:23px!important;font-size:15px!important}
.minimap .leaflet-bottom .leaflet-control{margin-bottom:22px;margin-right:7px}
.minimap .leaflet-control-attribution{font-size:5px!important}.minimap .leaflet-control-attribution a{font-size:5px}
.minimap .reach-label{font-size:8px}.minimap .focus-arrow:before{inset:-7px}
.exposure-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding-bottom:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.exposure-key{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:9px;color:#b6c6ac}.exposure-key strong{font-size:8px;letter-spacing:1px;color:#a9bd99;font-weight:400}
.exposure-key span{display:flex;align-items:center;gap:5px}.exposure-key i{background:var(--key);width:13px;height:3px;display:block}
.exposure-toolbar .segmented{margin:0}.exposure-toolbar .segmented button{font-size:9px}
.analysis-grid{display:block;margin-top:16px}.inspector{border-left:0;padding-left:0}.inspector-tabs{min-height:40px}
#roadDetails{display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1.4fr);gap:0 30px}
.inspector-title{grid-column:1;grid-row:1/3}.inspector-values{grid-column:1;grid-row:3/5}.profile-head{grid-column:2;grid-row:1}#profile{grid-column:2;grid-row:2/4;height:150px}.profile-legend{grid-column:2;grid-row:4}.inspector-note,.wave-indicator{grid-column:1/-1}
#rankingList{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.ranking-intro,.inspector-note{font-size:10px}.ranking-row strong{font-size:12px}.ranking-row small{font-size:9px}
.world-map-dialog{width:min(760px,94vw);height:min(780px,92dvh);max-height:92dvh;overflow:hidden}
.world-map-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;height:82px;background:#1b2f23}
.world-map-heading h2{margin:4px 0 0;font-size:23px;font-weight:400}.world-map-heading .icon-button{width:32px;height:32px}
#expandedMapSlot{height:calc(100% - 125px)}#expandedMapSlot .map-wrap{height:100%;border-radius:0;border-left:0;border-right:0}
.world-map-dialog>p{font-size:10px;color:#a5bd96;margin:12px 20px}.world-map-dialog .leaflet-bottom .leaflet-control{margin-bottom:24px}
@media(max-width:1050px){.scene-shell .scene-readings .storm-state{display:none}.scene-location{max-width:calc(100% - 175px)}.scene-location select{width:280px}.minimap{width:236px;right:12px;bottom:14px}.minimap .map-wrap{height:168px}.scene-shell .scene-readings{max-width:calc(100% - 270px);gap:16px}.scene-readings strong{font-size:25px}.scene-bottom{padding-right:265px}}
@media(max-width:700px){.scene-shell{height:clamp(530px,76dvh,720px)}.scene-top{display:block;left:12px;right:12px}.scene-location{max-width:100%;width:100%}.scene-location select{width:100%;font-size:12px}.scene-location>div{min-width:0;width:100%}.scene-location small{max-width:100%;font-size:8px}.camera-controls{position:static;display:flex;width:max-content;max-width:100%;margin:8px 0 0 auto}.camera-controls button{padding:6px 8px}.camera-controls [data-camera]{font-size:8px}.road-view-status{top:145px;left:12px;font-size:8px;max-width:calc(100% - 24px)}.recenter-road{top:183px;left:12px;font-size:9px}.minimap{width:180px;right:10px;bottom:12px}.minimap .map-wrap{height:136px}.minimap-head>span{font-size:6px;letter-spacing:.6px}.minimap-location{font-size:7px;padding-left:7px}.minimap-key{font-size:6px;padding-left:7px;padding-right:7px}.minimap-key span{display:none}.scene-shell .scene-readings{left:10px;bottom:46px;display:block;max-width:calc(100% - 207px);padding:6px}.scene-readings>div{padding-left:7px;margin-bottom:8px}.scene-readings>div:last-child{margin-bottom:0}.scene-readings strong{font-size:22px}.scene-readings>div>span{font-size:6px}.scene-bottom{padding:8px 200px 10px 12px}.scene-bottom .interaction-hint{max-width:100%;font-size:5px;line-height:1.6}.exposure-key{gap:7px;font-size:8px}.exposure-key strong{width:100%}#roadDetails{grid-template-columns:1fr;gap:0}#roadDetails>*{grid-column:1;grid-row:auto}.inspector-title h2{font-size:21px}.inspector-values{margin:12px 0}.profile-head{margin-top:12px}#profile{height:155px}#rankingList{display:block}.world-map-heading{padding:14px}.world-map-heading h2{font-size:20px}.world-map-heading .eyebrow{font-size:7px}.world-map-dialog>p{font-size:8px;margin:10px 13px}}

.single-field{grid-template-columns:1fr;max-width:180px}
.switch-row:has(#showElevation){border:1px solid #60738a;background:#1c2a35;border-radius:6px;padding:10px 9px;margin-top:10px}
.switch-row:has(#showElevation) span{color:#f0ecd0;font-size:11px}
.switch-row:has(#showElevation:checked){border-color:#e6d56e;background:#293746}
.switch-row:has(#showElevation:checked) i{background:#e5d372}
.switch-row:has(#showElevation:checked) i:after{background:#13243b}
.switch-row:has(#showElevation:disabled){opacity:.5}
#elevationHelp{color:#b4c2ca;font-size:9px;line-height:1.6;margin-top:8px}
.elevation-legend{position:absolute;left:22px;bottom:135px;z-index:4;width:245px;padding:11px 13px;border:1px solid #a5b4bd99;border-radius:7px;background:#0c1b2eef;box-shadow:0 3px 15px #0004;color:#f7f7e7}
.elevation-legend strong{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:500}
.elevation-legend strong span{letter-spacing:0;font-size:10px}
.elevation-ramp{height:14px;border:1px solid #bfc4ab88;border-radius:3px;margin-top:8px}
.elevation-ticks{display:flex;justify-content:space-between;margin-top:3px;font-size:10px;font-variant-numeric:tabular-nums}
.elevation-legend small{display:block;color:#cbd5da;margin-top:5px;font-size:8px}
.scene-shell[data-surface="elevation"] .road-view-status{background:#102238ed;border-color:#b4c6cf77;color:#f4f2da}
.scene-shell[data-surface="elevation"] .scene-location,.scene-shell[data-surface="elevation"] .camera-controls{background:#102238ed}
.scene-shell[data-surface="elevation"] .scene-readings{background:#102238ed}
@media(max-width:700px){.elevation-legend{left:12px;bottom:225px;width:160px;padding:8px}.elevation-legend strong{font-size:7px;letter-spacing:.5px}.elevation-ramp{height:12px;margin-top:6px}.elevation-ticks{font-size:9px}.elevation-legend small{font-size:6px}.scene-location select{font-size:13px}}

.leaflet-tile,.leaflet-image-layer{filter:grayscale(1) invert(.94) contrast(.75) brightness(.88)}.leaflet-container{background:#18271f!important}

.leaflet-image-layer.local-aerial{filter:saturate(.4) brightness(.58)}

/* Tidalytic model typography and the official website logo. */
.brand{padding:5px 9px;background:#f8fafb;border:1px solid #e0e6e9;border-radius:6px;flex-shrink:0;line-height:1}
.brand img{display:block;width:170px;height:auto}
.leaflet-container{font-family:var(--font)}
.elevation-legend .water-key{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:9px;color:#e1ecf4}
.elevation-legend .water-key i{width:19px;height:9px;border:1px solid #abd9ff;background:#1e87e1;border-radius:2px}
@media(max-width:960px){.brand img{width:145px}}
@media(max-width:700px){.brand{padding:5px 7px}.brand img{width:135px}.elevation-legend .water-key{font-size:7px;gap:4px;margin-top:5px}.elevation-legend .water-key i{width:13px;height:7px}}

/* Fit a whole road section or the corridor while preserving close inspection. */
.road-navigation{position:absolute;left:22px;top:156px;display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - 44px);z-index:4}
.road-navigation .recenter-road{position:static;white-space:nowrap;cursor:pointer}
.road-navigation .recenter-road:hover{background:#314731;border-color:#c4e78c}
#zoomOut,#zoomIn{font-size:16px;padding:2px 11px}
@media(max-width:700px){.road-navigation{left:12px;top:183px;max-width:calc(100% - 24px);gap:4px}.road-navigation .recenter-road{padding:6px 7px;font-size:9px}#zoomOut,#zoomIn{font-size:14px;padding:2px 9px}}