:root{--navy:#101b35;--deep:#182943;--line:#7797ac;--foam:#fff5d8;--muted:#9ac8d8;--aqua:#5bc4e8;--orange:#ef8252;--yellow:#ffe2a4}
body{background:radial-gradient(circle at 78% 0,#2d7ea2 0,transparent 36%),#101b35;color:#fff5d8}
body:before{opacity:.28;background-size:52px 52px}
.topbar{height:92px;background:radial-gradient(circle at 24% 50%,rgba(91,196,232,.13),transparent 31%),rgba(16,27,53,.94);border-color:#416984}
.brand-mark{background:#fff5d8;color:#17223d;border-color:#ef8252;box-shadow:5px 5px 0 #5bc4e8}
.reel-brand{height:100%;min-width:0;display:flex;align-items:center}.reel-brand img{display:block;width:min(29vw,270px);height:auto;max-height:80px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(3,10,25,.42)) drop-shadow(0 0 8px rgba(91,196,232,.12))}
.captain-hero{display:grid;grid-template-columns:minmax(0,1fr) 175px 335px;align-items:center}
.captain-card{margin:0;position:relative;align-self:stretch;min-height:220px;border:4px solid #fff5d8;box-shadow:8px 8px 0 #ef8252;overflow:hidden;background:#5bc4e8;transform:rotate(1.5deg)}
.captain-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 42%}
.captain-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 12px 11px;background:linear-gradient(transparent,rgba(16,27,53,.96));display:flex;flex-direction:column}
.captain-card figcaption small{font-size:9px;letter-spacing:1.8px;color:#5bc4e8;font-weight:800}
.captain-card figcaption strong{font:800 24px/1 'Barlow Condensed';color:#fff5d8}
.captain-card figcaption span{font-size:10px;color:#c4dbe3;margin-top:3px}
.score-card,.panel,.metric{background:linear-gradient(145deg,rgba(27,62,82,.96),rgba(16,31,54,.97));border-color:#416984}
.metric.primary{background:linear-gradient(150deg,#287da0,#1b506d)}
.panel{box-shadow:0 8px 24px rgba(4,14,30,.18)}
.bite-window,.safety-grid label,.links-row a{background:#152b44}
.target-box{border-color:#6a9bb1}.warning{background:#4a3327}.links-row a:hover{box-shadow:5px 5px 0 #ef8252}
.date-slider{margin:0 0 16px;border:1px solid #416984;background:linear-gradient(145deg,rgba(27,62,82,.96),rgba(16,31,54,.97));padding:12px 14px;box-shadow:0 8px 24px rgba(4,14,30,.18)}
.date-slider-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px;font-size:10px;letter-spacing:1.5px;color:#9ac8d8;font-weight:800}.date-slider-head strong{color:#ffe2a4;font-size:10px}
.date-slider-controls{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:stretch}.date-track{display:grid;grid-template-columns:repeat(5,minmax(88px,1fr));gap:7px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.date-track::-webkit-scrollbar{display:none}
.date-choice,.date-arrow{border:1px solid #416984;background:#152b44;color:#fff5d8;cursor:pointer}.date-choice{min-height:54px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;scroll-snap-align:center}.date-choice span{font-size:9px;letter-spacing:1.4px;color:#9ac8d8;font-weight:800}.date-choice strong{font:800 18px/1.1 'Barlow Condensed';margin-top:3px}.date-choice.active{border-color:#ef8252;background:#287da0;box-shadow:inset 0 -3px 0 #ef8252}.date-choice.active span{color:#fff5d8}.date-arrow{font:700 27px/1 'Barlow Condensed';color:#5bc4e8}.date-arrow:disabled{opacity:.3;cursor:not-allowed}
.forecast-row .day{appearance:none;text-align:left;color:inherit;background:transparent;border:0;border-right:1px solid var(--line);font-family:inherit;cursor:pointer}.forecast-row .day:last-child{border-right:0}.forecast-row .day.selected{background:rgba(91,196,232,.12);box-shadow:inset 0 -3px 0 #ef8252}.forecast-row .day:hover{background:rgba(91,196,232,.08)}
.license-reminder{margin-top:18px;display:grid;grid-template-columns:150px 1fr auto;gap:22px;align-items:center;padding:22px;border:2px solid #ef8252;background:linear-gradient(120deg,#fff5d8,#e9edf0);color:#15223b;box-shadow:8px 8px 0 rgba(91,196,232,.65)}
.license-date{border-right:1px solid #b9a992;display:flex;flex-direction:column}.license-date small{font-size:10px;letter-spacing:2px;font-weight:800;color:#a04f36}.license-date strong{font:800 36px/.95 'Barlow Condensed'}.license-date span{font:700 20px 'Barlow Condensed';color:#397d9a}.license-reminder h2{font:800 28px/1 'Barlow Condensed';margin:0;text-transform:uppercase}.license-reminder p:last-child{font-size:12px;line-height:1.5;margin:7px 0 0;color:#4f5e6b}.license-reminder a{white-space:nowrap;text-decoration:none;background:#15223b;color:#fff5d8;padding:13px 15px;font-size:10px;font-weight:800;letter-spacing:1.2px}.license-reminder a:hover{background:#ef8252}
.simrad-guide{margin-top:28px;padding:24px;border:1px solid #416984;background:linear-gradient(145deg,rgba(27,62,82,.97),rgba(16,31,54,.98));box-shadow:0 8px 24px rgba(4,14,30,.2)}
.simrad-head{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center}.simrad-mark{height:70px;display:grid;place-items:center;background:#fff5d8;color:#15223b;border:3px solid #ef8252;box-shadow:5px 5px 0 #5bc4e8;font:800 30px/1 'Barlow Condensed';transform:rotate(-2deg)}.simrad-head h2{font:800 32px/1 'Barlow Condensed';text-transform:uppercase;margin:0}.simrad-head p:last-child{font-size:13px;line-height:1.55;color:#b9d5de;margin:8px 0 0;max-width:760px}
.simrad-actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.simrad-actions a{padding:12px 14px;border:1px solid #5b8ba2;color:#fff5d8;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.9px;background:#152b44}.simrad-actions a.primary{background:#ef8252;border-color:#ef8252;color:#15223b}.simrad-actions a:hover{border-color:#5bc4e8;box-shadow:3px 3px 0 #5bc4e8}
.simrad-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.simrad-settings article{padding:17px;background:#152b44;border-top:3px solid #5bc4e8}.simrad-settings h3{font:800 21px/1 'Barlow Condensed';text-transform:uppercase;margin:0 0 12px;color:#ffe2a4}.simrad-settings ul{margin:0;padding-left:19px}.simrad-settings li{font-size:13px;line-height:1.5;color:#c4dbe3;margin:8px 0}.simrad-settings li::marker{color:#ef8252}
@media(max-width:1050px){.captain-hero{grid-template-columns:1fr 170px}.score-card{grid-column:1/-1;width:100%}}
@media(max-width:850px){.simrad-settings{grid-template-columns:1fr}}
@media(max-width:700px){.captain-hero{grid-template-columns:1fr}.captain-card{width:100%;height:270px;min-height:0;transform:none;box-shadow:6px 6px 0 #ef8252}.captain-card img{object-position:50% 38%}.score-card{grid-column:auto}.license-reminder{grid-template-columns:1fr;gap:14px}.license-date{border-right:0;border-bottom:1px solid #b9a992;padding-bottom:10px}.license-reminder a{text-align:center}.date-track{grid-template-columns:repeat(5,96px)}.date-slider{padding:11px 9px}.date-slider-head{align-items:flex-start;flex-direction:column;gap:3px}.date-slider-controls{grid-template-columns:32px minmax(0,1fr) 32px;gap:5px}.simrad-guide{padding:18px}.simrad-head{grid-template-columns:54px 1fr;gap:13px}.simrad-mark{height:54px;font-size:24px}.simrad-head h2{font-size:27px}.simrad-actions{display:grid}.simrad-actions a{text-align:center}.simrad-settings li{font-size:14px}}
@media(max-width:520px){.topbar{height:82px}.reel-brand img{width:min(57vw,225px);max-height:72px}.top-actions{gap:10px}}