:root{font-family:system-ui,-apple-system,sans-serif;color:#163c42;background:#f3f3e9;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:36px 28px}header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 0 30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(30px,5vw,52px);letter-spacing:-2px;margin:16px 0}h2{font-size:22px;font-weight:650}p{line-height:1.6}.badge{white-space:nowrap;font-size:12px;padding:10px 15px;border:1px solid #aac2be;border-radius:24px}nav{display:flex;gap:24px;border-top:1px solid #c5d2ca;border-bottom:1px solid #c5d2ca;padding:18px 0}a{color:#176266}section{padding:20px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}button,select{font:inherit;border-radius:10px;padding:12px;border:1px solid #99b3ac;background:#fff;color:#163c42;min-height:44px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c87930;outline-offset:3px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px 0}.days button{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px 10px;background:transparent}.days button[aria-pressed=true]{background:#17494d;color:#fff;border-color:#17494d}.days small{font-size:11px}.selectors{display:flex;gap:20px;margin:24px 0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;flex:1}select{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid #d4ded7;border-radius:14px;padding:22px 18px}.metric span{font-size:12px;text-transform:uppercase;letter-spacing:.8px}.metric strong{display:block;font-size:30px;margin:12px 0 6px;font-weight:600}.metric small,.muted{color:#576e6c;font-size:13px;line-height:1.6}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #d0dbd4}th:first-child,td:first-child{text-align:left}thead{background:#e4ebe3}tr.selected{background:#e0ece8}summary{padding:18px 0;cursor:pointer;font-weight:600}aside{border-top:1px solid #c5d2ca;margin-top:20px;padding-top:12px}aside p{font-size:14px;max-width:900px}footer{font-size:12px;color:#576e6c;padding:28px 0;line-height:1.8}#status{font-size:14px;background:#e6ece3;padding:12px 16px;border-radius:10px}#status.warning{background:#fae6c9;color:#684813}@media(max-width:650px){main{padding:20px 16px}header{display:block}.badge{display:inline-block;margin-top:8px}.section-head{align-items:flex-start}h2{font-size:19px}.days{display:flex;overflow:auto;padding-bottom:8px}.days button{min-width:90px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:16px 12px}.metric strong{font-size:26px}nav{font-size:14px;gap:18px}.selectors{gap:12px}header p{font-size:14px}}
.period-section{padding:0 0 24px}.periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.period-card{text-align:left;display:flex;flex-direction:column;padding:18px 14px;background:#fafbf6;border-color:#c5d2ca;gap:8px}.period-card[aria-pressed=true]{border:2px solid #176266;padding:17px 13px;background:#e4efea;box-shadow:0 2px 8px #163c4210}.period-label{font-size:15px;font-weight:700;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.period-label small{font-size:10px;font-weight:400;border:1px solid #99b3ac;border-radius:9px;padding:2px 5px}.period-time{font-size:30px;font-weight:600}.period-source{font-size:11px;min-height:30px;color:#576e6c}.period-sample{font-size:12px;border-top:1px solid #c5d2ca;padding-top:12px;margin-top:4px}.period-row{font-size:12px;display:flex;justify-content:space-between;gap:4px}.period-row b{font-weight:600;text-align:right}.period-moon{font-size:12px;border-top:1px solid #c5d2ca;margin-top:6px;padding-top:10px}.moon-panel{display:flex;gap:20px;align-items:center;border-radius:14px;background:#e7eade;padding:20px 24px;margin:4px 0 28px}.moon-icon{font-size:52px}.moon-panel h3{margin:0 0 8px;font-size:20px}.moon-panel p{margin:4px 0;font-size:14px}.moon-panel .muted{font-size:12px}@media(max-width:900px){.periods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.period-card{padding:14px 10px}.period-card[aria-pressed=true]{padding:13px 9px}.period-row{font-size:11px;flex-wrap:wrap}.period-label{font-size:14px}.period-time{font-size:28px}.moon-panel{padding:16px;gap:12px}.moon-icon{font-size:36px}.moon-panel h3{font-size:17px}}
#ranking{padding-top:32px;border-top:1px solid #c5d2ca;margin-top:28px}.ranking-rule{font-size:14px;line-height:1.65}.rank-status{padding:16px;background:#e3eee6;border-radius:12px;font-size:14px;line-height:1.6}.rank-status.warning{background:#f5e9d5}.rank-card{margin:10px 0;border:1px solid #c5d2ca;border-radius:12px;background:#fcfcf6;overflow:hidden}.rank-card summary{display:flex;align-items:center;gap:14px;padding:18px;list-style:none}.rank-card summary::-webkit-details-marker{display:none}.rank-position{min-width:26px;font-size:18px;color:#576e6c}.rank-name{flex:1;min-width:0}.rank-name strong{font-size:17px;display:block}.rank-name small{display:block;font-size:12px;font-weight:400;margin-top:5px;line-height:1.5;color:#576e6c}.rank-score{text-align:right;flex-shrink:0}.rank-score b{display:block;font-size:26px;font-weight:650}.rank-score b small{font-size:12px;font-weight:400}.rank-score>span{font-size:11px;display:block;margin-top:5px}.rank-score>span:after{content:' ▾'}.rank-card[open] .rank-score>span:after{content:' ▴'}.rank-card.favorable{border-left:4px solid #267068}.rank-card.intermediate{border-left:4px solid #ae8b45}.rank-card.unfavorable{border-left:4px solid #ae6250}.rank-card.unknown{border-left:4px solid #8c9492}.rank-body{border-top:1px solid #d5dfd8;padding:6px 24px 14px;font-size:14px}.rank-body li{margin:9px 0;line-height:1.6}.rank-body ul{padding-left:19px}.rank-calculation{font-size:12px;color:#576e6c}.rank-access-info{font-size:13px;border-top:1px dashed #c5d2ca;padding-top:12px}.ranking-method{padding:4px 10px;font-size:14px}.ranking-method p{line-height:1.7}@media(max-width:600px){.rank-card summary{gap:8px;padding:14px 10px}.rank-position{min-width:19px;font-size:14px}.rank-name strong{font-size:14px}.rank-name small{font-size:11px}.rank-score b{font-size:22px}.rank-score>span{font-size:10px;max-width:80px}.rank-body{padding:5px 15px 12px;font-size:13px}nav{flex-wrap:wrap}}
.seabed-panel{padding:6px 0 18px;margin:12px 0 22px;border-bottom:1px solid #c5d2ca}.seabed-panel h3{margin:10px 0;font-size:18px}.seabed-intro{font-size:13px;color:#576e6c;max-width:800px}.seabed-area{padding:16px;margin:12px 0;background:#edf2ed;border:1px solid #d2dfd5;border-radius:10px}.seabed-area h4{font-size:15px;margin:0 0 8px}.bed-evidence{font-size:11px;color:#385d59}.seabed-area p{margin:12px 0;font-size:14px}.seabed-area p strong,.bed-empty strong{display:block;font-size:12px;margin-bottom:5px}.bed-documented{color:#225e54}.bed-pending{color:#805616}.bed-sources{display:flex;flex-wrap:wrap;gap:8px 20px}.bed-sources a{font-size:12px;overflow-wrap:anywhere;padding:8px 0;line-height:1.5}.seabed-foot{font-size:11px;color:#576e6c}.bed-empty{background:#f5ead9;border-radius:10px;padding:16px;color:#62491d}@media(max-width:600px){.seabed-area{padding:12px}.seabed-area p{font-size:13px}.bed-sources{display:block}.bed-sources a{display:block}}
.sea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sea-grid>article,.sea-chart{margin:0;padding:20px;background:#f0f4ef;border:1px solid #dbe3db;border-radius:15px}.sea-grid h3{margin:9px 0;color:#175751}.sea-grid p,.sea-spot p{line-height:1.6}.sea-chart svg{display:block;width:100%;height:auto}.sea-chart text{font:12px system-ui;fill:#52706a}.sea-chart figcaption{font-weight:650;margin-bottom:8px}.sea-advice{padding:16px 20px;border-left:3px solid #b68b49;background:#fbf7ee;line-height:1.7}.sea-method{margin:18px 0 30px;line-height:1.7}.sea-method a{display:inline-block}.sea-spot{padding:16px;background:#eef4f1;border-radius:12px;margin-bottom:20px}.sea-spot small{line-height:1.6;display:block}.period-sea{display:block;border-top:1px solid #d4ddd5;padding-top:8px;line-height:1.5;font-size:.83rem;color:#215e55}#sea-context{margin:28px 0}#sea-context h2{margin-top:0}@media(max-width:650px){.sea-grid{grid-template-columns:1fr}.sea-grid>article,.sea-chart{padding:16px}.sea-chart text{font-size:13px}}
/* Connected map: same ranking results, geography embedded for offline viewing. */
nav{flex-wrap:wrap}.selectors>label{min-width:0}.selectors .muted{font-weight:400}
#spot-map{border-top:1px solid #c5d2ca;margin-top:24px}.spot-map-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.map-board{min-width:0}.map-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.map-north{margin-left:auto;font-weight:700}.map-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0 22px;font-size:13px}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:12px;height:12px;border-radius:50%;display:inline-block}#map-svg{display:block;width:100%;height:auto;background:#e1eceb;border:1px solid #b8cdca;border-radius:12px;margin-top:12px;aspect-ratio:800/660}#map-svg .map-land{fill:#f2eedb;stroke:#789692;stroke-width:1;vector-effect:non-scaling-stroke}#map-svg .map-lake{fill:#b4d8d7;stroke:#789692;stroke-width:1}#map-svg .map-island{fill:#647674;font-size:15px;letter-spacing:3px}#map-svg g{cursor:pointer}#map-svg g:focus{outline:none}#map-svg g:focus circle{stroke:#0b172b;stroke-width:3px;vector-effect:non-scaling-stroke}.map-hit{fill:transparent}.map-detail{min-width:0;padding:20px;background:#fcfcf6;border:1px solid #c5d2ca;border-radius:12px;font-size:14px;overflow-wrap:anywhere}.map-detail h3{margin:10px 0}.map-detail li{line-height:1.6;margin:8px 0}.map-detail ul{padding-left:20px}.map-detail .seabed-panel{padding:0}.lure-panel{padding:10px 0}.lure-panel h3{margin-bottom:8px}.rank-body>button{margin-top:16px}
@media(max-width:800px){.spot-map-layout{grid-template-columns:1fr}.map-board{max-width:650px;width:100%;margin:auto}.map-detail{padding:16px}}
@media(max-width:430px){.selectors{flex-direction:column}.map-controls{gap:6px}.map-controls button{padding:10px}.map-legend{font-size:12px}}
/* Reason remains visible beside the score, including closed ranking cards. */
.score-with-reason{display:flex;align-items:flex-start;gap:16px}.score-with-reason>p:first-child{flex:0 0 100px}.score-with-reason>p:first-child>strong{display:block;font-size:24px}.score-reason{display:block;font-size:13px;line-height:1.6;font-weight:400;color:#344e50}.score-reason>strong,.rank-name .score-reason>strong{display:block;font-size:12px;font-weight:650;margin-bottom:3px}.rank-name .score-reason{margin-top:10px;max-width:680px}.score-with-reason .score-reason{flex:1;min-width:0}.map-detail .score-with-reason{flex-wrap:wrap}.map-detail .score-with-reason .score-reason{flex-basis:180px}@media(max-width:430px){.score-with-reason{gap:0}.score-with-reason>p:first-child{flex-basis:100%}.rank-name .score-reason{font-size:12px}}
/* iPhone installed app: safe-area spacing and explicit saved-data state. */
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}[hidden]{display:none!important}#offline-panel{border-bottom:1px solid #c5d2ca}#offline-status{background:#e3eee6;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6}#offline-status.warning{background:#f5e9d5}#install-guide{font-size:14px;line-height:1.7}#install-guide li{margin:10px 0}#offline-ready{white-space:normal}#app-update{background:#17494d;color:#fff}#storage-result:empty{display:none}@media(max-width:600px){#offline-panel .section-head{flex-direction:column;gap:0}select{font-size:16px}}
/* Focused home: choose a day and time, then compare the first three spots. */
main{max-width:1000px;padding-top:18px}.app-header{align-items:center;padding:14px 0 20px;gap:12px}.app-header h1{font-size:32px;letter-spacing:-1px;margin:5px 0 0}.app-header .eyebrow{font-size:11px}.app-header .badge{text-decoration:none;background:#e3eee6;max-width:175px;text-align:center;margin:0;padding:8px 12px}
nav{gap:12px;padding:10px 0;justify-content:space-between}nav a{padding:6px 10px;text-decoration:none;font-weight:600}#previsioni{padding:16px 0 0}#previsioni .section-head h2{font-size:18px;margin:0}#refresh{font-size:13px;padding:8px 12px}#status{font-size:12px;padding:8px 12px;margin:12px 0}
.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0}.days button{min-width:0;align-items:center;text-align:center;padding:10px 2px;gap:4px}.days b{font-size:12px;font-weight:500}.days span{font-size:21px;font-weight:650}.periods{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.period-card,.period-card[aria-pressed=true]{padding:10px 4px;gap:4px;align-items:center;border-width:1px;box-shadow:none}.period-card[aria-pressed=true]{background:#17494d;color:white}.period-label{font-size:12px;display:block}.period-time{font-size:20px}.period-card small{font-size:10px;min-height:13px}.period-card[aria-pressed=true] small{color:#d6ebe3}#choice-summary{font-size:12px;margin:12px 0 0}
#ranking{border-top:0;margin-top:0;padding:14px 0 20px}#ranking-title{margin:0 0 6px;font-size:25px}#ranking-time{display:none}.ranking-rule{font-size:12px;color:#576e6c;margin:6px 0}.rank-status{padding:10px 12px;font-size:12px;margin:10px 0}.rank-card summary{align-items:flex-start;padding:16px 12px;gap:10px}.rank-name strong{font-size:17px}.rank-name small{font-size:12px}.rank-name .score-reason{font-size:13px;line-height:1.45;margin-top:8px;max-width:550px}.rank-score b{font-size:25px}.rank-score>span{font-size:10px}.rank-position{min-width:20px;padding-top:2px}.rank-body .lure-panel{padding:0}.rank-body .lure-panel h3{margin-top:12px}.rank-body details{border-top:1px solid #d5dfd8}.rank-body details>summary{display:list-item;padding:14px 0;font-size:14px}.rank-body .seabed-panel{border:0;margin-top:0}#ranking-toggle{width:100%;background:transparent;margin-top:6px}.ranking-method>summary{font-size:12px;color:#576e6c;padding-bottom:0}
.main-details,#data-guide{border-top:1px solid #c5d2ca;margin-top:20px}.main-details>summary{font-size:20px}.main-details #selection{font-size:18px}.main-details .selectors{margin-top:0}.map-help summary{font-size:12px;padding:6px 0;color:#576e6c}#spot-map{margin-top:0;padding-top:16px}#map-time{font-size:12px}.map-legend{margin-bottom:12px}.map-detail .score-with-reason>p:first-child{flex-basis:100px}.map-detail .score-with-reason .score-reason{flex-basis:160px}.map-detail>details{border-top:1px solid #d5dfd8}.map-detail>details>summary{padding:12px 0}#offline-panel{margin-top:20px;border-top:1px solid #c5d2ca}#offline-heading{font-size:18px}#app-update{width:100%;margin-top:12px}#data-guide{font-size:13px}footer{padding-top:14px}section,details{scroll-margin-top:16px}
@media(max-width:600px){main{padding:12px 14px}.app-header{display:flex}.app-header h1{font-size:26px}.app-header .badge{font-size:10px;max-width:125px;padding:8px}.app-header .eyebrow{letter-spacing:1.5px}nav{gap:0;font-size:13px}nav a{padding:6px 8px}.rank-card summary{padding:14px 10px;gap:7px}.rank-name strong{font-size:15px}.rank-name .score-reason{font-size:12px}.rank-name small{font-size:11px}.rank-score b{font-size:23px}.rank-score>span{max-width:74px}.rank-position{font-size:14px;min-width:17px}.spot-map-layout{gap:14px}.map-detail .score-with-reason{gap:10px}.map-detail .score-with-reason>p:first-child{flex-basis:90px}}

/* Conditions are readable before opening any spot card. */
.rank-card>summary{display:grid;grid-template-columns:20px minmax(0,1fr)80px}
.spot-conditions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.25fr);gap:10px;padding-top:10px;border-top:1px solid #d5dfd8;font-weight:400}
.rank-card>summary>.spot-conditions{grid-column:1/-1;margin-top:4px}
.spot-conditions small{display:block;font-size:10px;line-height:1.4;color:#576e6c;margin-bottom:4px}
.spot-conditions b{display:block;font-size:13px;line-height:1.4;font-weight:650}
.spot-trend b{color:#176266}.map-detail>.spot-conditions{margin:14px 0}
@media(max-width:600px){.rank-card>summary{grid-template-columns:17px minmax(0,1fr)74px}.spot-conditions{gap:8px}.spot-conditions b{font-size:12px}}

.technique-ranking{display:block;grid-column:1/-1;border-top:1px solid #d5dfd8;padding-top:10px;margin-top:3px;font-weight:400}
.technique-title{display:block;text-transform:uppercase;letter-spacing:.6px;font-size:10px;color:#576e6c;margin-bottom:7px}
.technique-first{display:block}.technique-first b{font-size:14px;color:#176266}.technique-first>span{display:block;font-size:12px;line-height:1.5;margin:4px 0 8px;color:#344e50}
.technique-alternatives{display:flex;gap:5px 14px;flex-wrap:wrap;font-size:12px;font-weight:600}.technique-ranking>small{display:block;font-size:10px;color:#576e6c;margin-top:7px}.technique-empty{font-size:12px;line-height:1.5}.map-detail>.technique-ranking{margin-bottom:15px}

.bottom-brief{display:block;grid-column:1/-1;font-size:11px;color:#576e6c;padding-top:7px}.bottom-brief b{font-weight:600}.bottom-brief small{display:block;font-size:10px;margin-top:3px}.bottom-decision{line-height:1.6}.bottom-decision dt{font-weight:650;margin-top:10px}.bottom-decision dd{margin:3px 0;color:#576e6c}.window-intro{font-size:13px}.window-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.window-card{background:#fcfcf6;border:1px solid #c5d2ca;border-radius:12px;padding:16px}.window-card h3{font-size:18px;margin:10px 0}.window-card p{font-size:12px;line-height:1.6}.window-card .eyebrow{font-size:10px;letter-spacing:.6px}.window-values{padding:10px 0;border-block:1px solid #d5dfd8}.window-card button{font-size:12px}.window-alternative button{display:block;margin-top:8px;background:transparent}.window-card>button{width:100%}#windows-panel{margin-bottom:20px}#windows-panel>summary{font-size:17px}@media(max-width:750px){.window-list{grid-template-columns:1fr}}


.rank-card{padding:16px}.spot-card-head{display:flex;gap:10px;align-items:flex-start}.spot-card-head h3{flex:1;min-width:0;margin:0;font-size:18px;line-height:1.35}.rank-score>span:after{content:none}.rank-card>.score-reason{margin:10px 0;font-size:13px}.spot-actions{display:flex;gap:8px;margin-top:14px}.spot-actions button{flex:1;font-size:13px;padding:10px}.spot-actions button:last-child{background:#17494d;color:white}.spot-window{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;background:#e9f0e9;border-radius:9px;padding:6px 10px;margin:12px 0;font-size:12px}.spot-window button{background:transparent;border:0;font-weight:700;padding:6px;font-size:14px}.spot-window small{flex-basis:100%;color:#805616}.spot-window.empty{font-size:11px;line-height:1.5;background:transparent;padding:0;color:#576e6c}.rank-card .technique-ranking{border:0;margin:0;padding:0}.technique-alternatives{font-weight:400;margin-top:5px;line-height:1.5}.bottom-brief{font-size:12px;line-height:1.5;margin-top:7px}.info-link{font-size:12px;text-align:right;max-width:110px;line-height:1.5}.offline-alert{display:block;font-size:12px;padding:10px;background:#fae6c9;border-radius:8px}.spot-conditions em{display:block;font-style:normal;color:#805616;font-size:11px;margin-top:3px}.map-detail>button{width:100%;margin-top:14px}.map-detail .spot-card-head{margin-top:10px}.map-detail .spot-card-head h3{margin:0}
dialog{border:1px solid #c5d2ca;border-radius:16px;background:#f7f7ef;color:#173a40;width:min(640px,calc(100% - 24px));max-height:90dvh;padding:0 22px 22px;box-sizing:border-box;overscroll-behavior:contain}dialog::backdrop{background:#102e35a6}body:has(dialog[open]){overflow:hidden}.dialog-head{display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f7f7ef;padding:16px 0;border-bottom:1px solid #c5d2ca;z-index:1}.dialog-head h2{margin:0;font-size:21px}.dialog-head button{font-size:13px}.detail-score{display:flex;align-items:center;gap:16px;margin:12px 0}.detail-score strong{font-size:28px}.detail-score small{font-size:13px;font-weight:400}#spot-dialog-body{font-size:14px;line-height:1.6}#spot-dialog-body details{border-top:1px solid #c5d2ca}#spot-dialog-body>button{width:100%;margin-top:15px}#spot-dialog-body li p{margin:5px 0 14px}#info-panel{margin-top:20px}#info-panel>summary{font-size:17px}
@media(max-width:600px){.rank-card{padding:14px 12px}.spot-card-head h3{font-size:16px}.spot-card-head{gap:8px}.spot-window{padding:4px 8px}.rank-card .rank-score b{font-size:24px}dialog{padding:0 16px 18px;max-height:92dvh}.dialog-head h2{font-size:18px}.spot-actions button{font-size:12px}.rank-card>.score-reason{font-size:12px}}