/* מצפן הדייג — שכבת הממשק החדשה מעל עיצוב הארסנל */
:root{--top:#0f8a5f;--good:#2f9e6e;--ok:#c99a1c;--mid:#d6653e;--low:#a33b3b;--card:#fff;--soft:#eef5f4}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body{background:var(--ground);padding-bottom:84px}
.appbar{position:sticky;top:0;z-index:40;background:var(--navy-deep);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.appbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.brand-mark{font-size:28px;line-height:1}
.brand b{display:block;font-family:Heebo,Assistant,sans-serif;font-size:20px;font-weight:800;letter-spacing:.2px}
.brand small{display:block;font-size:13px;opacity:.75}
.icon-btn{background:rgba(255,255,255,.12);border:0;color:#fff;border-radius:999px;width:40px;height:40px;font-size:20px;cursor:pointer}
.icon-btn:hover{background:rgba(255,255,255,.22)}
.tabbar{display:flex;justify-content:center;gap:4px;padding:0 8px 8px}
.tabbar button{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#cfe2e4;font:600 14px Assistant,sans-serif;padding:6px 4px;border-radius:12px;cursor:pointer}
.tabbar button span{font-size:20px}
.tabbar button.is-on{background:rgba(255,255,255,.14);color:#fff}
@media (max-width:720px){
  .tabbar{position:fixed;bottom:0;inset-inline:0;background:var(--navy-deep);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px rgba(0,0,0,.2);z-index:50}
  .tabbar button{font-size:12px}
}
.pane{padding-block:16px 28px}
.pane-title{font-family:Heebo,sans-serif;font-size:26px;margin:4px 0 12px}
.load-state{padding:10px 0;color:var(--muted)}
.hint{color:var(--muted);font-size:14px;margin:4px 0 10px}
.picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.picker label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);flex:1;min-width:150px}
.picker select,.log-form input,.log-form select{font:500 16px Assistant,sans-serif;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.chip{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font:600 14px Assistant,sans-serif;color:var(--ink);cursor:pointer}
.chip small{color:var(--muted);font-weight:500}
.chip.is-on{background:var(--teal);border-color:var(--teal);color:#fff}
.chip.is-on small{color:#dff}
.beach-head h2{font-family:Heebo,sans-serif;font-size:24px;margin:6px 0 2px}
.beach-head h2 small{font-size:15px;color:var(--muted);font-weight:600}
.beach-meta,.astro{color:var(--muted);font-size:14px;margin:2px 0}
.legal{background:#fff4e5;border:1px solid #f1d2a8;border-radius:10px;padding:8px 10px;font-size:14px;margin:8px 0}
.sessions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0}
.sess{background:var(--card);border-radius:18px;padding:14px 16px;box-shadow:0 1px 3px rgba(16,47,59,.08),0 6px 18px rgba(16,47,59,.06);border-top:6px solid var(--lvc,var(--line))}
.sess header{display:flex;justify-content:space-between;align-items:baseline}
.sess h3{margin:0;font-family:Heebo,sans-serif;font-size:20px}
.sess-time{color:var(--muted);font-weight:600;direction:ltr}
.sess-score{display:flex;align-items:baseline;gap:8px;margin:6px 0}
.sess-score b{font:900 44px Heebo,sans-serif;color:var(--lvc)}
.sess-score span{font-weight:700;color:var(--lvc)}
.lv-top{--lvc:var(--top)}.lv-good{--lvc:var(--good)}.lv-ok{--lvc:var(--ok)}.lv-mid{--lvc:var(--mid)}.lv-low{--lvc:var(--low)}
.sess-tip{background:var(--soft);border-radius:10px;padding:8px 10px;font-weight:600;margin:6px 0}
.tip-ico{display:inline-block;margin-inline-end:6px;color:var(--teal-deep)}
.sess-cond{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0}
.sess-cond div{background:#f7faf9;border-radius:8px;padding:4px 6px;text-align:center}
.sess-cond dt{font-size:12px;color:var(--muted)}.sess-cond dd{margin:0;font-weight:700;font-size:14px}
.sess-fish,.sess-lures{font-size:14px;margin:6px 0}
.lure-link{border:1px solid var(--teal);color:var(--teal-deep);background:#fff;border-radius:999px;padding:3px 10px;font:600 13px Assistant,sans-serif;cursor:pointer;margin:2px 0}
.lure-link:hover{background:var(--teal-pale)}
.why summary{cursor:pointer;color:var(--teal-deep);font-weight:700;font-size:14px}
.why ul{list-style:none;padding:0;margin:6px 0 0;font-size:14px}
.why li{display:flex;gap:8px;padding:2px 0}
.why li span{min-width:42px;text-align:end;font-weight:800;direction:ltr}
.why .pos{color:var(--good)}.why .neg{color:var(--low)}
.sess.is-na{opacity:.6}
.sess.is-past{opacity:.72}
.past-tag{font:600 12px Assistant,sans-serif;background:#e6eeec;color:var(--muted);border-radius:6px;padding:1px 6px;vertical-align:middle}
.card-lite{background:#fff;border-radius:16px;padding:12px 14px;margin:12px 0}
.card-lite h2{margin:0;font-size:18px}
.hourly{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}
.hr{flex:none;width:38px;display:flex;flex-direction:column;align-items:center;font-size:12px}
.hr-bar{width:14px;height:56px;border-radius:7px;background:linear-gradient(to top,var(--teal) calc(var(--v)*1%),#e3ecea 0)}
.hr b{font-size:12px}.hr small{color:var(--muted)}
.src-note{color:var(--muted);font-size:13px}
.about{background:#fff;border-radius:16px;padding:10px 14px;margin-top:10px}
.about summary{cursor:pointer;font-weight:700}
.about li{margin:4px 0;font-size:14px}
.rank-list{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px}
.rank-row{width:100%;display:grid;grid-template-columns:34px 1fr auto 52px auto;align-items:center;gap:8px;background:#fff;border:0;border-inline-start:6px solid var(--lvc);border-radius:12px;padding:10px 12px;font:500 15px Assistant,sans-serif;color:var(--ink);text-align:start;cursor:pointer}
.rank-row:hover{background:#f7fbfa}
.rk{color:var(--muted);font-weight:800}
.rn small{color:var(--muted)}
.rs{color:var(--muted);font-size:13px}
.rv{font:900 22px Heebo,sans-serif;color:var(--lvc);text-align:center}
.sub{font-family:Heebo,sans-serif;font-size:20px;margin:14px 0 8px}
.fish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.fish-card{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px rgba(16,47,59,.08)}
.fish-card header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.fish-card h3{margin:0;font-size:18px}
.fish-card .peak{font-style:normal;background:var(--orange);color:#fff;border-radius:6px;padding:0 6px;font-size:12px}
.fish-card .layer{font-size:12px;color:var(--muted)}
.fish-card p{margin:6px 0;font-size:14px}
.cal{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin:8px 0}
.cal i{height:8px;border-radius:2px;background:#e6eeec}
.cal i.in{background:#9fd3c7}.cal i.pk{background:var(--teal)}
.cal i.now{outline:2px solid var(--orange);outline-offset:1px}
.warn{color:#9a4b12}.min{color:var(--teal-deep);font-weight:700}.note{color:var(--muted)}
.protected{background:#fdecec;border-radius:12px;padding:6px 12px;margin:12px 0}
.protected:empty{display:none}
.protected h3{margin:4px 0;font-size:16px;color:var(--low)}
.off summary{cursor:pointer;font-weight:700;margin:12px 0 8px}
.reports{font-size:14px;color:var(--muted)}
.law{background:#fff;border-radius:16px;padding:10px 14px;margin-top:18px}
.law h2{font-size:18px;margin:4px 0}.law li{font-size:14px;margin:4px 0}
.log-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;background:#fff;border-radius:16px;padding:14px}
.log-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.log-form .wide{grid-column:1/-1}
.log-actions{grid-column:1/-1;display:flex;gap:8px}
.log-actions button{font:700 15px Assistant,sans-serif;border-radius:12px;padding:10px 16px;border:1px solid var(--teal);background:#fff;color:var(--teal-deep);cursor:pointer}
.log-actions .primary{background:var(--teal);color:#fff}
.log-list{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px}
.log-list li{background:#fff;border-radius:12px;padding:10px 12px;position:relative;font-size:15px}
.log-list li.empty{color:var(--muted)}
.log-list .del{position:absolute;inset-inline-end:8px;top:8px;border:0;background:none;color:var(--muted);cursor:pointer;font-size:16px}
.site-footer a{color:inherit}
.official{background:#eef5fb;border:1px solid #cfe0ee;border-radius:12px;padding:8px 12px;margin:8px 0;font-size:14px}
.official ul{margin:4px 0 0;padding-inline-start:18px}.official li span{font-weight:700;direction:ltr;display:inline-block;margin-inline-end:6px}
.warnings{background:#fff4e5;border:1px solid #f1d2a8;border-radius:12px;padding:6px 12px;margin:8px 0;font-size:14px}
.warnings summary{cursor:pointer;font-weight:700}
.kinneret,.nav-links,.depth,.zone{font-size:14px;margin:4px 0;color:var(--ink)}
.nav-links a{color:var(--teal-deep);font-weight:700}
.boat-toggle{display:inline-flex;gap:6px;align-items:center;font-size:14px;background:var(--soft);border-radius:10px;padding:6px 10px;margin:6px 0;cursor:pointer}
.latin{font-size:13px;color:var(--muted)}.active,.colors{font-size:14px}
.target select{font:500 16px Assistant,sans-serif;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:220px}
.lure-dialog{border:0;border-radius:18px;padding:18px 20px;max-width:420px;width:calc(100% - 32px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.lure-dialog::backdrop{background:rgba(9,38,49,.45)}
.lure-dialog h3{margin:0 0 8px;font-family:Heebo,sans-serif}
.lure-dialog dt{font-weight:700;color:var(--teal-deep);margin-top:6px}.lure-dialog dd{margin:2px 0 0}
.dlg-actions{display:flex;gap:8px;margin-top:14px}
.dlg-actions button{font:700 15px Assistant,sans-serif;border-radius:12px;padding:9px 14px;border:1px solid var(--teal);background:#fff;color:var(--teal-deep);cursor:pointer}
.dlg-actions .primary{background:var(--teal);color:#fff}
.safe-chip{font:700 12px Assistant,sans-serif;font-style:normal;border-radius:999px;padding:2px 8px;margin-inline-start:6px;white-space:nowrap}
.sf-good{--sf:#2f9e6e}.sf-ok{--sf:#c99a1c}.sf-weak{--sf:#d6653e}.sf-danger{--sf:#a33b3b}
.safe-chip.sf-good,.safe-chip.sf-ok,.safe-chip.sf-weak,.safe-chip.sf-danger{background:color-mix(in srgb,var(--sf) 14%,#fff);color:var(--sf);border:1px solid color-mix(in srgb,var(--sf) 40%,#fff)}
.hr .hr-bar{background:linear-gradient(to top,var(--sf,var(--teal)) calc(var(--v)*1%),#e3ecea 0)}
.hr.is-best b{color:var(--teal-deep);text-decoration:underline}
.danger{background:#fdecec;border:1px solid #f0b8b8;color:#8a2a2a;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:700;margin:6px 0}
.caution{background:#fff4e5;border:1px solid #f1d2a8;color:#8a4b12;border-radius:10px;padding:6px 10px;font-size:14px;margin:6px 0}
[hidden]{display:none!important}
/* spots within a beach */
.spot-pick{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);max-width:260px;margin:6px 0}
.spot-pick select{font:500 16px Assistant,sans-serif;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.spot-why,.spot-look{font-size:14px;margin:6px 0}
.spot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.spot{background:var(--soft);border-radius:12px;padding:8px 12px;border-inline-start:6px solid var(--lvc,var(--line))}
.spot header{display:flex;align-items:center;gap:8px}.spot header b{flex:1}.spot .rv{font-weight:800;font-size:18px}
.spot p{margin:4px 0;font-size:14px}.spot .caution{font-size:13px}
.spot-list.picked{margin-top:10px}
.spot-map-box{height:440px;border-radius:14px;overflow:hidden;margin:10px 0 6px;background:#dfe9ea;z-index:0;position:relative}
@media (max-width:560px){.spot-map-box{height:380px}}
.spot-pin{background:none;border:0}
.spot-pin b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--top);color:#fff;font:800 14px Assistant,sans-serif;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.45)}
.spot-locate{background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:8px;padding:6px 10px;font:700 14px Assistant,sans-serif;color:var(--ink);cursor:pointer}
.spot-pop{font:500 14px Assistant,sans-serif;line-height:1.45}
.spot-legend{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}
.lg-bar{display:inline-block;width:64px;height:10px;border-radius:5px;background:linear-gradient(to left,hsl(0 90% 48%),hsl(55 90% 58%))}
.lg-pin{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--top);color:#fff;font:800 11px Assistant,sans-serif}
.lg-out,.lg-closed{display:inline-block;width:16px;height:10px;border:1.5px dashed #888;border-radius:2px}.lg-closed{background:#999;border-style:solid}
.spot-ll{font-size:13px}.spot-ll bdi{font-weight:700}
.copy-ll,.show-on-map{background:none;border:0;padding:0;color:var(--top);font:700 13px Assistant,sans-serif;text-decoration:underline;cursor:pointer}
/* full fish profile */
.fish-dialog{border:0;border-radius:18px;padding:16px 18px;max-width:560px;width:calc(100% - 32px);max-height:88vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.fish-dialog::backdrop{background:rgba(9,38,49,.45)}
.fish-dialog h3{margin:0;font:800 22px Heebo,sans-serif}.fish-dialog .latin{margin:2px 0 8px;color:var(--muted);font-size:14px}
.fish-dialog .fish-cal{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin-top:6px}
.fish-dialog .fish-cal span{font-size:11px;text-align:center;padding:4px 0;border-radius:5px;background:#eef2f2;color:var(--muted)}
.fish-dialog .fish-cal .in{background:#bfe3d6;color:var(--ink)}.fish-dialog .fish-cal .pk{background:var(--top);color:#fff;font-weight:700}.fish-dialog .fish-cal .now{outline:2px solid #123;outline-offset:-2px}
.fish-facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0}.fish-facts div{min-width:90px}.fish-facts dt{font-size:12px;color:var(--muted)}.fish-facts dd{margin:0;font-weight:700;font-size:14px}
.fish-dialog section{border-top:1px solid var(--line);padding-top:6px;margin-top:8px}
.fish-dialog h4{margin:2px 0 4px;font:700 16px Heebo,sans-serif}
.fish-dialog ul{margin:0;padding-inline-start:18px}.fish-dialog li{margin:3px 0;font-size:15px;line-height:1.5}
.fish-more{margin-top:6px;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font:700 14px Assistant,sans-serif;color:var(--ink);cursor:pointer}
.fish-link{background:none;border:0;padding:0;color:var(--top);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
/* lure guide in the lures tab */
.lure-guide{margin:18px auto}
.lg-head h2{margin:2px 0 4px;font:800 24px Heebo,sans-serif}
.lg-months{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.lg-months .nm{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px;font:600 13px Assistant,sans-serif;cursor:pointer;color:var(--ink)}
.lg-months .nm.is-sel{background:var(--top);color:#fff;border-color:var(--top)}.lg-months .nm.is-now{box-shadow:inset 0 0 0 2px #123}
.lg-pick{max-width:360px}
.lg-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin-top:10px}
.lg-type,.lg-kit,.lg-fish{background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 1px 3px rgba(16,47,59,.08)}
.lg-type header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.lg-type h3{margin:0;font:800 18px Heebo,sans-serif}
.lg-count{font-size:13px;color:var(--muted);font-weight:700}
.lg-heat{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;height:22px;align-items:end;margin:8px 0}
.lg-heat span{display:block;height:calc(4px + 18px * var(--h));background:var(--top);opacity:calc(.25 + .75 * var(--h));border-radius:3px 3px 0 0}
.lg-heat span.now{outline:2px solid #123;outline-offset:1px}
.lg-line{margin:3px 0;font-size:14px}
.lg-fishes{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 4px}
.lg-chip{border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:4px 10px;font:600 13px Assistant,sans-serif;cursor:pointer;color:var(--ink)}
.lg-chip.is-main{border:2px solid var(--top)}.lg-chip.is-pk{background:#d9f2e6}
.lg-own{font-size:13px;margin:6px 0 0}.lg-own a{color:var(--top);font-weight:700}.lg-own a.is-fit{text-decoration:underline}
.lg-fish{margin-top:10px}.lg-fish h3{margin:0 0 6px;font:800 22px Heebo,sans-serif}
.lg-st{font:700 13px Assistant,sans-serif;border-radius:999px;padding:2px 9px;background:#eef2f2;vertical-align:middle}
.lg-st.is-pk{background:var(--top);color:#fff}.lg-st.is-in{background:#bfe3d6}
.lg-meta{font-size:14px;margin:8px 0}.lg-bait{font-size:14px;background:#fff6e6;border-radius:10px;padding:6px 10px}
.lg-kits{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:10px 0}
.lg-kit{background:var(--soft);box-shadow:none;border:1px solid var(--line)}.lg-kit.is-main{border:2px solid var(--top);background:#fff}
.lg-kit header{display:flex;justify-content:space-between;gap:8px}.lg-kit header span{font-size:12px;color:var(--muted);font-weight:700}
.lg-kit dl{margin:6px 0 0}.lg-kit dt{font-size:12px;color:var(--muted);margin-top:4px}.lg-kit dd{margin:0;font-size:14px}
.lg-tips summary{cursor:pointer;font-weight:700}.lg-tips li{font-size:14px;margin:3px 0}
.lg-actions{margin:10px 0 0;font-size:14px}
.research-fish{font-size:13px;margin:6px 0 0;color:var(--ink)}.research-fish small{color:var(--muted)}
/* beach features, advice, methods */
.features{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.ft{font:600 12.5px Assistant,sans-serif;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--ink)}
.ft.is-warn{background:#fff1ec;border-color:#f3c4b3;color:#8a2f12}
.advice{margin:8px 0 4px;background:var(--soft);border-radius:12px;padding:6px 10px}
.advice summary{cursor:pointer;font-weight:700;font-size:14px}
.advice ul{list-style:none;margin:6px 0 0;padding:0}.advice li{font-size:14px;margin:4px 0;line-height:1.45}
.why-here .conf{display:inline-block;font:600 11px Assistant,sans-serif;border:1px solid var(--line);border-radius:999px;padding:0 6px;margin-inline-start:4px;color:var(--muted);vertical-align:1px}
.why-here .conf-high{color:var(--top);border-color:currentColor}.why-here .is-con{color:var(--muted)}.why-here .hint{font-size:12px;margin:6px 0 2px}
.method h3{font-size:18px}.method-tips{margin:6px 0;padding-inline-start:18px}.method-tips li{font-size:14px;margin:3px 0}
.why-matters li{margin:6px 0;line-height:1.55}
/* where to go today (rank tab, docs/strike-point/18 stage 2) and daily strip adjustment (stage 3) */
.go-today h2 small{font:500 13px Assistant,sans-serif;color:var(--muted);margin-inline-start:6px}
.go-today ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.go-row{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;background:var(--soft);border:0;border-inline-start:6px solid var(--lvc);border-radius:12px;padding:10px 12px;font:500 15px Assistant,sans-serif;color:var(--ink);text-align:start;cursor:pointer}
.go-row:hover{filter:brightness(.97)}.go-row .gn small{color:var(--muted)}.go-reason{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin-top:2px}
.go-lv{font:800 16px Heebo,sans-serif;color:var(--lvc);white-space:nowrap}.go-today .hint{font-size:12px;color:var(--muted);margin:8px 0 0}
.up-today{color:var(--top);font-weight:600}.up-today.is-down{color:var(--muted)}.lg-up{color:var(--top);font-weight:800}