body{padding-bottom:80px}header{max-width:none;padding:16px 28px;height:76px;box-sizing:border-box;display:flex;align-items:center;gap:28px}header .tag{display:none}.bp-map-hint{font-size:14px;color:#637d74;margin:0}main{max-width:none;padding:0 22px}.intro,.layout,main>footer,.wind-heading{display:none}.wind-panel{padding:0;border:0;background:transparent;margin:0}.wind-controls.bp-search{display:grid;grid-template-columns:1fr 1.2fr 1.2fr .6fr auto;gap:12px;padding:10px 4px 16px;align-items:end}.bp-search label{margin:0;font-size:12px}.bp-search input,.bp-search select{margin-top:5px;background:white}.bp-favorite{height:44px;white-space:nowrap;border:1px solid #c8d9ce;border-radius:10px;background:white;color:#174f43;padding:0 16px}.wv-map-shell{grid-template-columns:1fr 260px;margin:0;border-radius:18px;overflow:hidden}.wv-map-area{height:calc(100dvh - 325px);min-height:340px}.wv-map-side{background:#fff;padding:24px}.wv-map-side h3{font-size:26px}.wv-map-big{font-size:40px}.bp-bag{margin:12px 0 0;padding:18px 24px;display:grid;grid-template-columns:1fr 1.5fr;column-gap:24px;border-radius:16px;min-height:100px;box-sizing:border-box}.bp-bag h2{font-size:24px;margin:3px 0}.bp-bag .eyebrow,.bp-bag h2,.bp-bag>p{grid-column:1}.bp-bag>p{font-size:13px;margin:2px 0}.bp-bag #pack{grid-column:2;grid-row:1/4}.bp-bag .rec-footer{grid-column:2;margin:0;padding-top:4px;font-size:12px}.bp-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid #d6dfd7;display:flex;justify-content:center;padding:10px 16px max(10px,env(safe-area-inset-bottom));gap:8px}.bp-nav button{border:0;background:transparent;color:#64756f;min-height:44px;padding:9px 25px;border-radius:10px;font-size:14px}.bp-nav button[aria-current=page]{background:#173e3b;color:white}.bp-sheet{width:min(1050px,94vw);max-width:94vw;max-height:85dvh;padding:24px;border:1px solid #d6dfd7;border-radius:20px;box-sizing:border-box}.bp-sheet::backdrop{background:#163c3866}.bp-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-24px;background:white;z-index:5;padding:12px 0}.bp-sheet-head h2{margin:0;font-size:25px}.bp-sheet-head button{border:1px solid #cbd7ce;background:white;padding:10px 16px;border-radius:9px}.bp-sheet>.panel{border:0;padding:0}.bp-sheet .conditions{max-width:640px;margin:auto}.bp-sheet .profile-panel{margin-top:10px}.bp-favorite-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #dce4dd;padding:12px;gap:12px}.bp-favorite-list button{background:#edf4ee;border:0;border-radius:9px;color:#173e3b;padding:14px}.bp-favorite-list>div>button:first-child{flex:1;text-align:left}.bp-sheet #wv-charts{margin-top:18px}.bp-sheet .wv-plan #wv-plan-use{display:none}.bp-sheet .wind-toolbar{margin:12px 0}.wv-plan label:before{content:'Automatic kite planning · ';font-weight:400}.bp-sheet .quiver .section-title .number{display:none}
@media(max-width:760px){header{height:65px;padding:12px 16px}.bp-map-hint{display:none}main{padding:0 10px}.wind-controls.bp-search{grid-template-columns:1fr 1fr;gap:7px;padding:4px 0 10px}.bp-search label:first-child{display:none}.bp-search label:nth-child(2){grid-column:1}.bp-search label:nth-child(3){grid-row:2;grid-column:1}.bp-search label:nth-child(4){grid-row:2;grid-column:2}.bp-favorite{grid-column:2;grid-row:1}.bp-search select{padding:9px;min-height:40px;font-size:12px}.wv-map-shell{display:block;position:relative}.wv-map-area{height:calc(100dvh - 390px);min-height:280px}.wv-map-side{padding:10px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wv-map-side .eyebrow,.wv-map-side .wv-caption,.wv-map-side #wv-spot-description,.wv-sensor-toggle{display:none}.wv-map-side h3{font-size:18px;margin:0;flex:1}.wv-map-big{font-size:24px}.wv-map-tabs{width:100%;display:flex;margin:0!important}.wv-map-tabs button{padding:6px!important;font-size:11px}.bp-bag{display:block;padding:12px 16px;margin-top:8px}.bp-bag h2{font-size:20px}.bp-bag #pack{margin-top:5px}.bp-bag .rec-footer{display:none}.bp-bag>p{font-size:12px}.bp-nav{gap:0;padding:6px 2px}.bp-nav button{padding:7px 4px;font-size:11px;flex:1}.bp-sheet{padding:16px;max-height:88dvh}.bp-sheet-head{top:-16px}.bp-sheet-head h2{font-size:22px}}

@media(min-width:761px){.wv-map-area{height:calc(100dvh - 435px);min-height:250px}.bp-bag{min-height:112px}.bp-bag #pack:empty{display:none}}

.bp-bag #bp-plan-source{font-size:11px;opacity:.8;grid-column:1 / -1;margin-top:8px}.bp-sheet .wind-scroll{max-height:55vh}@media(min-width:761px){.wv-map-shell{height:calc(100dvh - 425px);min-height:280px}.wv-map-area{height:100%;min-height:0}.wv-map-side{padding:16px;overflow:auto;box-sizing:border-box}.wv-map-side>.wv-caption{display:none}.wv-map-side h3{margin:6px 0;font-size:23px}.wv-map-side .wv-map-big{font-size:32px}.wv-map-side #wv-spot-description{font-size:11px;margin:6px 0}.wv-map-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.wv-map-tabs button{font-size:11px;padding:7px}.wv-sensor-toggle{font-size:12px;margin:8px 0}}

/* Geographic viewport and Profile spacing. */
.wv-map-area{position:relative;isolation:isolate}.wv-map-area #wv-overlay{z-index:0;pointer-events:none}.wv-map-area #wv-beach-map{position:relative;z-index:1}.wv-map-area #wv-beach-map.wv-over-wind{background:transparent}.wv-over-wind .leaflet-tile-pane{opacity:0}.wv-map-overlay{width:100%;height:100%;border:0;position:absolute;inset:0}#bp-profile>#profile-panel{margin:10px 0 24px}#bp-profile>.quiver{padding-top:20px;border-top:1px solid #d6dfd7}

#bp-forecast>.bp-bag{margin:8px 0 22px}#bp-forecast>.bp-bag .rec-footer{display:block}@media(min-width:761px){.wv-map-shell{height:calc(100dvh - 290px);min-height:300px}}@media(max-width:760px){.wv-map-area{height:calc(100dvh - 325px)}}

.wv-week .wv-plot,.wv-week .wv-direction{overflow-x:auto}.wv-week .wv-plot svg,.wv-week .wv-direction svg{min-width:1400px}.wv-week .wv-direction svg{width:100%}

.wind-controls.bp-search{grid-template-columns:1fr 1.4fr auto}.bp-search label[hidden]{display:none!important}@media(max-width:760px){.wind-controls.bp-search{grid-template-columns:1fr auto}.bp-search label:first-child{display:block;grid-column:1 / -1;grid-row:1}.bp-search label:nth-child(2){grid-column:1;grid-row:2}.bp-favorite{grid-column:2;grid-row:2}.wv-map-area{height:calc(100dvh - 290px)}}@media(min-width:761px){.wv-map-shell{height:calc(100dvh - 260px)}}

.wv-map-area{overflow:hidden}#wv-overlay{transform-origin:center center;will-change:transform}

.wv-tide-controls>label:first-child{display:none}.wv-tide-controls .wv-tide-unit{margin-left:auto}.wv-tide-status{margin-top:8px}

.bp-bag .bag-chart{grid-column:1 / -1;margin-top:14px;padding-top:14px;border-top:1px solid #ffffff26}.bag-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.04em;margin-bottom:12px}.bag-chart-heading>span{font-size:13px;letter-spacing:0}.bag-range-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:center;margin:10px 0}.bag-range-label{font-size:12px;line-height:1.45;min-width:0;overflow-wrap:anywhere}.bag-range-label b{display:block;font-size:12px;font-weight:600}.bag-range-label small{display:block;font-size:11px;opacity:.8}.bag-range-track{height:22px;position:relative;border-radius:5px;background:#ffffff12;overflow:hidden}.bag-forecast-band{position:absolute;inset-block:0;background:#e8b28b99;border-inline:1px dashed #efba94;box-sizing:border-box}.bag-kite-band{position:absolute;top:7px;height:8px;background:#bfe1b7;border-radius:4px;box-shadow:0 0 0 1px #143e36}.bag-range-axis>div{display:flex;justify-content:space-between;font-size:10px;opacity:.8}.bag-chart-legend{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;font-size:10px;opacity:.9;margin-top:12px}.bag-chart-legend>span{display:flex;align-items:center;gap:6px}.bag-chart-legend i{display:inline-block;width:14px;height:8px;border-radius:2px}.bag-forecast-key{background:#e8b28b99;border:1px dashed #efba94}.bag-kite-key{background:#bfe1b7}.bag-chart-note{font-size:11px;line-height:1.5;opacity:.8;margin:10px 0 0}@media(max-width:600px){.bag-range-row{grid-template-columns:110px minmax(0,1fr);gap:8px}.bag-range-label,.bag-range-label b{font-size:10px}.bag-range-label small{font-size:10px}.bag-chart-legend{gap:8px;font-size:9px}}

#bp-forecast .bp-sheet-head{background:var(--paper,#f5f4ed)}#bp-forecast .bp-sheet-head h2{font-size:34px;line-height:1.15;font-weight:800}#bp-forecast .bp-sheet-head button{background:transparent}@media(max-width:600px){#bp-forecast .bp-sheet-head h2{font-size:29px}}