#sailing-detail.sailing-dashboard{grid-column:1/-1;--ink:#ecf6ff;--muted:#a8c4d6;color:var(--ink);padding:30px;background:radial-gradient(ellipse at 50% 0,#103f62 0,transparent 65%),linear-gradient(160deg,#031b30,#00101f 70%);border:1px solid #197087;box-shadow:inset 0 0 75px #002b4966;overflow:hidden}
#sailing-detail .sailing-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}#sailing-detail .sailing-title{display:flex;align-items:center;gap:14px;min-width:0}#sailing-detail .sailing-logo{width:65px;height:78px;object-fit:contain;filter:drop-shadow(0 0 2px #32d8ff66)}#sailing-detail h2{color:#eef8ff;font-size:clamp(25px,3vw,36px);margin:5px 0;font-weight:500;letter-spacing:-1px}#sailing-detail .eyebrow{color:#64d6ee;font-size:11px;letter-spacing:2px;margin:0}#sailing-detail .sailing-summary{text-align:right;font-size:12px;color:#b7cede}#sailing-detail #sail-live{display:block;font-weight:600;letter-spacing:1px}#sailing-detail #sail-live[data-state=live]{color:#9dffbe}#sailing-detail #sail-live[data-state=partial]{color:#ffc46a}#sailing-detail small{display:block;font-size:11px;line-height:1.5;color:#a8c4d6;margin-top:7px}#sailing-detail .sailing-stage-note{font-size:11px;letter-spacing:1px;color:#92b1c5;margin:0 0 20px}
#sailing-detail .sailing-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#sailing-detail .sail-instrument{min-width:0;border:1px solid #17c5e4;border-radius:12px;background:linear-gradient(145deg,#07314bba,#021323ed);padding:18px 14px;text-align:center;box-shadow:0 0 18px #00c9ed0e}#sailing-detail h3{font-size:12px;letter-spacing:1.5px;font-weight:500;color:#ecf6ff;margin:0 0 10px}#sailing-detail .sail-main{grid-column:1/3;grid-row:1/3}#sailing-detail .sail-true{grid-column:3;grid-row:1}#sailing-detail .sail-aws{grid-column:3;grid-row:2}#sailing-detail svg{display:block;width:100%;overflow:visible}#sailing-detail #sail-compass{max-width:530px;margin:auto}#sailing-detail #sail-true-compass{max-width:235px;margin:auto}#sailing-detail strong{display:block;color:#bcffd3;text-shadow:0 0 18px #64ff8977;font-weight:700;font-size:clamp(24px,3vw,39px);line-height:1.2;font-variant-numeric:tabular-nums}#sailing-detail strong span{font-size:14px;font-weight:400}#sailing-detail .sail-course-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#sailing-detail .sail-course-values strong{font-size:clamp(19px,2.4vw,29px);margin-top:8px}#sailing-detail .sail-caption{font-size:11px;color:#92b1c5;margin:14px 0 0}#sailing-detail .sail-footer{color:#92b1c5;font-size:11px;margin:20px 0 0}#sailing-detail svg text{fill:#a8c4d6;font-family:inherit;font-size:12px}#sailing-detail svg .cardinal{fill:#ecf6ff;font-size:21px;font-weight:600}#sailing-detail .sail-ring{fill:#031b30;stroke:#205269;stroke-width:2}#sailing-detail .sail-tick{stroke:#5394ae;stroke-width:1.5}#sailing-detail .sail-major{stroke:#b4e0ee;stroke-width:2}#sailing-detail .sail-boat{fill:#b7cede;stroke:#e5f5fa;stroke-width:1.5}#sailing-detail .sail-disabled{opacity:.22}#sailing-detail .sail-water{fill:none;stroke:#17c5e4;stroke-width:1;opacity:.65}#sailing-detail .sail-hull{fill:#0d465e;stroke:#c1e3f2;stroke-width:2}#sailing-detail .sail-rig{fill:#b7cede26;stroke:#d0eafa;stroke-width:1.6;stroke-linejoin:round}#sailing-detail .sail-deck{fill:none;stroke:#d0eafa;stroke-width:2}#sailing-detail .sail-motion-boat{transition:transform .12s linear;opacity:.25}#sailing-detail .sail-motion-boat[data-live=true]{opacity:1}#sailing-detail .sail-amplified{font-size:10px;color:#92b1c5}#sailing-detail [data-unavailable=true]{color:#b7cede;text-shadow:none}#sailing-detail .sail-gauge-needle{fill:#bcffd3;filter:drop-shadow(0 0 3px #64ff8977)}
@media(max-width:850px){#sailing-detail .sailing-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#sailing-detail .sail-main{grid-column:1/-1;grid-row:auto}#sailing-detail .sail-true{grid-column:auto;grid-row:auto}#sailing-detail .sail-aws{grid-column:auto;grid-row:auto}#sailing-detail .sail-sog{grid-column:1/-1}#sailing-detail .sail-sog svg{max-width:320px;margin:auto}}
@media(max-width:480px){#sailing-detail.sailing-dashboard{padding:18px}#sailing-detail .sailing-heading{display:block}#sailing-detail .sailing-summary{text-align:left;margin-top:16px}#sailing-detail .sailing-logo{width:44px;height:62px}#sailing-detail .sailing-title{gap:10px}#sailing-detail .eyebrow{letter-spacing:1px}#sailing-detail .sailing-layout{grid-template-columns:minmax(0,1fr);gap:16px}#sailing-detail .sail-instrument{padding:16px 10px}#sailing-detail .sail-course-values{grid-template-columns:1fr}#sailing-detail .sail-course-values>div{border-top:1px solid #205269;padding-top:6px}#sailing-detail strong{font-size:26px}#sailing-detail .sail-motion svg{max-width:340px;margin:auto}}
@media(prefers-reduced-motion:reduce){#sailing-detail .sail-motion-boat{transition:none}}