:root{--brand: #4c820b;--brand-dark: #3d7000;--event: #dc492f;--boat: #087eae;--focus: #8aba4f;--ink: #232622;--muted: #60645f;--surface: #fff;--soft: #eff0ed;--border: #d0d3cc;color:var(--ink);background:#e8e6ad;color-scheme:only light;font-family:Segoe UI Variable,Avenir Next,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app,.map{position:absolute;inset:0}.app{isolation:isolate}.map{background:#e8e6ad}.map,.map-canvas,.maplibregl-map,.maplibregl-canvas-container,.maplibregl-canvas{width:100%;height:100%}.map-canvas{position:absolute;inset:0;opacity:0;pointer-events:none}.map-visible .map-canvas{opacity:1;pointer-events:auto}.loading-splash{position:fixed;inset:0;z-index:6;display:grid;place-content:center;justify-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));color:#2c3b20;background:radial-gradient(circle at 50% 43%,#f8f7dc 0 9%,transparent 42%),#e8e6ad;text-align:center}.loading-splash img{width:64px;height:64px;filter:drop-shadow(0 8px 16px rgba(39,54,28,.18))}.loading-splash p{margin:14px 0 24px;color:#3d7000;font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.loading-splash strong{margin-top:13px;color:#26351c;font-size:18px;font-weight:800}.loading-splash small{margin-top:5px;color:#68715f;font-size:12px;font-weight:600}.loading-splash.error strong{color:#9d3128}.splash-spinner{width:23px;height:23px;border:3px solid #b7c5a6;border-top-color:var(--brand);border-radius:50%;animation:splash-spin .72s linear infinite}@keyframes splash-spin{to{transform:rotate(1turn)}}.top-ui{position:fixed;z-index:2;top:max(12px,env(safe-area-inset-top));left:50%;width:min(640px,calc(100% - 24px));transform:translate(-50%)}.search-panel,.detail-card{border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 10px 32px #1f251c38}.search-panel{overflow:hidden}.search-row{display:flex;height:52px;align-items:center;gap:12px;margin:8px;padding:0 14px;border:1px solid #e1e3de;border-radius:16px;background:var(--soft)}.search-row svg{width:21px;flex:none;fill:none;stroke:#454943;stroke-width:2}.search-row input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:16px;font-weight:650}.search-row input::placeholder{color:#696d67;font-weight:550}.clear{display:grid;width:32px;height:32px;flex:none;place-items:center;border:0;border-radius:50%;color:#41453f;background:#e6e8e3;cursor:pointer;font-size:20px}.detail-close{position:absolute;z-index:4;top:10px;right:10px;display:grid;width:44px;height:44px;place-items:center;border:1px solid #dfe2dc;border-radius:50%;color:#454a43;background:#f7f8f5f5;cursor:pointer;transition:background .16s ease,transform .16s ease}.detail-close:hover{background:#ecefe9}.detail-close:active{transform:translateY(1px)}.detail-close svg{width:15px;height:15px}.filters{display:flex;gap:6px;padding:0 8px 8px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{min-height:35px;padding:0 14px;border:1px solid transparent;border-radius:12px;color:#4e524d;background:#f2f3f0;cursor:pointer;font-size:13px;font-weight:750;white-space:nowrap}.filters button:hover{border-color:#c9cdc5;background:#e9ebe6}.filters button.active{color:#fff;background:var(--brand)}.results{max-height:min(54vh,430px);padding:6px 8px 8px;border-top:1px solid #dfe1dc;overflow-y:auto}.results>button{display:grid;width:100%;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px 10px;border:0;border-radius:13px;color:var(--ink);background:transparent;cursor:pointer;text-align:left}.results>button:hover,.results>button:focus-visible{background:#edf4e5;outline:0}.result-icon,.eyebrow-icon{display:grid;flex:none;place-items:center;color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3px #1f231e2e}.result-icon{width:30px;height:30px;border-radius:50%}.result-icon.event{border-radius:8px;transform:rotate(45deg) scale(.76);box-shadow:0 0 0 2px #fff,0 0 0 3px #dc492f52}.result-icon.event svg{transform:rotate(-45deg) scale(1.25)}.result-icon svg{width:14px;height:14px}.results span{min-width:0}.results strong,.results small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results strong{font-size:14px;font-weight:750}.results small{margin-top:3px;color:var(--muted);font-size:12px;font-weight:500}.results em{color:#5d615b;font-size:10px;font-style:normal;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.results>p{margin:18px;color:var(--muted);text-align:center}.detail-card{position:fixed;z-index:2;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(640px,calc(100% - 24px));margin:0;padding:20px;transform:translate(-50%);animation:enter .22s ease-out}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 44px 8px 0;color:#535851;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.eyebrow-icon{width:22px;height:22px;border-radius:50%}.eyebrow-icon svg{width:11px;height:11px}.detail-card h1{margin:0 44px 8px 0;color:#20231f;font-size:clamp(25px,6vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.05}.description{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:14px;font-weight:500;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.detail-card dl{display:flex;gap:8px;margin:16px 0 0;overflow-x:auto;scrollbar-width:none}.detail-card dl::-webkit-scrollbar{display:none}.detail-card dl div{min-width:max-content;padding:10px 11px;border:1px solid #e0e2dd;border-radius:12px;background:var(--soft)}.detail-card dt{color:#626760;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.detail-card dd{margin:3px 0 0;color:#272b26;font-size:12px;font-weight:750}.primary-action{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;margin-top:16px;border-radius:14px;color:#fff;background:var(--brand);font-size:14px;font-weight:800;text-decoration:none}.primary-action:hover{background:var(--brand-dark)}.landmark-detail{min-height:112px}.landmark-copy{padding-right:102px}.landmark-thumbnail,.boat-thumbnail{position:absolute;z-index:0;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(25,31,22,.2));pointer-events:none}.landmark-copy,.boat-detail>.eyebrow,.boat-detail>h1,.boat-detail>.description{z-index:1}.landmark-copy,.boat-detail>.eyebrow,.boat-detail>h1,.boat-detail>.description{position:relative}.landmark-thumbnail{top:14px;right:58px;width:82px;height:82px;opacity:.94}.boat-card{display:flex;max-height:min(44dvh,360px);flex-direction:column;overflow:hidden;border-color:#b8d7df;padding-top:24px;transition:max-height .24s ease}.boat-card.expanded{max-height:min(72dvh,620px)}.boat-detail{position:relative;display:flex;min-height:0;flex:1;flex-direction:column;padding-bottom:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.boat-detail>.eyebrow,.boat-detail>h1,.boat-detail>.description{padding-right:92px}.boat-thumbnail{top:-5px;right:28px;width:100px;height:76px}.boat-grabber{position:absolute;z-index:2;top:0;left:50%;display:grid;width:64px;height:30px;transform:translate(-50%);place-items:center;border:0;background:transparent;cursor:pointer}.boat-grabber span{width:34px;height:4px;border-radius:99px;background:#aeb9b7}.boat-selector{display:flex;gap:7px;margin-top:15px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none}.boat-selector::-webkit-scrollbar,.boat-timeline::-webkit-scrollbar{display:none}.boat-selector button{display:grid;min-width:max-content;min-height:42px;align-content:center;padding:6px 11px;border:1px solid #cfdbdd;border-radius:12px;color:#38525a;background:#eff5f5;cursor:pointer;text-align:left}.boat-selector button:first-child{display:block;padding-inline:16px;font-weight:800}.boat-selector button.active{border-color:var(--boat);color:#fff;background:var(--boat)}.boat-selector strong{font-size:12px}.boat-selector span{max-width:142px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.boat-schedule{min-height:58px;margin-top:8px}.boat-departures{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.boat-departures::-webkit-scrollbar,.boat-connection-times::-webkit-scrollbar{display:none}.boat-departures button{display:grid;min-width:206px;grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:11px;color:#263b41;background:#f0f5f5;cursor:pointer;text-align:left}.boat-departures button:hover{background:#e3f0f2}.boat-departures time{color:var(--boat);font-size:15px;font-weight:850}.boat-departures strong,.boat-departures small{display:block}.boat-departures strong{font-size:12px}.boat-departures small{margin-top:2px;color:#68787c;font-size:10px}.boat-timeline{display:flex;gap:0;margin:0;padding:8px 3px 5px;overflow-x:auto;list-style:none;scrollbar-width:none}.boat-timeline li{position:relative;min-width:82px;padding-top:17px;text-align:center}.boat-timeline li:before{position:absolute;top:4px;left:50%;z-index:1;width:9px;height:9px;transform:translate(-50%);border:2px solid #fff;border-radius:50%;background:#087eae;box-shadow:0 0 0 1px #087eae;content:""}.boat-timeline li:not(:last-child):after{position:absolute;top:8px;left:50%;width:100%;height:2px;background:#8fc6d4;content:""}.boat-timeline time,.boat-timeline span{display:block}.boat-timeline time{color:var(--boat);font-size:12px;font-weight:850}.boat-timeline span{margin-top:3px;color:#53666b;font-size:10px}.boat-connection-times{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.boat-connection-times>div{min-width:190px;padding:9px 11px;border-radius:11px;background:#eef5f5}.boat-connection-times small,.boat-connection-times strong,.boat-connection-times span{display:block}.boat-connection-times small{color:#607479;font-size:9px;font-weight:800;text-transform:uppercase}.boat-connection-times strong{margin-top:2px;color:var(--boat);font-size:14px}.boat-connection-times span{margin-top:2px;color:#42565b;font-size:10px}.boat-season,.boat-empty{margin:9px 0 0;color:#65757a;font-size:10px;line-height:1.3}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.detail-actions .primary-action{min-width:0;margin-top:0;padding-inline:10px;text-align:center}.boat-link{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:0 10px;border:1px solid #8fc4d2;border-radius:14px;color:#075f83;background:#e9f5f7;cursor:pointer;font-size:13px;font-weight:800}.boat-link svg{width:16px;height:16px}.map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:10px 14px;border-radius:12px;color:#fff;background:#b72f2a;font-size:12px;font-weight:750}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{bottom:max(8px,env(safe-area-inset-bottom));transition:bottom .24s ease}.maplibregl-ctrl-bottom-left{left:7px}.maplibregl-ctrl-bottom-right{right:7px}.app.has-detail .maplibregl-ctrl-bottom-left,.app.has-detail .maplibregl-ctrl-bottom-right{bottom:calc(var(--detail-height, 200px) + max(26px,env(safe-area-inset-bottom)))}.maplibregl-ctrl-group{overflow:hidden;border:1px solid rgba(35,38,34,.2);border-radius:14px;box-shadow:0 7px 20px #1f251c33!important}.maplibregl-ctrl-group button{width:44px!important;height:44px!important;background-color:#fff}.maplibregl-ctrl-attrib{color:#3e423d;background:#ffffffeb!important}@keyframes enter{0%{opacity:0}}@media(min-width:900px){.top-ui,.detail-card{left:24px;width:430px;transform:none}.detail-card h1{font-size:32px}}@media(max-height:620px){.detail-card{padding:16px 18px}.detail-card:not(.boat-card) dl{display:none}.boat-card{max-height:min(52dvh,320px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}