:root{--text:#e8eef3;--muted:#9bacba;--surface:rgba(8,12,18,0.86);--surface-strong:rgba(10,14,20,0.96);--line:rgba(120,160,190,0.16);--line-strong:rgba(120,160,190,0.3);--blue:#46c8ff;--blue-soft:rgba(70,200,255,0.14);--underground:#f4c84a;--green:#58d59a;--orange:#f0a14a;--shadow:rgba(0,0,0,0.6);--radius:12px;--radius-lg:20px;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono","Roboto Mono",Menlo,Consolas,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",monospace;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden;background:#05080c;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font:inherit}.story-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:#061016}.water-scene{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.water-scene:active{cursor:grabbing}.water-scene.is-panning,.water-scene.is-panning:active{cursor:move}.gf-basemap-attribution{position:absolute;left:12px;bottom:10px;z-index:3;max-width:min(360px,calc(100% - 24px));border:1px solid rgba(120,160,190,0.18);border-radius:8px;background:rgba(5,8,12,0.72);color:rgba(232,238,243,0.82);padding:4px 7px;font-size:10.5px;line-height:1.25;pointer-events:none}.scene-header,.story-panel,.focus-panel{position:absolute;z-index:2;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 24px 70px var(--shadow);backdrop-filter:blur(20px)}.scene-header{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.scene-header .eyebrow,.scene-header h1,.scene-header .lead{text-shadow:0 2px 14px rgba(0,0,0,0.75)}.scene-header>.panel-collapse-toggle{display:none}.integrated-gpu .story-panel,.integrated-gpu .focus-panel{background:var(--surface-strong);box-shadow:0 14px 34px rgba(0,0,0,0.45);backdrop-filter:none}.scene-header{top:18px;left:18px;width:min(430px,calc(100vw - 36px));padding:13px 50px 13px 14px}.panel-collapse-toggle{position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;border:1px solid rgba(154,209,235,0.26);border-radius:8px;background:rgba(8,20,28,0.92);color:var(--text);font-size:17px;font-weight:900;line-height:1;cursor:pointer}.panel-collapse-toggle:hover,.panel-collapse-toggle:focus-visible{border-color:rgba(8,111,200,0.5);background:rgba(31,97,135,0.88);color:#ffffff}.scene-header.panel-collapsed,.story-panel.panel-collapsed,.focus-panel.panel-collapsed{width:auto;min-width:48px;min-height:48px;max-height:none;padding:7px;overflow:visible;display:block}.story-panel.panel-collapsed{left:50%;bottom:18px;transform:translateX(-50%)}.scene-header.panel-collapsed>:not(.panel-collapse-toggle),.story-panel.panel-collapsed>:not(.panel-collapse-toggle),.focus-panel.panel-collapsed>:not(.panel-collapse-toggle){display:none !important}.panel-collapsed .panel-collapse-toggle{position:static;display:block}.eyebrow{margin:0;color:var(--muted);font-family:var(--mono);font-size:10.5px;font-weight:500;line-height:1.3;letter-spacing:0.14em;text-transform:uppercase}h1,h2,p{margin:0}h1{margin-top:3px;font-size:28px;line-height:1.12}h2{margin-top:4px;font-size:18px;line-height:1.34}.lead,.focus-panel p{margin-top:8px;color:var(--text);font-size:13px;line-height:1.55;font-weight:680}.phase-legend{min-height:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.phase-legend-title{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:0}.phase-legend-items{display:flex;flex-wrap:wrap;gap:6px}.panel-legend{margin-top:10px}.story-legend{grid-column:1 / -1;margin-top:-2px}.phase-legend-item{display:inline-flex;align-items:center;gap:5px;min-height:24px;border:1px solid rgba(154,209,235,0.2);border-radius:7px;background:rgba(6,16,22,0.62);padding:4px 7px;color:var(--text);font-size:11px;font-weight:850;line-height:1.2}.phase-swatch{width:18px;height:3px;border-radius:999px;box-shadow:0 0 8px currentColor}.phase-swatch-surface{color:#2b9bea;background:#2b9bea}.phase-swatch-underground{color:var(--underground);background:var(--underground)}.phase-swatch-rain{width:9px;height:12px;color:#7cecff;border-radius:999px;background:#7cecff}.phase-swatch-particle-water,.phase-swatch-particle-filtered,.phase-swatch-particle-glow{width:10px;height:10px;border-radius:999px}.phase-swatch-particle-water{color:#69e5ff;background:#69e5ff}.phase-swatch-particle-filtered{color:#ffd86a;background:#ffd86a}.phase-swatch-particle-glow{color:#ffdf76;background:#ffdf76;box-shadow:0 0 0 2px rgba(255,255,255,0.62),0 0 10px rgba(255,216,106,0.96)}.stage-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.stage-controls button,.gf-info,.gf-settings,.gf-return-link,.gf-fullscreen-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(10,15,21,0.7);color:#cdd8e1;padding:9px 16px;font-size:12.5px;font-weight:500;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;backdrop-filter:blur(12px);transition:border-color 0.15s ease,background 0.15s ease,color 0.15s ease}.stage-controls button:hover,.gf-info:hover,.gf-settings:hover,.gf-return-link:hover,.gf-fullscreen-link:hover,.stage-controls button:focus-visible,.gf-info:focus-visible,.gf-settings:focus-visible,.gf-return-link:focus-visible,.gf-fullscreen-link:focus-visible{border-color:rgba(70,200,255,0.55);background:rgba(70,200,255,0.12);color:#eaf6ff;outline:none}.stage-controls button.active,.gf-info.active,.gf-settings.active{border-color:rgba(70,200,255,0.55);background:var(--blue-soft);color:#eaf6ff}.stage-controls button:disabled,.stage-controls button.is-loading{opacity:0.58;cursor:wait}.phase-button{border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--muted);font-weight:500;cursor:pointer}.phase-button:hover{border-color:var(--line);background:rgba(255,255,255,0.04);color:var(--text)}.phase-button.active{border-color:rgba(70,200,255,0.5);background:var(--blue-soft);color:#eef6fb}.story-panel{left:50%;bottom:18px;width:min(980px,calc(100vw - 36px));min-height:82px;transform:translateX(-50%);display:grid;grid-template-columns:minmax(520px,1fr) 270px;gap:12px;align-items:center;padding:10px 50px 10px 12px}.phase-timeline{display:flex;align-items:stretch;gap:9px;min-width:0}.phase-play{flex:0 0 auto;width:44px;border:1px solid rgba(154,209,235,0.26);border-radius:999px;background:var(--surface-strong);color:var(--text);font-size:14px;line-height:1;cursor:pointer}.phase-play.active{border-color:rgba(71,184,255,0.62);background:rgba(31,97,135,0.92);color:#ffffff}.phase-play:hover,.phase-play:focus-visible{border-color:rgba(8,111,200,0.5);background:rgba(31,97,135,0.88);color:#ffffff}.phase-buttons{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.phase-button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:42px;padding:8px 14px;font-size:12.5px;line-height:1.18}.phase-step{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:999px;background:rgba(120,160,190,0.18);color:var(--muted);font-size:11px;font-weight:800;line-height:1}.phase-label-wrap{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}.phase-text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-weight:600}.phase-button.active .phase-sub{color:var(--text)}.phase-button.active .phase-step{background:var(--blue);color:#06121a}.readout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.readout-grid div{min-width:0;border-left:3px solid var(--blue);padding-left:8px}.readout-grid div:nth-child(2){border-color:var(--underground)}.readout-grid div:nth-child(3){border-color:var(--blue)}.readout-grid span,.selection-metric span{display:block;color:var(--muted);font-size:10px;font-weight:850}.readout-grid strong{display:block;margin-top:2px;font-size:18px;line-height:1.05}.focus-panel{top:18px;right:18px;width:min(350px,calc(100vw - 36px));max-height:calc(100vh - 130px);overflow:auto;padding:13px 50px 13px 14px}.focus-panel .flow-balance,.focus-panel .reference-panel{display:none}.focus-panel.view-info .flow-balance,.focus-panel.view-info .reference-panel{display:grid}.focus-panel.view-settings #focusKicker,.focus-panel.view-settings #focusTitle,.focus-panel.view-settings #focusText,.focus-panel.view-settings .flow-balance,.focus-panel.view-settings .reference-panel{display:none}.particle-controls-title{margin:0 0 2px;font-size:13px;font-weight:700;color:var(--text)}.particle-controls-hint{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.particle-controls{display:none;grid-auto-rows:min-content;gap:18px;margin-top:10px;border-top:1px solid var(--line);padding-top:12px}.particle-controls.is-open{display:grid}.focus-panel.view-settings .particle-controls{margin-top:0;border-top:0;padding-top:0}.control-group{display:grid;gap:12px}.control-group-title{margin:0;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;opacity:0.85}.panel-disclosure{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,0.04);color:#cdd8e1;padding:9px 14px;font-size:12px;font-weight:500;cursor:pointer}.panel-disclosure:hover,.panel-disclosure:focus-visible,.panel-disclosure.active{border-color:rgba(70,200,255,0.55);background:var(--blue-soft);color:#eaf6ff}.panel-disclosure-icon{font-size:13px;line-height:1}.panel-disclosure-label{flex:1 1 auto;text-align:left}.panel-disclosure-caret{font-size:11px;line-height:1;transition:transform 140ms ease}.panel-disclosure.active .panel-disclosure-caret{transform:rotate(180deg)}.control-row{display:grid;gap:8px}.control-row label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:var(--muted);font-size:11.5px;font-weight:500;line-height:1.2}.control-row output{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.control-row input[type="range"]{width:100%;accent-color:var(--blue)}.range-with-number{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:8px;align-items:center}.range-with-number input[type="number"]{width:100%;min-height:32px;border:1px solid rgba(154,209,235,0.26);border-radius:7px;background:rgba(6,16,22,0.92);color:var(--text);font:inherit;font-size:12px;font-weight:850;text-align:right;font-variant-numeric:tabular-nums}.particle-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.particle-presets button{min-width:0;min-height:30px;border:1px solid rgba(154,209,235,0.26);border-radius:7px;background:rgba(6,16,22,0.92);color:var(--text);font-size:11px;font-weight:850;cursor:pointer}.particle-presets button:hover,.particle-presets button:focus-visible,.particle-presets button.active{border-color:rgba(8,111,200,0.5);background:rgba(31,97,135,0.88);color:#ffffff}.particle-presets button:disabled{cursor:not-allowed;opacity:0.42}.particle-reset{min-height:36px;border:1px solid rgba(154,209,235,0.26);border-radius:8px;background:rgba(6,16,22,0.92);color:var(--text);font-size:12px;font-weight:850;cursor:pointer}.particle-reset:hover,.particle-reset:focus-visible{border-color:rgba(8,111,200,0.5);background:rgba(31,97,135,0.88);color:#ffffff}.flow-balance{gap:7px;margin-top:11px}.fact-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:9px;align-items:baseline;border-top:1px solid rgba(154,209,235,0.18);padding-top:7px;color:var(--muted);font-size:11px;font-weight:850}.fact-row strong{min-width:0;color:var(--text);font-size:12px;line-height:1.32;overflow-wrap:anywhere}.reference-panel{gap:8px;margin-top:9px}.section-note{border-top:1px solid rgba(154,209,235,0.18);padding-top:8px;color:var(--text);font-size:11px;line-height:1.5;font-weight:700}.section-note strong{font-weight:900}.dom-legend{display:flex;flex-wrap:wrap;gap:5px;border-top:1px solid rgba(154,209,235,0.18);padding-top:8px}.dom-item{display:inline-flex;align-items:center;gap:4px;max-width:100%;color:var(--muted);font-size:10px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.dom-item i{flex:0 0 auto;width:10px;height:10px;border:1px solid rgba(232,245,255,0.28);border-radius:2px}@media (max-width:960px){html,body{overflow:auto}.story-shell{min-height:100vh;height:auto;display:grid;grid-template-rows:auto minmax(500px,62vh) auto auto;gap:8px;overflow:visible;padding:10px}.water-scene,.scene-header,.story-panel,.focus-panel{position:relative;inset:auto;width:100%;transform:none}.story-panel.panel-collapsed{left:auto;bottom:auto;transform:none}.scene-header{order:1}.water-scene{order:2;min-height:500px;border:1px solid var(--line);border-radius:8px;background:#061016;box-shadow:0 10px 26px var(--shadow)}.story-panel{order:3;grid-template-columns:1fr;min-height:0}.focus-panel{order:4;max-height:none}.focus-panel .flow-balance,.focus-panel .reference-panel{display:grid}h1{font-size:24px}.phase-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.story-shell{padding:8px}.scene-header,.story-panel,.focus-panel{padding:12px 48px 12px 12px}.scene-header.panel-collapsed,.story-panel.panel-collapsed,.focus-panel.panel-collapsed{padding:7px}.water-scene{min-height:460px}.phase-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.readout-grid{grid-template-columns:1fr}}.loading-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#061016;transition:opacity 180ms ease,visibility 180ms ease}.loading-overlay-hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-panel{width:min(430px,calc(100vw - 40px));border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:0 18px 48px var(--shadow);padding:18px}.loading-panel h2{margin-top:5px;font-size:20px}.loading-message{margin-top:10px;color:var(--text);font-size:13px;font-weight:720;line-height:1.55}.loading-progress{position:relative;height:10px;margin-top:16px;overflow:hidden;border:1px solid rgba(154,209,235,0.28);border-radius:999px;background:rgba(3,10,15,0.82)}.loading-progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green),var(--underground));transition:width 160ms ease}.loading-progress-bar.is-indeterminate{animation:loading-slide 1.2s ease-in-out infinite}.loading-readout{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font-size:12px;font-weight:850}.loading-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.loading-actions button{border:1px solid rgba(154,209,235,0.26);border-radius:7px;background:rgba(23,78,112,0.82);color:var(--text);padding:8px 11px;font-size:12px;font-weight:900;cursor:pointer}.loading-actions button:hover,.loading-actions button:focus-visible{border-color:rgba(71,184,255,0.72);background:rgba(40,113,154,0.92)}.loading-error .loading-progress-bar{background:var(--orange)}@keyframes loading-slide{0%{transform:translateX(-100%)}50%{transform:translateX(70%)}100%{transform:translateX(240%)}}.viewer-page-demo{overflow:auto;background:#071015}.gf-demo-page{min-height:100vh;display:grid;grid-template-rows:auto minmax(360px,min(72vh,760px)) auto;gap:14px;width:min(1160px,calc(100vw - 28px));margin:0 auto;padding:18px 0 22px}.gf-demo-copy{display:grid;gap:8px;max-width:760px}.gf-demo-copy h1{font-size:clamp(24px,4vw,40px)}.gf-demo-copy p:not(.eyebrow),.gf-demo-caption{color:var(--muted);font-size:13px;line-height:1.6;font-weight:720}.gf-demo-caption code{color:var(--text)}.gf-demo-viewer{position:relative;height:min(72vh,760px);min-height:360px;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 18px 44px var(--shadow)}.gf-demo-frame{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;border:0;background:#071015}.gf-demo-viewer .story-shell{width:100%;height:100%;min-height:360px}.gf-fullscreen-link,.gf-return-link{appearance:none;min-height:38px;padding:9px 16px;font-size:12.5px;font-weight:500;box-shadow:none}.gf-fullscreen-link{position:absolute;top:14px;right:14px;z-index:6}.gf-fullscreen-link:hover,.gf-fullscreen-link:focus-visible,.gf-return-link:hover,.gf-return-link:focus-visible{border-color:rgba(71,184,255,0.72);background:rgba(31,97,135,0.9);color:#ffffff;outline:3px solid rgba(71,184,255,0.28);outline-offset:2px}.gf-fullscreen-link:disabled,.gf-fullscreen-link.is-disabled{cursor:not-allowed;opacity:0.52}.viewer-page-embed,.viewer-page-full{overflow:hidden}.viewer-page-embed .story-shell,.viewer-page-full .story-shell,.gf-demo-viewer .story-shell{display:block;padding:0;overflow:hidden}.viewer-page-embed .story-shell,.viewer-page-full .story-shell{width:100vw;height:100vh;min-height:100vh}.viewer-page-embed .water-scene,.viewer-page-embed .scene-header,.viewer-page-embed .story-panel,.viewer-page-embed .focus-panel,.viewer-page-full .water-scene,.viewer-page-full .scene-header,.viewer-page-full .story-panel,.viewer-page-full .focus-panel,.gf-demo-viewer .water-scene,.gf-demo-viewer .scene-header,.gf-demo-viewer .story-panel,.gf-demo-viewer .focus-panel{position:absolute}.viewer-page-embed .water-scene,.viewer-page-full .water-scene,.gf-demo-viewer .water-scene{inset:0;min-height:0;border:0;border-radius:0;box-shadow:none}.viewer-page-embed .scene-header,.gf-demo-viewer .scene-header{top:12px;left:12px;width:min(320px,calc(100% - 70px));padding:10px 44px 10px 11px}.viewer-page-embed .scene-header h1,.gf-demo-viewer .scene-header h1{font-size:17px;line-height:1.2}.viewer-page-embed .scene-header .lead,.gf-demo-viewer .scene-header .lead{display:none}.viewer-page-embed .stage-controls,.gf-demo-viewer .stage-controls{margin-top:8px}.viewer-page-embed .stage-controls button,.gf-demo-viewer .stage-controls button{min-height:34px;min-width:0;padding:6px 9px;font-size:11px}.viewer-page-embed .story-panel,.gf-demo-viewer .story-panel{bottom:12px;width:min(880px,calc(100% - 24px));min-height:76px;grid-template-columns:minmax(390px,1fr) 230px;padding:9px 44px 9px 10px}.viewer-page-embed .focus-panel:not(.open),.gf-demo-viewer .focus-panel:not(.open){display:none}.viewer-page-embed .focus-panel.open,.gf-demo-viewer .focus-panel.open{display:block;top:64px;right:12px;width:min(360px,calc(100% - 24px));max-height:calc(100% - 150px)}.viewer-page-embed .focus-panel .flow-balance,.viewer-page-embed .focus-panel .reference-panel,.gf-demo-viewer .focus-panel .flow-balance,.gf-demo-viewer .focus-panel .reference-panel{display:grid}@media (max-width:760px){.gf-demo-page{width:min(100vw - 16px,760px);grid-template-rows:auto minmax(520px,70vh) auto;padding-top:10px}.gf-demo-viewer{height:70vh;min-height:520px}.gf-fullscreen-link{top:9px;right:9px;width:44px;min-height:44px;padding:0}.gf-fullscreen-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.viewer-page-embed .scene-header,.gf-demo-viewer .scene-header{width:min(260px,calc(100% - 62px))}.viewer-page-embed .scene-header h1,.gf-demo-viewer .scene-header h1{font-size:14px}.viewer-page-embed .story-panel,.gf-demo-viewer .story-panel{width:calc(100% - 16px);bottom:8px;grid-template-columns:1fr;gap:8px;padding:9px 42px 9px 9px}.viewer-page-embed .phase-buttons,.gf-demo-viewer .phase-buttons{grid-template-columns:1fr}.viewer-page-embed .readout-grid,.gf-demo-viewer .readout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-page-embed .phase-legend-item,.gf-demo-viewer .phase-legend-item{font-size:10px}.viewer-page-full .scene-header{top:8px;left:8px;width:calc(100% - 16px);padding:10px 44px 10px 10px}.viewer-page-full .scene-header h1{font-size:18px;line-height:1.2}.viewer-page-full .scene-header .lead{display:none}.viewer-page-full .stage-controls{margin-top:8px}.viewer-page-full .stage-controls button,.viewer-page-full .gf-return-link{min-height:34px;min-width:0;padding:6px 9px;font-size:11px}.viewer-page-full .story-panel{left:8px;right:auto;bottom:8px;width:calc(100% - 16px);max-height:min(310px,calc(100vh - 190px));grid-template-columns:1fr;gap:8px;overflow:auto;padding:9px 42px 9px 9px}.viewer-page-full .phase-buttons{grid-template-columns:1fr}.viewer-page-full .readout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-page-full .focus-panel:not(.open){display:none}.viewer-page-full .focus-panel.open{display:block;top:126px;bottom:326px;left:8px;right:auto;width:calc(100% - 16px);max-height:none;overflow:auto;z-index:7}}.gf-viewer .panel-collapse-toggle{display:none}.gf-mode-select{display:none}.gf-metrics{display:none}.gf-fs{border-radius:var(--radius);background:rgba(8,12,18,0.84);border-color:var(--line)}.viewer-page-embed .gf-label,.gf-demo-viewer .gf-label{top:14px;left:14px;width:min(360px,calc(100% - 86px));border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;text-shadow:0 2px 12px rgba(0,0,0,0.92)}.viewer-page-embed .gf-label h1,.gf-demo-viewer .gf-label h1{max-width:100%;margin-top:5px;color:#eef3f7;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.viewer-page-embed .gf-label .lead,.gf-demo-viewer .gf-label .lead{display:none}.viewer-page-embed .gf-controls,.gf-demo-viewer .gf-controls{left:14px;right:14px;bottom:14px;width:auto;min-height:0;transform:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "legend legend";gap:9px 12px;align-items:center;border-radius:11px;background:rgba(8,12,18,0.82);padding:9px 13px}.gf-control-main{grid-area:main;min-width:0}.gf-compact-actions{grid-area:actions;display:flex;justify-content:flex-end}.gf-info,.gf-settings{min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,0.04);color:#cdd8e1;padding:9px 15px;font-size:12px;font-weight:500;cursor:pointer}.gf-info:hover,.gf-info:focus-visible,.gf-settings:hover,.gf-settings:focus-visible{border-color:rgba(70,200,255,0.55);background:rgba(70,200,255,0.12);color:#eaf6ff;outline:3px solid rgba(71,184,255,0.24);outline-offset:2px}.gf-controls .gf-legend,.gf-dock .gf-legend{grid-area:legend;margin:0}.viewer-page-full .gf-topbar{top:18px;left:20px;right:20px;width:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:start;border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;text-shadow:0 2px 14px rgba(0,0,0,0.86)}.viewer-page-full .gf-topbar>.eyebrow,.viewer-page-full .gf-topbar>h1,.viewer-page-full .gf-topbar>.lead{grid-column:1}.viewer-page-full .gf-topbar h1{max-width:620px;color:#f1f6fa;font-size:18px;line-height:1.25}.viewer-page-full .gf-topbar .lead{display:none}.viewer-page-full .gf-top-actions{grid-column:2;grid-row:1 / span 3;justify-content:flex-end;flex-wrap:nowrap;margin:0}.viewer-page-full .focus-panel:not(.open){display:none}.viewer-page-full .gf-top-actions button,.viewer-page-full .gf-top-actions .gf-return-link{border-radius:var(--radius);background:rgba(10,15,21,0.7);border-color:var(--line)}.viewer-page-full .gf-dock{left:50%;right:auto;bottom:18px;width:min(900px,calc(100% - 40px));min-height:0;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "legend legend";gap:12px 16px;align-items:center;border-radius:var(--radius-lg);background:var(--surface);border-color:var(--line);box-shadow:0 24px 70px rgba(0,0,0,0.66);padding:18px 22px 16px}.gf-dock-main{grid-area:main;display:flex;align-items:center;gap:14px;min-width:0}.gf-dock-stack{flex:1 1 auto;min-width:0;display:grid;gap:11px}.gf-timeline-track{position:relative;height:5px;overflow:hidden;border-radius:999px;background:rgba(140,170,195,0.16)}.gf-timeline-track span{position:absolute;inset:0 auto 0 0;width:66%;border-radius:inherit;background:linear-gradient(90deg,rgba(71,184,255,0.48),var(--blue))}.gf-dock-actions{grid-area:actions}.gf-dock .gf-settings{width:auto;min-width:112px;margin:0;justify-content:center}.viewer-page-full .gf-sidepanel{top:86px;right:20px;width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 230px)}@media (max-width:760px){.gf-mode-select{display:block;flex:1 1 auto;min-width:0;min-height:34px;border:1px solid rgba(154,209,235,0.24);border-radius:8px;background:rgba(255,255,255,0.05);color:var(--text);padding:7px 32px 7px 9px;font:inherit;font-size:11px;font-weight:850}.gf-modes{display:none !important}.gf-control-main,.gf-dock-main{display:flex;align-items:center;gap:7px}.viewer-page-embed .gf-label,.gf-demo-viewer .gf-label{top:10px;left:10px;width:min(250px,calc(100% - 66px))}.viewer-page-embed .gf-label h1,.gf-demo-viewer .gf-label h1{font-size:12px}.viewer-page-embed .gf-controls,.gf-demo-viewer .gf-controls{left:9px;right:9px;bottom:9px;width:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "legend legend";gap:8px;padding:7px 9px;max-height:min(38vh,220px);overflow:auto}.gf-controls .gf-legend,.gf-dock .gf-legend{max-height:58px;overflow:auto}.viewer-page-full .gf-topbar{top:8px;left:8px;right:8px;grid-template-columns:1fr;gap:7px}.viewer-page-full .gf-topbar h1{font-size:15px}.viewer-page-full .gf-top-actions{grid-column:1;grid-row:auto;justify-content:flex-start;gap:6px}.viewer-page-full .gf-top-actions button,.viewer-page-full .gf-top-actions .gf-return-link{min-height:34px;padding:6px 8px;font-size:11px}.viewer-page-full .gf-dock{left:8px;right:8px;bottom:8px;width:auto;max-height:min(230px,calc(100vh - 178px));transform:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "legend legend";gap:8px;overflow:auto;border-radius:11px;padding:8px 9px}.viewer-page-full .gf-dock-stack{gap:7px}.viewer-page-full .gf-sidepanel.open{top:118px;bottom:248px;left:8px;right:auto;width:calc(100% - 16px);max-height:none;overflow:auto}}.gf-viewer:fullscreen,.gf-viewer.is-inline-fullscreen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none;background:#061016}.gf-viewer:fullscreen .water-scene,.gf-viewer.is-inline-fullscreen .water-scene{inset:0;width:100%;height:100%}.gf-viewer.is-inline-fullscreen .gf-fullscreen-link,.gf-viewer:fullscreen .gf-fullscreen-link{background:rgba(31,97,135,0.9);color:#ffffff}.gf-viewer.is-fullscreen-mode .gf-top-actions .gf-fullscreen-link{position:static;top:auto;right:auto;z-index:auto}.gf-full-mode-only{display:none !important}.gf-viewer.is-fullscreen-mode .gf-top-actions.gf-full-mode-only{display:flex !important}.gf-viewer.is-fullscreen-mode .gf-dock-actions.gf-full-mode-only{display:block !important}.gf-viewer.is-fullscreen-mode .gf-timeline-track.gf-full-mode-only{display:block !important}.gf-viewer.is-fullscreen-mode .gf-compact-actions{display:none !important}.gf-viewer.is-fullscreen-mode .gf-topbar{top:18px;left:20px;right:20px;width:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:start;border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;text-shadow:0 2px 14px rgba(0,0,0,0.86)}.gf-viewer.is-fullscreen-mode .gf-topbar>.eyebrow,.gf-viewer.is-fullscreen-mode .gf-topbar>h1,.gf-viewer.is-fullscreen-mode .gf-topbar>.lead{grid-column:1}.gf-viewer.is-fullscreen-mode .gf-topbar h1{max-width:620px;color:#f1f6fa;font-size:18px;line-height:1.25}.gf-viewer.is-fullscreen-mode .gf-topbar .lead{display:none}.gf-viewer.is-fullscreen-mode .gf-top-actions{grid-column:2;grid-row:1 / span 3;justify-content:flex-end;flex-wrap:nowrap;margin:0}.gf-viewer.is-fullscreen-mode .gf-dock{left:50%;right:auto;bottom:18px;width:min(900px,calc(100% - 40px));min-height:0;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "legend legend";gap:12px 16px;align-items:center;border-radius:var(--radius-lg);background:var(--surface);border-color:var(--line);box-shadow:0 24px 70px rgba(0,0,0,0.66);padding:18px 22px 16px}.gf-viewer.is-fullscreen-mode .gf-dock-main{grid-area:main;display:flex;align-items:center;gap:14px;min-width:0}.gf-viewer.is-fullscreen-mode .gf-sidepanel{top:86px;right:20px;width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 230px)}.gf-viewer.is-fullscreen-mode .focus-panel:not(.open){display:none}.gf-viewer.is-fullscreen-mode .focus-panel.open{display:block}.gf-viewer.is-fullscreen-mode .focus-panel.view-settings .flow-balance,.gf-viewer.is-fullscreen-mode .focus-panel.view-settings .reference-panel{display:none}@media (max-width:760px){.gf-viewer.is-fullscreen-mode .gf-topbar{top:8px;left:8px;right:8px;grid-template-columns:1fr;gap:7px}.gf-viewer.is-fullscreen-mode .gf-topbar h1{font-size:15px}.gf-viewer.is-fullscreen-mode .gf-top-actions{grid-column:1;grid-row:auto;justify-content:flex-start;gap:6px}.gf-viewer.is-fullscreen-mode .gf-top-actions button{min-height:34px;padding:6px 8px;font-size:11px}.gf-viewer.is-fullscreen-mode .gf-dock{left:8px;right:8px;bottom:8px;width:auto;max-height:min(230px,calc(100vh - 178px));transform:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions" "legend legend";gap:8px;overflow:auto;border-radius:11px;padding:8px 9px}.gf-viewer.is-fullscreen-mode .gf-dock-stack{gap:7px}.gf-viewer.is-fullscreen-mode .gf-sidepanel.open{top:118px;bottom:248px;left:8px;right:auto;width:calc(100% - 16px);max-height:none;overflow:auto}}