.cht{--cht-bg:#0f0e0c;--cht-ink:#f4f1ebd6;--cht-fine:#f4f1eb8f;--cht-hatch:#f4f1eb70;--cht-faint:#f4f1eb42;--cht-star:#f4f1ebdb;--cht-accent:#ff7a5c;color:var(--cht-ink);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container:cht/size}.cht__plate,.cht__ship,.cht__tip{--k:max(calc(100cqw / 1600), calc(100cqh / 900));--ox:calc(50cqw - 800 * var(--k));--oy:calc(50cqh - 450 * var(--k))}@container cht not (min-width:760px){.cht__plate,.cht__ship,.cht__tip{--k:calc(100cqh / 900);--ox:calc(50cqw - 1000 * var(--k));--oy:0px}}.cht__plate{z-index:0;position:absolute;inset:0}.cht[data-plotting] .cht__plate{--cht-px:calc(var(--ox) + 1150 * var(--k));--cht-py:calc(var(--oy) + 230 * var(--k));-webkit-mask-image:radial-gradient(circle at var(--cht-px) var(--cht-py), #000 var(--cht-r,0px), transparent calc(var(--cht-r,0px) + 160px));-webkit-mask-image:radial-gradient(circle at var(--cht-px) var(--cht-py), #000 var(--cht-r,0px), transparent calc(var(--cht-r,0px) + 160px));mask-image:radial-gradient(circle at var(--cht-px) var(--cht-py), #000 var(--cht-r,0px), transparent calc(var(--cht-r,0px) + 160px))}.cht__chart{left:var(--ox);top:var(--oy);width:calc(1600 * var(--k));height:calc(900 * var(--k));pointer-events:none;position:absolute;overflow:visible}.cht [data-cht-course=narrow]{display:none}@container cht not (min-width:760px){.cht [data-cht-course=wide]{display:none}.cht [data-cht-course=narrow]{display:inline}}.cht-s{fill:none;stroke:var(--cht-ink);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cht-s--fine{stroke:var(--cht-fine);stroke-width:.85px}.cht-s--hatch{stroke:var(--cht-hatch);stroke-width:.7px}.cht-s--faint{stroke:var(--cht-faint);stroke-width:.8px}.cht-s--dash{stroke:var(--cht-faint);stroke-width:.8px;stroke-dasharray:2 3}.cht-s--course{stroke:var(--cht-fine);stroke-width:.9px;stroke-dasharray:5 4}.cht-s--hot{stroke:#fffdf8;stroke-width:1.4px}.cht-st{fill:none;stroke:var(--cht-star);stroke-linecap:round;vector-effect:non-scaling-stroke}.cht-st--s{stroke-width:1.1px}.cht-st--m{stroke-width:1.8px}.cht-st--l,.cht-con .cht-st--s{stroke-width:2.6px}.cht-con .cht-st--m{stroke-width:3.3px}.cht-con .cht-st--l{stroke-width:4.8px}.cht-st--hot{stroke:#fffdf8;stroke-width:4px}.cht-disc{fill:var(--cht-bg);stroke:none}.cht-rule{fill:none;stroke:#fff;stroke-width:44px;stroke-linecap:round;stroke-dasharray:1000 1000;stroke-dashoffset:0}.cht-con{--x:var(--wx);--y:var(--wy);z-index:1;width:calc(2 * var(--hw) * var(--k));height:calc(2 * var(--hh) * var(--k));transform:translate(calc(var(--ox) + (var(--x) - var(--hw)) * var(--k)), calc(var(--oy) + (var(--y) - var(--hh)) * var(--k)));pointer-events:none;position:absolute;top:0;left:0}@container cht not (min-width:760px){.cht-con{--x:var(--nx);--y:var(--ny)}}.cht-con__svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.cht-con__hot{opacity:0}.cht-label{color:#f4f1ebcc;font-family:var(--font-sans);letter-spacing:0;white-space:nowrap;margin:0;font-size:12.5px;font-weight:400;line-height:1.25;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.cht-con[data-wl=above] .cht-label{top:auto;bottom:calc(100% + 4px)}.cht-label__n{color:#f4f1eb80;font-variant-numeric:tabular-nums;margin-left:3px}@container cht not (min-width:760px){.cht-label{font-size:11.5px}.cht-con[data-nl=above] .cht-label{top:auto;bottom:calc(100% + 4px)}.cht-con[data-nl=below] .cht-label{top:calc(100% + 4px);bottom:auto}}.cht__pole{--pk:max(var(--k), .62px);z-index:2;width:calc(2 * var(--h) * var(--pk));height:calc(2 * var(--h) * var(--pk));transform:translate(calc(var(--ox) + var(--x) * var(--k) - var(--h) * var(--pk)), calc(var(--oy) + var(--y) * var(--k) - var(--h) * var(--pk)));pointer-events:none;position:absolute;top:0;left:0}.cht__pole-svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.cht__pole-light,.cht__pole-flash{background:var(--cht-accent);opacity:.4;will-change:opacity;border-radius:50%;width:16%;height:16%;position:absolute;top:42%;left:42%}.cht__pole-flash{opacity:0;background:radial-gradient(closest-side,#ff7a5cbf,#ff7a5c00);width:52%;height:52%;top:24%;left:24%}.cht[data-lights] .cht__pole-light{animation:3.6s ease-in-out infinite cht-beacon}@keyframes cht-beacon{0%,62%,to{opacity:.25}72%{opacity:1}84%{opacity:.4}}.cht-label--pole{top:auto;bottom:calc(100% - 2px)}.cht__tw{z-index:0;opacity:.2;will-change:opacity}.cht[data-lights] .cht__tw[data-tw="0"]{animation:4.8s ease-in-out infinite cht-twinkle}.cht[data-lights] .cht__tw[data-tw="1"]{animation:6.2s ease-in-out 2.4s infinite cht-twinkle}@keyframes cht-twinkle{0%,to{opacity:.18}50%{opacity:.85}}.cht__tip{z-index:4;background:var(--cht-accent);opacity:0;visibility:hidden;width:7px;height:7px;transform:translate(calc(var(--ox) + var(--tx,0) * var(--k)), calc(var(--oy) + var(--ty,0) * var(--k)));pointer-events:none;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:0;box-shadow:0 0 10px 2px #ff7a5c80}.cht__ship{--sx:var(--wsx);--sy:var(--wsy);--sr:var(--wsr);z-index:3;width:calc(var(--ship-cu) * var(--k));aspect-ratio:var(--ship-ratio);transform-origin:0 0;transform:translate(calc(var(--ox) + var(--sx) * var(--k)), calc(var(--oy) + var(--sy) * var(--k))) rotate(var(--sr)) translate(calc(-1 * var(--ship-ox)), calc(-1 * var(--ship-oy)));pointer-events:none;will-change:transform;position:absolute;top:0;left:0}@container cht not (min-width:760px){.cht__ship{--sx:var(--nsx);--sy:var(--nsy);--sr:var(--nsr)}}.cht__ship-svg{width:100%;height:100%;display:block;position:relative;overflow:visible}.cht__ship-mark{fill:var(--cht-bg);stroke:var(--cht-ink);stroke-width:.9px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cht__ship-light{fill:var(--cht-accent)}.cht__ship-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--cht-accent) 55%, transparent), transparent);opacity:.75;will-change:opacity;border-radius:50%;position:absolute}.cht[data-lights] .cht__ship-glow{animation:3.4s ease-in-out infinite cht-breathe}@keyframes cht-breathe{0%,to{opacity:.45}50%{opacity:1}}