html,body,#app{width:100%;height:100%}body{margin:0;overflow:hidden;background:#000;font-family:Roboto,system-ui,sans-serif}*{font-family:inherit}#app{width:100vw!important;max-width:none!important}.mobile-shell{position:fixed;inset:0;width:100vw;height:100dvh;display:flex;flex-direction:column;margin:0;padding:0}.mobile-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 8px;background:#0f70b4;color:#fff}.mobile-topbar-logo{width:auto;max-width:51px;height:27px;object-fit:contain;object-position:center;border-radius:0;background:transparent}.mobile-topbar select{width:70%;min-width:0;height:34px;border:0;border-radius:8px;padding:0 10px;background:#f2f4f6;color:#1b2a31;font-size:14px;text-align:center;text-align-last:center;justify-self:center}.mobile-topbar-spacer{width:70%;height:34px;justify-self:center}.mobile-menu-toggle{width:36px;height:34px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:0;border-radius:8px;background:#ffffff24;color:#fff}.mobile-menu-toggle span{width:18px;height:2px;border-radius:999px;background:currentColor}.mobile-side-menu{position:fixed;inset:0;z-index:5400;pointer-events:none}.mobile-side-menu.is-open{pointer-events:auto}.mobile-side-menu-backdrop{position:absolute;inset:0;border:0;background:#00000059;opacity:0;transition:opacity .28s ease}.mobile-side-menu-panel{position:absolute;top:0;right:0;width:min(78vw,320px);height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px 14px;background:#fff;transform:translate(100%);transition:transform .36s cubic-bezier(.22,.88,.22,1);box-shadow:-10px 0 24px #00000038}.mobile-side-menu-link{display:block;text-decoration:none;color:#4b5e6f;font-weight:600;font-size:15px;padding:14px 4px;border-bottom:1px solid #d3d7dc}.mobile-side-menu.is-open .mobile-side-menu-backdrop{opacity:1}.mobile-side-menu.is-open .mobile-side-menu-panel{transform:translate(0)}#viewer-container{flex:1;min-height:0;width:100vw!important;max-width:none!important;height:auto!important;margin:0;border:0;border-radius:0;box-shadow:none;background:#000}#map-viewer{width:100%;height:100%}.mobile-empty-stage{flex:1;min-height:0;background:#f2f6fa;overflow-y:auto}.tide-page{padding:12px 10px 20px}.tide-page-title{margin:0 0 10px;color:#0f70b4;font-size:20px;font-weight:700}.tide-month-card{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0f70b414;border:1px solid #d8e6f4;overflow:hidden}.tide-month-card+.tide-month-card{margin-top:12px}.tide-month-title{margin:0;padding:10px 12px;background:#0f70b4;color:#fff;font-size:15px;font-weight:700}.tide-table-scroll{overflow-x:auto}.tide-table{width:100%;border-collapse:collapse;font-size:12px;color:#1f3342;min-width:720px}.tide-table thead th{background:#eaf3fb;color:#0f70b4;font-weight:700}.tide-table th,.tide-table td{border:1px solid #d8e6f4;padding:6px 8px;text-align:left;white-space:nowrap}.tide-table tbody tr:nth-child(2n){background:#f8fbff}.tide-table-root-status{margin:0;padding:10px 12px;background:#fff;border-radius:10px;border:1px solid #d8e6f4;color:#425a70}.hotspot-info-panel-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:5200;border-radius:18px 18px 0 0;border:none;box-shadow:0 -10px 30px #00000047;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px);transform:translateY(100%);opacity:0;transition:transform .46s cubic-bezier(.22,.88,.22,1),opacity .46s ease;will-change:transform,opacity;overflow:hidden;display:flex;flex-direction:column}.hotspot-info-panel-bottom-sheet.is-dragging{transition:none}.hotspot-info-panel-bottom-sheet.is-open{transform:translateY(0);opacity:1}.hotspot-info-panel-bottom-sheet.is-expanded{max-height:100dvh!important;border-radius:0}.hotspot-layer-artwork{position:absolute;top:0;left:0;right:0;z-index:1;width:100%;height:200px;overflow:hidden;transition:height .26s ease;background:#fff}.hotspot-info-panel-bottom-sheet.is-expanded .hotspot-layer-artwork{height:auto}.hotspot-layer-artwork .hotspot-sheet-handle-wrap{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;padding:10px 0 8px;background:#fff}.hotspot-layer-artwork .hotspot-sheet-handle{display:block;width:42px;height:3px;border-radius:999px;background:#1111113d;box-shadow:none}.hotspot-layer-artwork .hotspot-artwork-wrap{width:100%;height:calc(100% - 21px);background:#0d1114;overflow:hidden}.hotspot-layer-artwork .hotspot-artwork{width:100%;height:100%;object-fit:cover;object-position:top center;cursor:default}.hotspot-info-panel-bottom-sheet.is-expanded .hotspot-layer-artwork .hotspot-artwork{height:auto;object-fit:contain}.hotspot-info-panel-bottom-sheet.is-expanded .hotspot-layer-artwork .hotspot-artwork-wrap{height:auto}.hotspot-layer-info{position:relative;z-index:2;background:#fff;padding:12px 0;flex:0 0 auto;overflow-x:clip;overflow-y:visible;transition:margin-top .26s ease}.hotspot-info-panel-bottom-sheet .hotspot-layer-info{margin-top:200px}.hotspot-info-panel-bottom-sheet.no-artwork .hotspot-layer-info{margin-top:0}.hotspot-layer-info .hotspot-sheet-handle-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding:10px 0 8px;background:#fff}.hotspot-layer-info .hotspot-sheet-handle{display:block;width:42px;height:3px;border-radius:999px;background:#1111113d}.hotspot-info-panel-bottom-sheet.is-expanded .hotspot-layer-info{margin-top:var(--expanded-image-height, 400px)}.hotspot-info-panel-bottom-sheet .hotspot-map-embed-wrap{position:relative}.hotspot-info-panel-bottom-sheet .hotspot-map-gesture-overlay{position:absolute;inset:0;border:0;background:transparent;z-index:2;pointer-events:auto}.hotspot-info-panel-bottom-sheet.is-expanded .hotspot-map-gesture-overlay{pointer-events:none}.mobile-artwork-drawer{position:fixed;inset:0;z-index:4000;pointer-events:none}.mobile-artwork-drawer.is-open{pointer-events:auto}.mobile-artwork-drawer.is-dragging .mobile-artwork-drawer-backdrop,.mobile-artwork-drawer.is-dragging .mobile-artwork-drawer-panel{transition:none}.mobile-artwork-drawer-backdrop{position:absolute;inset:0;border:0;background:#00000073;opacity:0;transition:opacity .38s ease}.mobile-artwork-drawer-panel{position:absolute;top:0;right:0;width:90vw;height:100dvh;background:#fff;transform:translate(100%);transition:transform .52s cubic-bezier(.2,.9,.2,1);display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;border-radius:22px 0 0 22px;overflow:hidden;padding:0}.mobile-artwork-drawer-handle-side{display:flex;justify-content:center;align-items:center;width:24px;background:#fff}.mobile-artwork-drawer-handle{display:block;width:3px;height:42px;border-radius:999px;background:#11111138}.mobile-artwork-drawer-image-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 14px 0}.mobile-artwork-drawer.is-open .mobile-artwork-drawer-backdrop{opacity:1}.mobile-artwork-drawer.is-open .mobile-artwork-drawer-panel{transform:translate(0)}.mobile-artwork-drawer-image{width:100%;height:100%;object-fit:contain;border-radius:18px}