html,body{font-family:var(--defaultFontFamily);margin:0;padding:0}
:root{--defaultFontFamily:"Segoe UI", Helvetica, Arial, sans-serif;--headingsFontFamily:var(--defaultFontFamily);--labelsFontFamily:var(--defaultFontFamily);--letter-spacing-heading:-.035em;--letter-spacing-label:.14em;--font-size-base:.875rem;--font-size-ratio:1.2;--font-size-md:var(--font-size-base);--font-size-sm:calc(var(--font-size-md) / var(--font-size-ratio));--font-size-xs:calc(var(--font-size-sm) / var(--font-size-ratio));--font-size-xxs:calc(var(--font-size-xs) / var(--font-size-ratio));--font-size-lg:calc(var(--font-size-base) * var(--font-size-ratio));--font-size-xl:calc(var(--font-size-lg) * var(--font-size-ratio));--font-size-2xl:calc(var(--font-size-xl) * var(--font-size-ratio));--font-size-3xl:calc(var(--font-size-2xl) * var(--font-size-ratio));--font-size-4xl:calc(var(--font-size-3xl) * var(--font-size-ratio));--font-size-5xl:calc(var(--font-size-4xl) * var(--font-size-ratio));--font-size-6xl:calc(var(--font-size-5xl) * var(--font-size-ratio));--font-size-7xl:calc(var(--font-size-6xl) * var(--font-size-ratio));--font-size-8xl:calc(var(--font-size-7xl) * var(--font-size-ratio));--font-size-9xl:calc(var(--font-size-8xl) * var(--font-size-ratio));--font-size-10xl:calc(var(--font-size-9xl) * var(--font-size-ratio));--line-height-xs:1.1;--line-height-sm:1.3;--line-height-md:1.5;--line-height-lg:1.625;--line-height-xl:2;--paragraph-width:70ch}
:root{--spacing-2xs:.25rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}
:root{--base0:#fff;--base25:#f8fafc;--base50:#f1f5f9;--base100:#e2e8f0;--base200:#cbd5e1;--base300:#94a3b8;--base400:#64748b;--base500:#475569;--base600:#0d3b66;--base700:#1e3a5f;--base800:#0c2b48;--base900:#072a4b;--base950:#031627;--accent0:#f0f9ff;--accent50:#e0f2fe;--accent100:#bae6fd;--accent200:#7dd3fc;--accent300:#38bdf8;--accent400:#0ea5e9;--accent500:#0284c7;--accent600:#0369a1;--accent700:#0e568b;--accent800:#0a426c;--color-surface:var(--base0);--color-bg:var(--base0);--color-bg-muted:var(--base25);--color-bg-subtle:var(--base50);--color-border:var(--base100);--color-border-strong:var(--base200);--color-text:var(--base800);--color-text-body:var(--base500);--color-text-muted:var(--base400);--color-text-subtle:var(--base300);--color-text-inverse:var(--base0);--color-primary:var(--accent500);--color-primary-strong:var(--accent600);--color-primary-light:var(--accent300);--color-primary-soft:var(--accent50);--color-primary-soft-border:var(--accent100);--color-accent:#f97316;--color-accent-strong:#e06224;--color-accent-soft:#fffaf5;--color-accent-soft-border:#fed7aa;--color-brand-divider:color-mix(in srgb, var(--accent100) 18%, transparent);--color-map-gradient-start:#e4f4fa;--color-map-gradient-end:#89cef0;--color-map-gradient-land:color-mix(in srgb, var(--accent700) 14%, transparent);--color-map-gradient-stroke:#4493b7;--color-map-gradient-available:#207ead;--color-water-surface:color-mix(in srgb, var(--color-map-gradient-start) 45%, var(--base0));--color-water-border:color-mix(in srgb, var(--color-map-gradient-stroke) 35%, var(--color-map-gradient-start));--color-map-frame:color-mix(in srgb, var(--color-map-gradient-stroke) 60%, var(--color-map-gradient-start));--color-control-surface:color-mix(in srgb, var(--color-water-surface) 94%, transparent);--water-page-gradient:linear-gradient(to bottom, var(--color-map-gradient-start), var(--color-map-gradient-end));--water-panel-gradient:linear-gradient(145deg, var(--color-water-surface), var(--color-map-gradient-start));--color-map-available:var(--accent700);--color-map-available-stroke:var(--accent800);--color-map-ocean:#edf4f8;--color-map-ocean-border:#d9e5ed;--color-map-land:#d6e3eb;--color-map-land-stroke:#f4f8fb;--color-map-target:#93c5fd;--color-map-target-stroke:#60a5fa;--color-map-highlight-hover:#0b4775;--color-map-marker:#22d3ee;--color-map-tooltip:#082846;--color-card-hover:#0091ff;--color-inverse-soft:#ffffffb8;--color-inverse-strong:#ffffffe0;--color-overlay-strong:#ffffffd9}
:root{--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-xxl:1.5rem}
:root{--AppBaseSpacing:var(--spacing-md);--AppContentWidth:1240px;--AppWorkspaceGap:clamp(var(--spacing-sm), 2dvh, var(--spacing-lg));--AppControlRadius:var(--border-radius-lg);--AppPanelRadius:var(--border-radius-lg);--AppMapRadius:var(--border-radius-xl);--AppControlShadow:0 2px 8px color-mix(in srgb, var(--base950) 8%, transparent);--AppActiveControlShadow:inset 0 -2px 0 var(--accent700);--MapContentWidth:1520px;--WelcomeCompactIntroWidth:clamp(180px, 18vw, 260px);--AppPageGutter:clamp(var(--spacing-md), 4vw, var(--spacing-2xl));--AppHeroFontSize:clamp(var(--font-size-3xl), 4vw, var(--font-size-6xl));--SelectionTitleSize:clamp(var(--font-size-2xl), 3vw, var(--font-size-4xl));--SelectionPanelPadding:clamp(var(--spacing-lg), 4vh, var(--spacing-2xl));--AppGridSize:3rem;--AppOverlayTransitionDuration:.56s;--AppOverlayTransitionEasing:cubic-bezier(.4, 0, .2, 1);--AppOverlayTransition:var(--AppOverlayTransitionDuration) var(--AppOverlayTransitionEasing);--AppTileBoxShadow:0 10px 30px 0 #0000000d;--AppTileBoxShadowFloating:0 10px 40px 0 #00000026;--AppSurfaceBorder:1px solid color-mix(in srgb, var(--base100) 86%, transparent);--AppSurfaceBg:var(--base0);--AppSurfaceRadius:var(--border-radius-lg);--AppSurfaceBoxShadow:0 3px 8px color-mix(in srgb, var(--base950) 3%, transparent);--AppModeTransitionDuration:.24s;--AppFadeTransitionDuration:.16s;--AppModeTransitionEasing:cubic-bezier(.2, .9, .2, 1);--AppModeTransition:var(--AppModeTransitionDuration) var(--AppModeTransitionEasing);--AppFadeTransition:var(--AppFadeTransitionDuration) var(--AppModeTransitionEasing);--BaseToolbarWidth:2.3rem;--CondensedToolbarPadding:var(--spacing-xs);--MapComponentsOffset:var(--spacing-md);--MapComponentsGap:var(--spacing-sm);--MapElementBorder:0;--MapElementBorderRadius:var(--border-radius-md);--MapElementBoxShadow:0 2px 3px 0 #00000026;--MapActionIconBoxShadow:0 3px 3px 0 #00000026;--MapLayersControlSize:92px}@media (max-width:1440px),(max-height:700px){:root{--AppBaseSpacing:var(--spacing-sm)}}@media (max-width:768px),(max-height:500px){:root{--AppBaseSpacing:var(--spacing-xs)}}html{scroll-behavior:smooth;width:100%;height:100%}body{line-height:var(--line-height-md);font-family:var(--defaultFontFamily);height:100vh;margin:0}a{color:var(--accent500)}a:visited{color:var(--accent700)}:where(a,button,input):focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--spacing-2xs)}h1,h2,h3,h4,h5{color:var(--base950);font-family:var(--headingsFontFamily), sans-serif;line-height:var(--line-height-sm)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}p{color:var(--base950);font-size:var(--font-size-md);line-height:var(--line-height-md);max-width:var(--paragraph-width)}@media (prefers-reduced-motion:reduce){:root{--AppModeTransitionDuration:0s;--AppFadeTransitionDuration:0s}html{scroll-behavior:auto}}@media (min-width:681px) and (max-height:850px){:root{--SelectionPanelPadding:var(--spacing-md);--SelectionTitleSize:var(--font-size-2xl)}}
.WW-ViewCard{background:var(--color-water-surface);border:1px solid var(--color-water-border);border-radius:var(--AppPanelRadius);min-width:0;box-shadow:var(--AppSurfaceBoxShadow);text-align:left;cursor:pointer;transition:border-color var(--AppModeTransition), box-shadow var(--AppModeTransition), transform var(--AppModeTransition);flex-direction:column;align-items:stretch;padding:0;display:flex}.WW-ViewCard.is-hovered,.WW-ViewCard:focus-visible{border-color:var(--accent600);box-shadow:var(--AppTileBoxShadowFloating);transform:translateY(calc(-1 * var(--spacing-2xs)))}.WW-ViewCard:focus-visible{outline:2px solid var(--accent600);outline-offset:var(--spacing-2xs)}.WW-ViewCard-graphicContainer{background:radial-gradient(ellipse at 50% 30%, var(--color-water-surface), transparent 70%), var(--water-page-gradient);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;border-bottom:1px solid var(--color-water-border);flex-shrink:0;justify-content:center;align-items:center;height:clamp(120px,22dvh,190px);display:flex}.WW-ViewCard--image .WW-ViewCard-graphicContainer{aspect-ratio:2;height:auto;position:relative;overflow:hidden}.WW-ViewCard-image{object-fit:cover;object-position:50% 56%;transition:transform var(--AppModeTransition)}.WW-ViewCard-image--extent{object-position:center}.WW-ViewCard.is-hovered .WW-ViewCard-image,.WW-ViewCard:focus-visible .WW-ViewCard-image{transform:scale(1.025)}.WW-ViewCard-content{padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.WW-ViewCard-title{font-size:var(--font-size-2xl);letter-spacing:var(--letter-spacing-heading);font-weight:600;line-height:var(--line-height-sm);color:var(--color-text);margin-bottom:var(--spacing-sm);text-wrap:balance}.WW-ViewCard-description{font-size:var(--font-size-md);line-height:var(--line-height-lg);color:var(--color-text-body);flex:1}.WW-ViewCard-action{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-water-border);color:var(--accent700);font-size:var(--font-size-md);font-weight:600;display:flex}.WW-ViewCard-arrow{border-radius:var(--border-radius-xl);background:var(--color-primary-soft);width:36px;height:36px;transition:background var(--AppFadeTransition), color var(--AppFadeTransition);place-items:center;display:grid}.WW-ViewCard.is-hovered .WW-ViewCard-arrow,.WW-ViewCard:focus-visible .WW-ViewCard-arrow{background:var(--accent700);color:var(--color-text-inverse)}@media (min-width:681px){.WW-ViewCard-title{min-height:2lh}}@media (max-width:900px),(max-height:750px){.WW-ViewCard-title{font-size:var(--font-size-xl)}.WW-ViewCard-content{padding:var(--spacing-md)}.WW-ViewCard-action{margin-top:var(--spacing-md)}}@media (prefers-reduced-motion:reduce){.WW-ViewCard,.WW-ViewCard-arrow,.WW-ViewCard-image{transition:none}.WW-ViewCard.is-hovered,.WW-ViewCard:focus-visible,.WW-ViewCard.is-hovered .WW-ViewCard-image,.WW-ViewCard:focus-visible .WW-ViewCard-image{transform:none}}
.WW-ViewSelectMap{border:1px solid var(--color-map-frame);border-radius:var(--AppMapRadius);background:var(--water-page-gradient);width:auto;min-height:320px;padding:var(--SelectionPanelPadding) var(--spacing-lg);box-sizing:border-box;isolation:isolate;overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.WW-ViewSelectMap-watermark{z-index:-1;opacity:.3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.WW-ViewSelectMap-watermark svg{width:100%;height:100%}.WW-ViewSelectMap-watermark path{outline:none}.WW-ViewSelectMap-country{fill:var(--color-map-gradient-land);stroke:var(--color-map-gradient-stroke);stroke-width:.4px}.WW-ViewSelectMap-country.is-target{fill:var(--color-map-gradient-available);stroke:var(--color-map-gradient-stroke);stroke-width:.8px}.WW-ViewSelectMap-cardsContainer{width:100%;max-width:var(--AppContentWidth);gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr));margin:auto;display:grid}@media (max-width:900px){.WW-ViewSelectMap-cardsContainer{gap:var(--spacing-md)}}@media (max-width:680px){.WW-ViewSelectMap-cardsContainer{grid-template-columns:1fr}}@media (max-height:700px),(max-width:760px){.WW-ViewSelectMap{padding-inline:var(--spacing-md)}}