:root{color-scheme:dark;--bg:#081e29;--panel:rgba(12,33,43,.94);--panel-solid:#102832;--text:#edf3ed;--muted:#96a9ad;--line:rgba(179,206,207,.14);--mint:#83dec5;--amber:#edb36e;--shadow:0 18px 60px #00101930;--sidebar:330px;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint)}button{transition:background .2s,color .2s,transform .2s}a{color:inherit;text-decoration:none}button:hover{color:var(--mint)}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button svg{width:20px;height:20px}button[hidden],[hidden]{display:none!important}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:20px;z-index:9999;background:var(--mint);color:var(--bg);padding:12px}.skip-link:focus{top:8px}
#map{position:fixed!important;inset:0;width:100%;height:100vh;height:100dvh;background:#132f3a;z-index:0}.scene-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#071a29aa 0,transparent 28%,transparent 65%,#06192390 100%)}#topBar{position:fixed;inset:0 0 auto;z-index:20;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0c2531ed,#0c253180);backdrop-filter:blur(16px);gap:20px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand>svg{width:43px;height:43px;color:var(--mint);stroke-width:2}.brand-kicker{font-size:9px;letter-spacing:2.8px;color:var(--mint);font-weight:600}.brand h1{font-family:var(--display);font-size:17px;letter-spacing:-.5px;font-weight:700;margin:3px 0 0}.edition{font-size:9px;vertical-align:middle;border:1px solid #80ccb34d;border-radius:4px;padding:2px 4px;margin-left:8px;color:var(--mint);letter-spacing:.7px}.header-location{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px;color:#d3deda}.header-coords{color:var(--muted);margin-left:13px;font-size:10px;letter-spacing:1px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #83dec533;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:9px}.text-button{font-size:11px;padding:12px 8px;white-space:nowrap}.text-button span{margin-left:12px}.header-divider{height:22px;border-left:1px solid var(--line);margin:0 7px}.icon-button{width:34px;height:36px;border-radius:7px;display:grid;place-items:center;font-size:20px}.icon-button:hover{background:#ffffff0c}#infoBtn{font-family:Georgia,serif;font-style:italic;font-size:18px}.instrument-panel{position:fixed;left:28px;top:115px;bottom:auto;width:var(--sidebar);z-index:10;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(24px);overflow:hidden;max-height:calc(100dvh - 165px);display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 13px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--muted)}.live-badge{font-size:8px;letter-spacing:1px;background:#83dec512;color:var(--mint);border:1px solid #83dec522;border-radius:4px;padding:3px 6px}.location-row{position:relative;padding:0 22px}.location-row select{width:100%;max-width:100%;appearance:none;border:0;background:transparent;color:var(--text);font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-1px;padding:0 24px 0 0;cursor:pointer}.location-row option{background:var(--panel-solid);font-size:14px;color:var(--text)}.location-cross{position:absolute;right:23px;top:4px;color:var(--mint);font-size:22px;pointer-events:none}.station-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;padding:8px 22px 19px;letter-spacing:.2px}.station-meta span:last-child{font-size:8px;color:var(--mint);letter-spacing:1px}#panelDetails{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#46666b transparent;min-height:0}#tabBar{display:flex;padding:0 22px;border-bottom:1px solid var(--line);gap:22px}.tab-btn{font-size:11px;padding:12px 0;color:var(--muted);position:relative;white-space:nowrap}.tab-btn.active{color:var(--text)}.tab-btn.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--mint)}#returnCount{font-size:9px;background:#efb56920;color:var(--amber);border-radius:4px;padding:1px 4px;margin-left:3px}.tab-section{padding:18px 22px 20px}.intensity-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px}#currentSpeed{font-family:var(--display);font-size:69px;line-height:1.1;letter-spacing:-5px;font-weight:500;font-variant-numeric:tabular-nums}.unit{font-size:14px;margin-left:10px;color:var(--muted)}.current-glyph{width:72px;height:48px;color:var(--mint);stroke-width:1.3;opacity:.7}#currentInfo{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mint);font-weight:500}.direction-dot{width:5px;height:5px;background:currentColor;border-radius:50%}#flowHeading{margin-left:auto;font-size:9px;color:var(--muted)}.muted-text{font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0 14px}.intensity-scale{height:3px;border-radius:3px;background:linear-gradient(90deg,#89abc23d,#72cdb94d,#e8af794d);position:relative;margin:16px 0 8px}#intensityMeter{position:absolute;width:8px;height:8px;top:-2.5px;background:var(--text);border:2px solid var(--panel-solid);border-radius:50%;left:0;transition:left .5s}.scale-labels,.chart-axis{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.chart-heading{display:flex;justify-content:space-between;align-items:center;margin-top:27px;gap:8px}.chart-heading .eyebrow{font-size:8px;letter-spacing:1px}#chartDate{font-size:8px;color:var(--muted);white-space:nowrap}.chart-container{height:76px;width:100%;position:relative;margin-top:14px;overflow:hidden}.chart-container canvas{display:block;width:100%;height:100%}.chart-now-line{position:absolute;top:0;bottom:0;width:1px;background:#d6e6e38c;pointer-events:none}.chart-now-dot{position:absolute;transform:translate(-50%,-50%);background:var(--mint);border:2px solid var(--panel-solid);width:8px;height:8px;border-radius:50%;pointer-events:none}.chart-axis{margin-top:7px}.event-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:20px;padding-top:17px;gap:18px}.event-grid>div+div{border-left:1px solid var(--line);padding-left:18px}.event-label{display:block;font-size:8px;letter-spacing:1.1px;color:var(--muted);margin-bottom:5px}.event-grid strong{font-size:23px;font-family:var(--display);font-weight:500;letter-spacing:-.8px;font-variant-numeric:tabular-nums;display:block}.event-grid small{font-size:10px;color:var(--muted)}.reference-note{font-size:8px;color:var(--muted);margin:10px 0 17px}.primary-button{width:100%;background:var(--mint);color:#123a38;border-radius:7px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:700;min-height:42px}.primary-button>span:last-child{margin-left:auto}.primary-button:hover{background:#a4eed7;color:#103e32;transform:translateY(-1px)}.primary-button svg{width:17px}.panel-footer{padding:12px 20px;display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);font-size:8px;color:var(--muted);line-height:1.5;min-height:38px}#dataStatus.loading:after{content:' ···';color:var(--mint)}.mobile-panel-toggle{display:none}.scene-title{position:fixed;top:142px;left:calc(var(--sidebar) + 65px);z-index:2;pointer-events:none}.scene-title .eyebrow{color:#b9d1ce;font-size:9px;letter-spacing:3px}.scene-title h2{font-family:var(--display);font-size:clamp(28px,3.1vw,47px);letter-spacing:-2px;line-height:1.15;font-weight:400;margin:16px 0 13px;text-shadow:0 2px 30px #00202ccc}.scene-title p{font-size:11px;letter-spacing:.15px;color:#b4c9cb;margin:0}.view-switch{position:fixed;top:113px;right:28px;z-index:9;display:flex;gap:3px;border:1px solid var(--line);background:var(--panel);padding:4px;border-radius:8px;backdrop-filter:blur(20px)}.view-switch button{padding:9px 12px;font-size:14px;border-radius:5px;color:var(--muted)}.view-switch button span{font-size:10px;margin-left:5px}.view-switch button.active{background:#83dec516;color:var(--mint)}.map-tools{position:fixed;right:28px;top:193px;z-index:5;display:flex;flex-direction:column;gap:14px;align-items:center}.compass-button{width:52px;height:66px;display:flex;flex-direction:column;align-items:center;font-size:9px;gap:2px;color:#dbe5da;letter-spacing:1px}.compass-button svg{width:45px;height:45px;fill:#e4e7d9;stroke:none}.zoom-tools{background:var(--panel);border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.zoom-tools button{width:38px;height:38px;font-size:22px;font-weight:400}.zoom-tools button+button{border-top:1px solid var(--line)}.layer-controls{position:fixed;right:28px;bottom:241px;z-index:6;display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:3px 6px;gap:2px;backdrop-filter:blur(10px)}.layer-controls button{font-size:9px;color:var(--muted);padding:9px 7px;display:flex;align-items:center;gap:6px}.toggle-indicator{width:7px;height:7px;border:1px solid #789798;border-radius:50%}.layer-controls [aria-pressed=true] .toggle-indicator{background:var(--mint);border-color:var(--mint)}.layer-controls [aria-pressed=true] .toggle-indicator.amber{background:var(--amber);border-color:var(--amber)}#motionToggle{font-size:15px;border-left:1px solid var(--line);margin-left:4px;padding-left:12px}.scene-hint{position:fixed;bottom:241px;left:calc(var(--sidebar) + 65px);z-index:4;display:flex;gap:10px;align-items:center;font-size:10px;color:#c8d4d2}.hint-icon{font-size:23px;color:var(--mint)}kbd{font:8px var(--font);border:1px solid var(--line);border-radius:3px;padding:3px 5px;color:var(--muted);margin-left:7px;letter-spacing:.5px}.timeline{position:fixed;left:calc(var(--sidebar) + 65px);right:28px;bottom:83px;z-index:8;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:19px 22px 18px;backdrop-filter:blur(24px);box-shadow:var(--shadow)}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.timeline-label{display:flex;flex-direction:column;gap:7px}.timeline-label .eyebrow{font-size:8px;letter-spacing:1.6px}#datetimepicker{border:0;background:none;color:var(--text);font-size:13px;font-family:var(--display);cursor:pointer;width:210px;padding:0;outline-offset:4px}.timeline-actions{display:flex;gap:15px;align-items:center}.subtle-button{font-size:10px;color:var(--muted);padding:6px 0}.now-button{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:8px 12px;display:flex;align-items:center;gap:7px}.timeline-track{display:flex;align-items:flex-start;gap:17px}.play-button{width:31px;height:31px;border:1px solid #83dec54d;border-radius:50%;color:var(--mint);display:grid;place-items:center;flex-shrink:0}.play-button svg{width:16px;height:16px;fill:var(--mint);stroke:none}.slider-wrap{flex:1;padding-top:6px;min-width:0}#timeSlider{appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--mint) var(--progress,50%),#78939645 var(--progress,50%));display:block;cursor:pointer;margin:7px 0 16px;outline-offset:7px}#timeSlider::-webkit-slider-thumb{appearance:none;height:11px;width:11px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #83dec51a}#timeSlider::-moz-range-thumb{height:11px;width:11px;border:0;border-radius:50%;background:var(--mint)}.time-ticks{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:.5px}#timeOutput{font-family:var(--display);font-size:16px;color:var(--mint);letter-spacing:-.5px;line-height:31px;font-variant-numeric:tabular-nums}.scene-footer{position:fixed;left:calc(var(--sidebar) + 65px);right:28px;bottom:44px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:5}.flow-legend{display:flex;align-items:center;gap:16px;font-size:8px;color:#c4d4d4;white-space:nowrap}.flow-legend>span{display:flex;gap:5px;align-items:center}.flow-legend i{width:13px;height:2px;border-radius:3px;display:inline-block}.montante{background:#60e8de}.scendente{background:#7aaeff}.forte{background:#ffa16e}.legend-note{color:var(--muted);font-size:7px}.credit{font-size:8px;color:var(--muted);white-space:nowrap}.credit a{color:var(--text)}.maplibregl-ctrl-bottom-left{left:27px!important;bottom:6px!important;max-width:calc(100% - 60px)}.maplibregl-ctrl-attrib{background:#0a2330c9!important;color:#9eb4b6!important;border:1px solid var(--line);font-size:9px!important;border-radius:4px!important}.maplibregl-ctrl-attrib a{color:#bdd0d0!important}.maplibregl-ctrl-attrib-button{filter:invert(1);opacity:.5}.maplibregl-ctrl-scale{border-color:#8ba5a9!important;color:#b9cbcb!important;background:transparent!important;font-size:8px!important}.station-marker{width:11px;height:11px;border:2px solid #a0e8d5;background:#143d48;border-radius:50%;box-shadow:0 0 0 4px #85d9c511;cursor:pointer}.station-marker:hover,.station-marker.selected{background:#bdf5df;box-shadow:0 0 0 7px #85d9c52b}.station-marker.satellite{border-radius:2px;border-color:#a2bde7;width:8px;height:8px}.station-label{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:9px;color:#d7e7e0;white-space:nowrap;text-shadow:0 1px 3px #05202c,0 0 8px #05202c;padding:2px 5px;pointer-events:none;letter-spacing:.2px}.station-marker.satellite .station-label{font-size:8px;color:#aebed1}.station-marker.selected .station-label{color:#e5fff4;background:#103d43cc;border:1px solid #83dec54d;border-radius:4px;padding:3px 7px}.return-marker{width:27px;height:27px;display:grid;place-items:center;color:var(--amber);border-radius:50%;border:1px solid #e6ab7b66;background:#382c22bb;font-size:10px;box-shadow:0 0 0 5px #e7b36c0d}.return-marker:hover{color:#fff1cd;background:#74582fc9}.return-intro{display:flex;align-items:center;gap:12px;margin:0 0 14px}.return-symbol{font-size:32px;color:var(--amber)}.return-intro h2{font:500 22px var(--display);letter-spacing:-.8px;margin:0 0 3px}.return-intro p{font-size:10px;color:var(--muted);margin:0}.return-card{width:100%;text-align:left;padding:14px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:25px 1fr;gap:8px}.return-card .return-index{color:var(--amber);font-size:10px;margin-top:3px}.return-card strong{font-size:11px;font-weight:500;display:block}.return-card small{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:5px}.return-card .return-level{display:inline-block;color:var(--amber);font-size:8px;background:#edb36e14;border-radius:3px;padding:2px 5px;margin-top:6px}.model-note{font-size:9px;color:var(--muted);line-height:1.8;padding-top:13px;border-top:1px solid var(--line);margin-top:8px}.empty-state{font-size:12px;color:var(--text);padding:20px 0;line-height:1.8}.weather-heading{margin:5px 0 18px}#weatherContent{font-size:12px}#weatherContent>*{padding-top:8px;padding-bottom:8px}#weatherContent .text-gray-800,#weatherContent .text-gray-700{color:var(--text)!important}#weatherContent .text-gray-500,#weatherContent .text-gray-600{color:var(--muted)!important}#weatherContent .bg-gray-200,#weatherContent .bg-blue-100{background:#8dc6ca20!important}#weatherContent .text-blue-800,#weatherContent .text-blue-600{color:var(--mint)!important}#weatherContent .border-gray-200{border-color:var(--line)!important}#weatherContent .bg-gradient-to-r{background:#a6ddca12!important}.weather-error{font-size:11px;color:var(--muted);padding:12px 0;line-height:1.7}
#firstPersonHud{position:fixed;left:50%;bottom:250px;transform:translateX(-50%);z-index:10;text-align:center;background:var(--panel);padding:20px 24px;border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(20px);min-width:300px}.fp-kicker{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:20px;justify-content:center}.fp-kicker span{font-size:7px;color:var(--mint)}.fp-coords{font:500 18px var(--display);margin:13px 0;color:var(--text);letter-spacing:1px}.fp-controls{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:13px;gap:12px}.fp-controls button{font-size:24px;width:32px}.fp-controls+button kbd{margin-left:auto;border-color:#123a3860;color:inherit}.first-person .instrument-panel,.first-person .scene-title,.first-person .scene-hint,.first-person .layer-controls,.first-person .map-tools,.first-person .return-marker{display:none}.first-person .timeline,.first-person .scene-footer{left:22%;right:22%}.first-person .scene-vignette{background:linear-gradient(180deg,#071a2980,transparent 35%,transparent 65%,#071a2980)}.choosing-point #map canvas{cursor:crosshair!important}.glass{background:var(--panel-solid);color:var(--text);border:1px solid var(--line)}#tableModal,#infoModal,#iosInstallPrompt{z-index:50;backdrop-filter:blur(8px)}#tableModal .glass,#infoModal .glass{background:var(--panel-solid);color:var(--text)}#tableModal [class*=text-gray],#infoModal [class*=text-gray]{color:var(--text)!important}#tableModal [class*=bg-gray],#infoModal [class*=bg-gray]{background:#a2c6c815!important}#tableModal [class*=border-gray],#infoModal [class*=border-gray]{border-color:var(--line)!important}#tableModal select{background:var(--bg);color:var(--text);border-color:var(--line)}#infoModal [class*=bg-blue],#infoModal [class*=bg-cyan]{background:#9cd3d515!important;border-color:var(--line)!important}#infoModal [class*=text-blue],#infoModal [class*=text-cyan]{color:#a6d7d7!important}#infoModal h3{margin:0 0 12px}#infoModal .model-explanation{font-size:12px;line-height:1.8;padding:18px;border:1px solid #edb36e44;border-radius:8px}.model-explanation a{color:var(--mint);text-decoration:underline}.model-explanation p{margin:10px 0}#tableModal .table-cell-clickable{cursor:pointer}#tableModal .table-cell-clickable:hover{background:#83dec530!important}#installPrompt{top:100px!important;bottom:auto!important;right:28px;z-index:40}#mapFailure{position:fixed;top:180px;left:calc(var(--sidebar) + 65px);right:60px;padding:25px;border:1px solid var(--line);background:var(--panel);z-index:8;border-radius:12px;font-size:14px;line-height:1.7}.flatpickr-calendar{z-index:99!important;font-family:var(--font)!important}.flatpickr-calendar *{color-scheme:light}.toast{position:fixed;left:50%;top:105px;transform:translateX(-50%);z-index:90;background:var(--panel-solid);border:1px solid var(--line);color:var(--text);padding:12px 20px;border-radius:7px;max-width:90vw;font-size:12px;box-shadow:var(--shadow)}
.light-scene{--panel:rgba(239,243,229,.94);--panel-solid:#edf1e5;--text:#203d3d;--muted:#5f7874;--line:rgba(43,80,73,.16);--mint:#287f68;--bg:#b6cbc4;color-scheme:light}.light-scene #topBar{background:#e9eddfef}.light-scene .header-location{color:#46615a}.light-scene .scene-title h2{color:#f7f5e7;text-shadow:0 2px 25px #123c46}.light-scene .scene-title .eyebrow,.light-scene .scene-title p{color:#e9eee0}.light-scene #weatherContent .text-blue-800{color:#287f68!important}.light-scene .primary-button{color:#eef5e9}.light-scene .compass-button{color:#f3f0df}.light-scene .flow-legend,.light-scene .scene-hint{color:#eff4e6}
@media(min-width:1500px){:root{--sidebar:350px}.instrument-panel{top:124px;left:34px}.scene-title{left:425px;top:170px}.timeline,.scene-footer,.scene-hint{left:425px}.timeline{bottom:94px}.scene-hint,.layer-controls{bottom:258px}.scene-footer{bottom:51px}.chart-container{height:92px}.tab-section{padding:23px 25px}.panel-heading{padding-top:26px}.intensity-row{margin:6px 0 9px}}
@media(max-height:830px) and (min-width:768px){.instrument-panel{top:105px;max-height:calc(100dvh - 145px)}.panel-heading{padding-top:15px;padding-bottom:9px}.station-meta{padding-bottom:10px}.tab-section{padding-top:12px;padding-bottom:14px}#currentSpeed{font-size:59px}.chart-heading{margin-top:18px}.chart-container{height:60px;margin-top:10px}.event-grid{margin-top:12px;padding-top:12px}.muted-text{margin:7px 0}.reference-note{margin-bottom:10px}.intensity-scale{margin-top:12px}.timeline{bottom:63px}.scene-footer{bottom:33px}.scene-hint,.layer-controls{bottom:220px}}
@media(max-width:1200px){.header-location{display:none}.legend-note,.credit{display:none}.scene-title{top:170px}.scene-title h2{font-size:33px}.view-switch button{padding:8px}.view-switch button span{font-size:9px}.scene-hint kbd{display:none}.scene-hint{max-width:270px;font-size:9px}.layer-controls{bottom:242px}.scene-hint{bottom:246px}.flow-legend{font-size:8px}.timeline{padding:17px}.timeline-actions{gap:9px}.timeline-actions .subtle-button{display:none}}
@media(max-width:960px) and (min-width:768px){:root{--sidebar:290px}.instrument-panel{left:20px}.scene-title,.timeline,.scene-footer,.scene-hint{left:332px}.view-switch{right:20px}.view-switch button span{display:none}.view-switch button{min-width:38px}.scene-title h2{font-size:29px}.scene-hint{bottom:235px;max-width:210px}.layer-controls{bottom:275px}#currentSpeed{font-size:58px}.tab-section{padding-left:18px;padding-right:18px}.chart-heading .eyebrow{font-size:7px}#tabBar{gap:17px}.header-actions{gap:4px}}
@media(max-width:767px){#topBar{height:77px;padding:env(safe-area-inset-top) 16px 0;gap:8px}.brand{gap:8px}.brand>svg{width:31px;height:31px}.brand-kicker{font-size:7px;letter-spacing:1.7px}.brand h1{font-size:13px;letter-spacing:-.3px}.edition{font-size:7px;margin-left:5px;padding:1px 3px}.header-actions{gap:1px}.header-actions .text-button,.header-divider,#shareBtn{display:none}.icon-button{width:29px;height:35px}.view-switch{top:94px;right:14px;left:14px;justify-content:center;gap:5px;padding:4px;background:#102a34e8}.view-switch button{flex:1;font-size:13px;padding:9px 5px}.view-switch button span{font-size:9px;margin-left:4px}.scene-title{top:163px;left:23px}.scene-title .eyebrow{font-size:7px;letter-spacing:2.5px}.scene-title h2{font-size:29px;letter-spacing:-1.2px;margin:10px 0}.scene-title p{display:none}.map-tools{top:160px;right:15px;gap:3px}.compass-button{height:65px}.zoom-tools button{height:34px;width:34px}.instrument-panel{left:12px;right:12px;width:auto;top:auto;bottom:calc(169px + env(safe-area-inset-bottom));max-height:calc(100dvh - 260px);border-radius:12px;transition:max-height .35s;z-index:12}.mobile-panel-toggle{height:17px;display:flex;align-items:center;justify-content:center;width:100%;padding:0}.mobile-panel-toggle span{width:28px;height:3px;background:#8cacac55;border-radius:3px}.panel-heading{padding:0 16px 5px}.panel-heading .eyebrow{font-size:7px}.live-badge{font-size:7px;padding:1px 5px}.location-row{padding:0 16px 13px}.location-row select{font-size:20px}.location-cross{right:20px;font-size:18px;top:1px}#panelDetails,.panel-footer{display:none}.panel-open #panelDetails{display:block}.panel-open .panel-footer{display:flex}.panel-open .scene-title{display:none}.panel-open .instrument-panel{max-height:calc(100dvh - 270px)}.panel-open .location-row{padding-bottom:0}.panel-open #currentSpeed{font-size:53px}.panel-open .tab-section{padding:10px 18px 16px}.panel-open .station-meta{padding:8px 18px 12px}.panel-open .chart-container{height:66px}.panel-open .chart-heading{margin-top:18px}.panel-open .event-grid{margin-top:15px}.panel-open .current-glyph{width:60px}#tabBar{padding:0 18px;justify-content:space-between;gap:15px}.tab-btn{padding:10px 0}.timeline{left:12px;right:12px;bottom:calc(37px + env(safe-area-inset-bottom));padding:12px 15px 10px;border-radius:12px}.timeline-head{margin-bottom:11px}.timeline-label .eyebrow{font-size:6px;letter-spacing:1.5px}#datetimepicker{font-size:11px;width:185px}.timeline-label{gap:6px}.now-button{font-size:9px;padding:7px 9px}.timeline-track{gap:12px}.play-button{width:29px;height:29px}.time-ticks{font-size:7px}#timeOutput{font-size:14px}#timeSlider{margin-bottom:13px}.scene-footer{bottom:calc(14px + env(safe-area-inset-bottom));left:20px;right:20px;justify-content:center}.flow-legend{gap:17px;font-size:7px}.layer-controls{right:14px;bottom:calc(272px + env(safe-area-inset-bottom));padding:2px 4px}.layer-controls button{font-size:8px;padding:8px 5px}.scene-hint{left:20px;bottom:calc(317px + env(safe-area-inset-bottom));font-size:9px;max-width:none;gap:6px}.scene-hint .hint-icon{font-size:18px}.scene-hint kbd{display:none}.panel-open .scene-hint,.panel-open .layer-controls{display:none}.maplibregl-ctrl-bottom-left{bottom:calc(305px + env(safe-area-inset-bottom))!important;left:auto!important;right:12px!important}.maplibregl-ctrl-attrib{font-size:8px!important}.maplibregl-ctrl-scale{display:none}.panel-open .maplibregl-ctrl-bottom-left{bottom:calc(170px + env(safe-area-inset-bottom))!important}.station-label{font-size:8px}.station-marker.satellite .station-label{display:none}.first-person .timeline,.first-person .scene-footer{left:12px;right:12px}#firstPersonHud{bottom:calc(180px + env(safe-area-inset-bottom));padding:16px 20px;min-width:0;width:calc(100% - 40px);max-width:380px}.first-person .maplibregl-ctrl-bottom-left{bottom:calc(340px + env(safe-area-inset-bottom))!important}.fp-coords{font-size:16px}#mapFailure{left:20px;right:20px;top:155px;font-size:12px}#installPrompt{top:140px!important;right:15px}#installPrompt button{font-size:10px}.toast{top:145px;font-size:11px}.light-scene .view-switch{background:var(--panel)}}
@media(max-height:670px) and (max-width:767px){.scene-title{display:none}.scene-hint{display:none}.view-switch{top:83px}.map-tools{top:136px}.instrument-panel{max-height:calc(100dvh - 205px)}.panel-open .instrument-panel{max-height:calc(100dvh - 205px)}#topBar{height:70px}.layer-controls{bottom:270px}.location-row{padding-top:0;padding-bottom:10px}.location-row select{font-size:18px}.timeline{padding-top:10px}.panel-open .station-meta{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The install action lives in the header and never covers map controls. */
#topBar #installPrompt{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin-right:8px}
#topBar #installBtn{background:transparent;border:1px solid var(--line);border-radius:5px;box-shadow:none;padding:7px 9px;font-size:9px;color:var(--muted);gap:6px;transform:none}
#topBar #installBtn svg{width:13px;height:13px}#topBar #installDismiss{width:13px;height:13px;font-size:9px;top:-5px;right:-5px;background:var(--panel-solid);color:var(--muted);border:1px solid var(--line)}
@media(max-width:767px){#topBar #installPrompt{margin:0 5px 0 0}#topBar #installBtn{padding:7px}#topBar #installBtn span{display:none}}
/* Readability pass: data and controls remain legible on large screens. */
:root{--sidebar:350px;--muted:#afc0c0}.brand-kicker{font-size:10px}.header-location{font-size:11px}.header-coords{font-size:11px}.text-button{font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.3px}.live-badge{font-size:10px}.station-meta{font-size:11px}.station-meta span:last-child{font-size:9px}.tab-btn{font-size:13px}.muted-text{font-size:13px}.scale-labels,.chart-axis{font-size:10px}.chart-heading .eyebrow{font-size:9px}#chartDate{font-size:10px}.event-label{font-size:10px;letter-spacing:.7px}.event-grid small{font-size:12px}.reference-note{font-size:10px}.primary-button{font-size:13px}.panel-footer{font-size:10px}.scene-title p{font-size:13px}.view-switch button span{font-size:12px}.layer-controls button{font-size:11px}.scene-hint{font-size:12px;bottom:240px}.layer-controls{bottom:283px}.timeline-label .eyebrow{font-size:10px}#datetimepicker{font-size:15px}.subtle-button,.now-button{font-size:12px}.time-ticks{font-size:10px}#timeOutput{font-size:20px}.flow-legend{font-size:10px;gap:15px}.legend-note,.credit{font-size:9px}.station-label{font-size:11px;font-weight:500}.station-marker.satellite .station-label{font-size:10px}.maplibregl-ctrl-attrib{font-size:10px!important}.return-card strong{font-size:13px}.return-card small{font-size:11px}.return-card .return-level{font-size:10px}.model-note{font-size:11px}.return-intro p{font-size:12px}.weather-heading{font-size:10px}#weatherContent{font-size:13px}.fp-kicker{font-size:11px}.fp-kicker span{font-size:10px}.fp-controls{font-size:12px}.coastal-summary{border:1px solid #bda0e933;padding:12px;border-radius:7px;margin:12px 0;color:#d4bafa;font-size:12px;line-height:1.65}.coastal-summary strong{font-weight:500}.coastal-summary p{font-size:11px;color:var(--muted);margin:6px 0 0}.flow-legend i.coastal{background:#c4a3f4;border-top:2px dotted #e5cfff}.layer-controls [aria-pressed=true] .toggle-indicator.violet{background:#c4a3f4;border-color:#c4a3f4}
@media(min-width:1500px){:root{--sidebar:370px}.scene-title,.timeline,.scene-footer,.scene-hint{left:437px}.layer-controls{bottom:270px}.scene-hint{bottom:249px}}
@media(max-width:1200px){.scene-hint{font-size:11px;max-width:300px}.view-switch button span{font-size:11px}.legend-note,.credit{display:none}}
@media(max-width:960px) and (min-width:768px){:root{--sidebar:300px}.chart-heading .eyebrow{font-size:8px}.view-switch button span{display:none}.scene-title,.timeline,.scene-footer,.scene-hint{left:340px}.layer-controls{bottom:282px}}
@media(max-width:767px){.brand-kicker{font-size:8px}.brand h1{font-size:12px}.header-actions .icon-button{width:27px}.header-actions #infoBtn{display:none}.view-switch button span{font-size:11px}.scene-title .eyebrow{font-size:9px}.panel-heading .eyebrow{font-size:10px}.live-badge{font-size:9px}.station-meta{font-size:10px}.tab-btn{font-size:13px}.muted-text{font-size:12px}.chart-heading .eyebrow{font-size:9px}.event-label{font-size:9px}.timeline-label .eyebrow{font-size:9px;letter-spacing:.8px}#datetimepicker{font-size:13px;width:180px}.now-button{font-size:11px}.time-ticks{font-size:9px}#timeOutput{font-size:17px}.layer-controls{bottom:calc(277px + env(safe-area-inset-bottom));left:12px;right:12px;justify-content:center}.layer-controls button{font-size:11px;padding:10px 7px}.scene-hint{bottom:calc(330px + env(safe-area-inset-bottom));font-size:11px;left:17px;right:17px;max-width:none}.flow-legend{gap:9px;font-size:9px;flex-wrap:wrap;justify-content:center}.flow-legend i{width:9px}.station-label{font-size:10px}.scene-footer{bottom:calc(11px + env(safe-area-inset-bottom))}.instrument-panel{bottom:calc(175px + env(safe-area-inset-bottom))}.timeline{bottom:calc(43px + env(safe-area-inset-bottom))}.fp-kicker{font-size:10px}.fp-kicker span{font-size:9px}.fp-controls{font-size:11px}#firstPersonHud{bottom:calc(192px + env(safe-area-inset-bottom))}.light-scene{--muted:#4d6863}}

.station-popup .maplibregl-popup-content{background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:16px;box-shadow:var(--shadow)}
.station-popup .maplibregl-popup-tip{border-top-color:var(--panel-solid)!important;border-bottom-color:var(--panel-solid)!important}
.station-popup .maplibregl-popup-close-button{font-size:20px;color:var(--muted);padding:2px 8px;right:2px;top:1px}
.station-detail>div{padding:5px 0 13px!important;font-family:var(--font)!important;min-width:220px!important}
.station-detail div,.station-detail span{font-size:12px!important;line-height:1.65!important}
.station-detail>div>div:first-child{color:var(--text)!important;font-size:15px!important;margin-right:14px!important}
.station-detail [style*="#4b5563"],.station-detail [style*="#6b7280"]{color:var(--muted)!important}
.first-person .station-marker .station-label{font-size:12px;background:#0a2b35d9;border-radius:4px}
@media(max-width:767px){.station-popup{max-width:275px!important}.station-popup .maplibregl-popup-content{padding:12px}.station-detail div,.station-detail span{font-size:11px!important}}
.wind-marker{width:36px;height:36px;color:#f1e6b4;background:#143644d9;border-radius:50%;cursor:pointer}.wind-marker svg{width:36px;height:36px;stroke-width:1.7}.wind-marker svg circle{stroke-dasharray:1 4;opacity:.6}.wind-marker span{position:absolute;left:42px;top:7px;font-size:11px;white-space:nowrap;color:#eee4b9;background:#163340de;border:1px solid #e8dfa52b;border-radius:4px;padding:3px 7px}.wind-interaction{font-size:12px;line-height:1.75}.wind-interaction p{color:var(--muted);margin:12px 0}.wind-source{font-size:11px;border-top:1px solid var(--line);padding-top:14px}.wind-assessment{border:1px solid #8bafa34d;border-radius:8px;padding:13px;margin:12px 0;background:#82c7b10a}.wind-assessment.opposing{border-color:#e2b47a77;background:#e5b6760c}.wind-assessment h3{font:600 15px var(--display);margin:0;color:#e4cf99}.wind-assessment p{font-size:12px}.wind-metrics{display:grid;gap:5px}.wind-metrics span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.wind-metrics b{color:var(--text);font-weight:500}.layer-controls [aria-pressed=true] .toggle-indicator.wind{background:#f1e6b4;border-color:#f1e6b4}.first-person .wind-marker{display:block}
@media(max-width:767px){.layer-controls button{padding:10px 5px;font-size:10px;gap:4px}.wind-marker span{font-size:10px;left:auto;right:40px}.legend-note{display:none!important}#windMethodBtn{font-size:12px}}
/* Compact the chrome and let the sea be the main surface. */
.scene-title{top:177px}.scene-title h2{font-size:25px;letter-spacing:-.8px;margin:8px 0;font-weight:500}.scene-title .eyebrow{font-size:10px;letter-spacing:2px}.scene-title p{display:none}.layer-controls{bottom:240px}.scene-hint{bottom:250px;max-width:300px}.chart-selected-line{position:absolute;top:0;bottom:0;width:1px;background:#88e5c8;pointer-events:none}.chart-selected-line span{position:absolute;top:0;right:4px;font-size:9px;padding:1px 3px;background:var(--panel-solid);color:var(--mint);border-radius:3px}.chart-now-line{background:#e4e7da44}.chart-heading{margin-top:20px}.intensity-row{margin:0}.event-grid{margin-top:14px;padding-top:13px}.panel-heading{padding-top:18px}.tab-section{padding-top:15px}.panel-footer{flex-shrink:0}.intensity-row .current-glyph{width:60px}.timeline-head{margin-bottom:13px}.timeline{padding:15px 20px}.scene-footer{flex-wrap:wrap}.scene-footer .credit{margin-left:auto}
@media(min-width:1500px){.scene-title{top:173px}.layer-controls{bottom:240px}.scene-hint{bottom:252px}.chart-container{height:80px}.tab-section{padding:18px 23px}.panel-heading{padding-top:21px}.instrument-panel{max-height:calc(100dvh - 162px)}}
@media(max-width:1200px){.scene-hint{display:none}.layer-controls{bottom:229px}.scene-title{top:170px}}
@media(max-width:767px){.scene-title{top:157px;left:20px}.scene-title h2{font-size:19px;letter-spacing:-.6px;margin:5px 0}.scene-title .eyebrow{font-size:8px;letter-spacing:1.5px}.layer-controls{bottom:calc(274px + env(safe-area-inset-bottom));padding:1px 3px}.layer-controls button{padding:9px 5px}.scene-hint{display:none}.timeline{padding:12px 15px 10px}.panel-heading{padding:0 16px 5px}.chart-heading{margin-top:16px}.panel-open .instrument-panel{max-height:calc(100dvh - 238px)}.panel-open .tab-section{padding:12px 18px}.panel-open #currentSpeed{font-size:48px}.panel-open .chart-container{height:77px}.panel-open .event-grid{padding-top:11px;margin-top:13px}.panel-open .reference-note{margin:8px 0 12px}}
@media(max-width:767px){.timeline-actions .subtle-button{display:block;font-size:0;min-width:26px;padding:6px}.timeline-actions .subtle-button::after{content:'▦';font-size:21px;color:var(--muted)}.timeline-actions{gap:5px}}
/* Meteorological overlay and a separate wind-only view. */
.wind-marker{width:56px;height:56px;border-radius:8px;background:#102c36aa;color:#fff0b8;border:1px solid #fff0b82b}
.wind-marker svg{width:56px;height:56px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;overflow:visible}
.wind-marker svg circle{stroke-dasharray:none;opacity:1}
.wind-marker span{font-size:12px;left:58px;top:18px;color:#fff0b8}
.wind-grid-marker span{left:10px;top:56px;font-size:12px;padding:2px 4px}
.wind-map-status{position:absolute;right:30px;top:176px;z-index:3;color:#fff0b8;background:#102b34ed;border:1px solid #fff0b82b;border-radius:6px;padding:8px 12px;font-size:12px;max-width:calc(100vw - 430px)}
.wind-only .return-marker{display:none}
#windOnlyToggle[aria-pressed=true]{color:#fff0b8;background:#fff0b81a}
@media(max-width:767px){.wind-map-status{top:150px;right:12px;max-width:calc(100vw - 24px);font-size:11px;padding:6px 8px}.wind-marker{width:44px;height:44px}.wind-marker svg{width:44px;height:44px}.wind-grid-marker span{top:42px;left:2px}.layer-controls{max-width:calc(100vw - 24px);flex-wrap:wrap}.layer-controls button{font-size:11px}.wind-marker span{right:auto;left:44px}.wind-grid-marker span{left:2px}}
/* Let the water occupy the first-person foreground. */
@media(min-width:768px){#firstPersonHud{left:28px;bottom:34px;transform:none;min-width:260px;padding:14px 18px}.first-person .timeline,.first-person .scene-footer{left:330px;right:28px}.first-person .layer-controls{display:flex;bottom:220px}.first-person .timeline{bottom:66px}.first-person .scene-footer{bottom:32px}}
@media(max-width:767px){#firstPersonHud{padding:10px 14px}.fp-kicker{display:none}.fp-coords{margin:3px 0 6px}.fp-controls{margin-bottom:5px}.first-person .layer-controls{display:flex;bottom:calc(355px + env(safe-area-inset-bottom))}}
#firstPersonMiniMap{position:absolute;z-index:5;left:28px;top:114px;width:210px;padding:10px;background:#102b34f2;border:1px solid #8daea754;border-radius:10px;box-shadow:0 8px 24px #071a2933}
#miniMapSvg{width:100%;display:block;border-radius:7px}#miniMapSvg text{font:600 11px var(--display);fill:#e7f2e7;letter-spacing:.7px;paint-order:stroke;stroke:#25443d;stroke-width:3px}
.mini-map-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;margin-bottom:8px;color:#b5ece0}.mini-map-caption{font-size:11px;margin-top:7px;color:#cfdfdc;text-align:center}
@media(max-width:767px){#firstPersonMiniMap{top:197px;left:12px;width:142px;padding:7px}.mini-map-title,.mini-map-caption{font-size:10px;letter-spacing:0}.mini-map-title{margin-bottom:4px}.mini-map-caption{margin-top:4px}}
.fp-water-note{font-size:11px;color:var(--muted);margin:0 0 10px}.wind-legend{color:#f5e5ad}.flow-legend .wind-legend i{background:#f5e5ad}.wind-only .flow-legend>span:not(.wind-legend):not(.legend-note){display:none}.wind-only #flowToggle,.wind-only #coastalToggle,.wind-only #returnToggle{display:none}
@media(max-width:767px){.fp-water-note{font-size:10px;margin-bottom:6px}.flow-legend .wind-legend{display:none}.wind-only .flow-legend .wind-legend{display:inline-flex}}
#miniMapSvg{stroke:none}
@media(max-width:767px){.layer-controls{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.layer-controls button{flex-shrink:0;font-size:12px;padding:9px 6px}.first-person #terrainToggle{display:none}.first-person .layer-controls{bottom:calc(355px + env(safe-area-inset-bottom))}}

/* A stable direction palette; force changes thickness, never direction hue. */
:root{--flow-montante:#14efb0;--flow-scendente:#ff427d}
.flow-legend .montante{background:var(--flow-montante);height:3px}
.flow-legend .scendente{background:var(--flow-scendente);height:3px}
.flow-legend .forte{background:#edf7f5;height:5px;box-shadow:0 0 0 1px #07101e}

/* Daylight theme: cartography, water and every overlay share the same palette. */
.light-scene{--bg:#d9edf0;--panel:rgba(250,253,250,.97);--panel-solid:#f7fbf8;--text:#183b46;--muted:#48656c;--line:#47778433;--mint:#126b57;--amber:#875009;--shadow:0 8px 30px #34586018;--flow-montante:#08764f;--flow-scendente:#ba2850}
.light-scene #map{background:#9cd6e0}
.light-scene #topBar{background:#f4faf8f5}
.light-scene .scene-vignette,.light-scene .first-person .scene-vignette{background:linear-gradient(180deg,#f3faf540,transparent 25%,transparent 75%,#f4faf550)}
.light-scene .scene-title h2,.light-scene .scene-title .eyebrow,.light-scene .scene-title p{color:#234c57;text-shadow:0 1px 3px #ffffff}
.light-scene .compass-button{color:#214958}.light-scene .compass-button svg{fill:#214958}
.light-scene .flow-legend,.light-scene .scene-hint{color:#214958;background:#f5fbf4e8;padding:6px 9px;border-radius:6px}
.light-scene .primary-button{color:#fff}.light-scene .primary-button:hover{background:#195d4e;color:#fff}
.light-scene .station-label,.light-scene .station-marker.satellite .station-label,.light-scene .first-person .station-marker .station-label{color:#1d4851;text-shadow:none;background:#f6fcf3ed;border:1px solid #648b8d55;border-radius:4px}
.light-scene .station-marker{border-color:#126b57;background:#fff;box-shadow:0 0 0 3px #ffffff80}
.light-scene .station-marker.selected{background:#126b57}.light-scene .station-marker.selected .station-label{background:#e2f4e9;color:#154e41;border-color:#126b57}
.light-scene .station-marker.satellite{border-color:#385783}
.light-scene .return-marker{background:#fff6df;color:#774609;border-color:#a86f1d;box-shadow:0 0 0 3px #ffffff66}
.light-scene .wind-marker,.light-scene .wind-marker span,.light-scene .wind-map-status{background:#fffbeaee;color:#634708;border-color:#987a3555}
.light-scene .wind-assessment h3,.light-scene .wind-legend{color:#755210}
.light-scene .layer-controls [aria-pressed=true] .toggle-indicator.wind,.light-scene .flow-legend .wind-legend i{background:#856113;border-color:#856113}
.light-scene #windOnlyToggle[aria-pressed=true]{background:#f0dfab;color:#634708}
.light-scene #firstPersonMiniMap{background:var(--panel);border-color:var(--line)}
.light-scene .mini-map-title,.light-scene .mini-map-caption{color:#234e57}
.light-scene #miniMapSvg text{fill:#214a50;stroke:#f4faf3}
.light-scene .maplibregl-ctrl-attrib{background:#f8fcf6ed!important;color:#345b64!important}
.light-scene .maplibregl-ctrl-attrib a{color:#345b64!important}
.light-scene .maplibregl-ctrl-attrib-button{filter:none;opacity:.8}
.light-scene .maplibregl-ctrl-scale{color:#244e58!important;border-color:#244e58!important}
.light-scene #infoModal [class*=text-blue],.light-scene #infoModal [class*=text-cyan]{color:#146b78!important}
.light-scene .chart-selected-line{background:#126b57}.light-scene .chart-now-line{background:#30596666}
/* Fewer compositor surfaces on phones, without reducing text resolution. */
@media(pointer:coarse){#topBar,.instrument-panel,.timeline,.view-switch,.layer-controls,.zoom-tools,#firstPersonHud{backdrop-filter:none;background:var(--panel-solid)}.station-marker{box-shadow:none}}

/* Keep the close control outside the scrolling graph/weather content. */
.panel-close{display:none}.instrument-panel>.panel-heading,.instrument-panel>.location-row,.instrument-panel>.mobile-panel-toggle{flex-shrink:0}
@media(max-width:767px){
 .mobile-panel-toggle{height:28px;flex-shrink:0}
 .panel-open .instrument-panel{max-height:calc(100dvh - 350px - env(safe-area-inset-bottom));min-height:140px}
 .panel-open #panelDetails{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .panel-open .panel-heading{display:flex;padding:0 12px 7px 16px;gap:8px}
 .panel-open .panel-heading .live-badge{margin-left:auto}
 .panel-open .panel-close{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--panel-solid);font-size:13px;font-weight:600}
 .panel-close span{font-size:21px}
 .panel-open .panel-footer{display:none}
}
@media(max-width:767px) and (max-height:650px){.panel-open .instrument-panel{max-height:calc(100dvh - 325px - env(safe-area-inset-bottom))}.panel-open .location-row select{font-size:17px}}

.mobile-current-summary{display:none}
@media(max-width:767px){
 .mobile-current-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 12px;flex-shrink:0;font-size:14px}
 .mobile-current-summary>span{font-weight:600}.mobile-current-summary strong{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}
 .panel-open .mobile-current-summary{display:none}
 body:not(.first-person) .layer-controls{bottom:calc(175px + var(--mobile-panel-height,130px) + 10px + env(safe-area-inset-bottom))}
}

@media(max-width:380px){.brand>svg{display:none}.brand h1{font-size:11px}.edition{display:none}#topBar{padding-left:12px;padding-right:12px}.header-actions .interface-choice-button{font-size:9px}.header-current{font-size:11px}.timeline-head{gap:4px}.timeline-label{min-width:0}#datetimepicker{width:160px;font-size:12px}}