.hp-root{--hp-abyss: #020409;--hp-navy: #020b2d;--hp-case: #0b1626;--hp-panel: #101e31;--hp-bezel: #05090f;--hp-phos: #4de690;--hp-ember: #ff7a2f;--hp-red: #ff4b36;--hp-bone: #e9eff8;--hp-steel: #93a2b8;--hp-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--hp-sweep-s: 4.4s;--hp-case-hi: #101d30;--hp-case-mid: #0b1626;--hp-case-lo: #071020;--hp-face-hi: #13223a;--hp-face-mid: #0f1d31;--hp-face-lo: #0b1728;--hp-mod-hi: #0d1727;--hp-mod-lo: #091220;--hp-plate-hi: #16233a;--hp-plate-lo: #0c1727;--hp-knob-hi: #38465a;--hp-knob-mid: #1c2635;--hp-knob-lo: #0a111c;--hp-bone-rgb: 233, 239, 248;--hp-phos-rgb: 77, 230, 144;--hp-phos-hi-rgb: 140, 255, 190;--hp-scope-rgb: 18, 76, 47;--hp-scope-deep-rgb: 4, 26, 16;--hp-scope-edge: #010604;position:relative;width:100%;height:100%;display:flex;flex-direction:column;border-radius:22px;background:linear-gradient(178deg,var(--hp-case-hi) 0%,var(--hp-case-mid) 46%,var(--hp-case-lo) 100%);box-shadow:inset 0 1px #d2e2f817,inset 0 -2px 8px #000000a6,inset 2px 0 6px #00000059,inset -2px 0 6px #00000059,0 24px 90px #000000d9;padding:clamp(10px,1.4vw,20px);overflow:hidden}.hp-root--photo{--hp-case-hi: #3c4140;--hp-case-mid: #2c3132;--hp-case-lo: #1f2425;--hp-face-hi: #454b49;--hp-face-mid: #383e3d;--hp-face-lo: #2b3130;--hp-mod-hi: #31373a;--hp-mod-lo: #262c2f;--hp-plate-hi: #40484c;--hp-plate-lo: #2b3236;--hp-knob-hi: #3a3f42;--hp-knob-mid: #22282a;--hp-knob-lo: #101314;--hp-bone: #f2efe7;--hp-bone-rgb: 242, 239, 231;--hp-steel: #b3bcb9}.hp-root--photo .hp-plate--stats{color:#c9b445c7}.hp-root.hp-root--blend{--hp-phos: rgb(10, 85, 235);--hp-phos-rgb: 10, 85, 235;--hp-phos-hi-rgb: 10, 85, 235;--hp-bone: rgb(20, 28, 54);--hp-bone-rgb: 20, 28, 54;--hp-ember: rgb(10, 85, 235);background:#fff;border-radius:0;box-shadow:none}.hp-root.hp-root--blend:before{background:none}.hp-root--blend .hp-face{background:none;box-shadow:none}.hp-root--blend .hp-screw{display:none}.hp-root--blend .hp-plate{background:none;box-shadow:none;text-shadow:none}.hp-root--blend .hp-mod{background:#fff;border:1px solid rgba(20,28,54,.14);border-radius:0;box-shadow:none}.hp-root--blend .hp-mod-label{text-align:left;color:#141c368c}.hp-root--blend .hp-screen{background:#fff;border:1px solid rgba(20,28,54,.14);border-radius:0;box-shadow:none}.hp-root--blend .hp-screen:after{background:none}.hp-root--blend .hp-scope{background:radial-gradient(circle at 50% 50%,#0a55eb0f,#0a55eb05 55%,#fff);box-shadow:inset 0 0 0 1px #141c3633}.hp-root--blend .hp-blip{box-shadow:none}.hp-root--blend .hp-lcd-glow{text-shadow:none}.hp-root--blend .hp-seg-on{filter:none}.hp-root--blend .hp-knob{background:#fff;box-shadow:inset 0 0 0 1px #141c3659}.hp-root--blend .hp-knob:before{background:none}.hp-root--blend .hp-knob:after{background:#0a55eb;box-shadow:none}.hp-root--blend .hp-toggle{background:#fff;box-shadow:inset 0 0 0 1px #141c364d}.hp-root--blend .hp-toggle:after{background:#0a55eb;box-shadow:none}.hp-root--blend .hp-toggle--off:after{background:#141c3659}.hp-root--blend .hp-lamp{box-shadow:none}.hp-root--blend .hp-lamp--green{--lamp-hi: rgb(10, 85, 235);--lamp-lo: rgb(10, 85, 235)}.hp-root--blend .hp-lamp--amber{--lamp-hi: rgb(10, 85, 235);--lamp-lo: rgb(10, 85, 235);animation:hp-lamp-blink-flat 2.6s steps(1) infinite}@keyframes hp-lamp-blink-flat{0%,62%{opacity:1}62.1%,to{opacity:.25}}.hp-root--blend .hp-lamp--red{--lamp-hi: #d9271e;--lamp-lo: #d9271e;opacity:.85}.hp-root--blend .hp-horn-btn{background:#d9271e;box-shadow:inset 0 0 0 1px #141c3626}.hp-root--blend .hp-horn-plate{background:#fff;border:1px solid #d9271e;box-shadow:none;color:#d9271e}.hp-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(120% 85% at 50% -12%,rgba(132,168,214,.11),transparent 58%),radial-gradient(90% 60% at 50% 115%,rgba(0,0,0,.5),transparent 60%)}.hp-face{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:10px;background:repeating-linear-gradient(92deg,#ffffff04 0,#ffffff04 1px,#00000005 1px,#00000005 3px),linear-gradient(180deg,var(--hp-face-hi) 0%,var(--hp-face-mid) 55%,var(--hp-face-lo) 100%);box-shadow:inset 0 1px #bed4f012,inset 0 0 34px #00000073;padding:clamp(8px,1.1vw,16px)}.hp-screw{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#7e8da0,#55606f 34%,#232b36 78%,#10151c);box-shadow:inset 0 1px 1px #ffffff59,0 1px 2px #000c;z-index:3}.hp-screw:after{content:"";position:absolute;left:12%;right:12%;top:calc(50% - 1px);height:2px;border-radius:1px;background:linear-gradient(180deg,#0a0e14,#2c3542);transform:rotate(var(--slot, 0deg))}.hp-screw--sm{width:9px;height:9px}.hp-screw--sm:after{height:1.5px;top:calc(50% - .75px)}.hp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px clamp(24px,2.6vw,40px) clamp(8px,1vh,14px);flex:none}.hp-plate{display:inline-block;padding:5px 14px 4px;border-radius:4px;background:linear-gradient(180deg,var(--hp-plate-hi),var(--hp-plate-lo));box-shadow:inset 0 1px #c8daf41a,inset 0 -1px 2px #000000b3,0 1px #a0bee60d;color:rgba(var(--hp-bone-rgb),.82);font-size:clamp(10px,1vw,13px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 -1px 0 rgba(0,0,0,.9),0 1px 0 rgba(190,214,244,.08);white-space:nowrap}.hp-plate--sub{letter-spacing:.3em;color:rgba(var(--hp-bone-rgb),.55)}.hp-grid{flex:1;min-height:0;display:grid;gap:clamp(8px,1vw,15px);grid-template-columns:minmax(0,4.4fr) minmax(0,3fr) minmax(0,3fr) minmax(0,2.7fr);grid-template-rows:minmax(0,2.6fr) minmax(0,2.6fr) minmax(0,2.1fr);grid-template-areas:"radar chart chart wind" "radar chart chart hdg" "days  nm    heel  next"}.hp-mod--radar{grid-area:radar}.hp-mod--chart{grid-area:chart}.hp-mod--wind{grid-area:wind}.hp-mod--hdg{grid-area:hdg}.hp-mod--days{grid-area:days}.hp-mod--nm{grid-area:nm}.hp-mod--heel{grid-area:heel}.hp-mod--next{grid-area:next}.hp-mod{position:relative;min-width:0;min-height:0;border-radius:9px;background:linear-gradient(180deg,var(--hp-mod-hi) 0%,var(--hp-mod-lo) 100%);box-shadow:inset 0 1px #bed4f014,inset 0 -1px 3px #000000b3,0 6px 18px #00000080;padding:clamp(6px,.8vw,12px);display:flex;flex-direction:column;gap:4px;overflow:hidden}.hp-mod-label{flex:none;font-size:clamp(8px,.72vw,10.5px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--hp-bone-rgb),.5);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 12px 0}.hp-mod-body{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.hp-screen{position:relative;width:100%;height:100%;border-radius:7px;background:#010604;box-shadow:inset 0 0 0 1px #93a2b824,inset 0 2px 10px #000000e6,inset 0 0 40px #020b2d8c;overflow:hidden}.hp-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(118deg,rgba(190,214,244,.075) 0%,rgba(190,214,244,.02) 22%,transparent 42%)}.hp-mod--radar .hp-mod-body{container-type:size}.hp-scope-wrap{position:relative;width:min(100cqw,100cqh);aspect-ratio:1;margin:auto}.hp-scope{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(var(--hp-scope-rgb),.5) 0%,rgba(var(--hp-scope-deep-rgb),.85) 55%,var(--hp-scope-edge) 100%);box-shadow:inset 0 0 0 1px rgba(var(--hp-phos-rgb),.12),inset 0 0 30px #000000d9;overflow:hidden}.hp-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 258deg,rgba(var(--hp-phos-rgb),.04) 284deg,rgba(var(--hp-phos-rgb),.16) 330deg,rgba(var(--hp-phos-rgb),.5) 357deg,rgba(var(--hp-phos-hi-rgb),.85) 360deg);animation:hp-sweep var(--hp-sweep-s) linear infinite;transform-origin:50% 50%}.hp-sweep:before{content:"";position:absolute;left:calc(50% - .75px);top:0;width:1.5px;height:50%;background:linear-gradient(to top,rgba(var(--hp-phos-rgb),.25),rgba(var(--hp-phos-hi-rgb),.95))}@keyframes hp-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hp-blip{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--hp-phos);box-shadow:0 0 6px 1px rgba(var(--hp-phos-rgb),.7);opacity:.25;animation:hp-blip var(--hp-sweep-s) linear infinite;animation-delay:var(--blip-delay, 0s)}@keyframes hp-blip{0%{opacity:1}14%{opacity:.8}55%{opacity:.32}92%{opacity:.16}to{opacity:1}}.hp-blip-tag{position:absolute;left:7px;top:-4px;font-family:var(--hp-mono);font-size:8px;letter-spacing:.08em;color:rgba(var(--hp-phos-rgb),.6);white-space:nowrap}.hp-lcd-line{font-family:var(--hp-mono);fill:var(--hp-phos);color:var(--hp-phos)}.hp-lcd-glow{text-shadow:0 0 5px rgba(var(--hp-phos-rgb),.55)}.hp-active-leg{stroke-dasharray:5 4;animation:hp-leg-crawl 2.6s linear infinite}@keyframes hp-leg-crawl{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}.hp-needle{transform-origin:var(--pivot, 50% 50%);transform:rotate(var(--angle, 0deg));animation:hp-wobble 3.4s ease-in-out infinite alternate;animation-delay:var(--wobble-delay, 0s)}@keyframes hp-wobble{0%{transform:rotate(calc(var(--angle, 0deg) - .7deg))}to{transform:rotate(calc(var(--angle, 0deg) + .7deg))}}.hp-seg-on{fill:var(--seg-color, var(--hp-ember));filter:drop-shadow(0 0 3px var(--seg-glow, rgba(255, 122, 47, .55)))}.hp-seg-off{fill:var(--seg-color, var(--hp-ember));opacity:.07}.hp-utility{flex:none;display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1.4vw,26px);padding:clamp(8px,1vh,14px) clamp(14px,1.6vw,26px) 2px}.hp-util-group{display:flex;align-items:center;gap:clamp(10px,1.3vw,24px)}.hp-knob-unit,.hp-toggle-unit,.hp-lamp-unit,.hp-horn{display:flex;flex-direction:column;align-items:center;gap:5px}.hp-knob{position:relative;width:clamp(34px,3.4vw,52px);height:clamp(34px,3.4vw,52px);border-radius:50%;background:radial-gradient(circle at 36% 30%,var(--hp-knob-hi) 0%,var(--hp-knob-mid) 46%,var(--hp-knob-lo) 100%);box-shadow:inset 0 1px 1px #dceafc47,inset 0 -2px 4px #000000bf,0 3px 8px #000000b3}.hp-knob:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.07) 0deg 4deg,transparent 4deg 10deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 66%);mask:radial-gradient(circle,transparent 62%,#000 66%)}.hp-knob:after{content:"";position:absolute;left:calc(50% - 1.25px);top:12%;width:2.5px;height:30%;border-radius:2px;background:var(--hp-bone);box-shadow:0 0 3px #000000e6;transform-origin:50% 126.7%;transform:rotate(var(--knob-angle, 0deg))}.hp-util-label{font-size:clamp(7px,.62vw,9px);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--hp-bone-rgb),.48);white-space:nowrap}.hp-toggle{position:relative;width:clamp(16px,1.5vw,22px);height:clamp(30px,2.9vw,44px);border-radius:999px;background:linear-gradient(180deg,#060b13,#101a29);box-shadow:inset 0 1px 4px #000000e6,0 1px #bed4f014}.hp-toggle:after{content:"";position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1 / 2.1;border-radius:999px;background:linear-gradient(180deg,#cdd8e6,#77879b 42%,#313d4d);box-shadow:0 2px 4px #000c,inset 0 1px 1px #ffffff80;transform:translate(-50%,-78%)}.hp-toggle--off:after{transform:translate(-50%,-22%) scaleY(-1)}.hp-lamp{width:clamp(10px,1vw,14px);height:clamp(10px,1vw,14px);border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--lamp-hi),var(--lamp-lo) 70%);box-shadow:0 0 0 3px #0a121e,0 0 0 4px #93a2b847,0 0 var(--lamp-glow, 0px) var(--lamp-glow-c, transparent),inset 0 -1px 2px #00000080}.hp-lamp--green{--lamp-hi: #8affc2;--lamp-lo: #17aa5e;--lamp-glow: 9px;--lamp-glow-c: rgba(77, 230, 144, .55)}.hp-lamp--amber{--lamp-hi: #ffd9a3;--lamp-lo: #cc7818;animation:hp-lamp-blink 2.6s steps(1) infinite}@keyframes hp-lamp-blink{0%,62%{box-shadow:0 0 0 3px #0a121e,0 0 0 4px #93a2b847,0 0 9px #ffaa3c99,inset 0 -1px 2px #00000080;filter:none}62.1%,to{box-shadow:0 0 0 3px #0a121e,0 0 0 4px #93a2b847,inset 0 -1px 2px #00000080;filter:brightness(.45)}}.hp-lamp--red{--lamp-hi: #5c1913;--lamp-lo: #2a0906}.hp-horn-plate{padding:3px 10px;border-radius:3px;background:linear-gradient(180deg,#7e1810,#4d0d08);box-shadow:inset 0 1px #ffc8be40,0 1px 3px #000c;color:#ffe9e2eb;font-size:clamp(7px,.62vw,9px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.hp-horn-btn{width:clamp(26px,2.4vw,36px);height:clamp(26px,2.4vw,36px);border-radius:50%;background:radial-gradient(circle at 36% 30%,#ff8d7e,#c2231a 46%,#5e0f08 88%);box-shadow:inset 0 2px 3px #ffffff59,inset 0 -3px 5px #0009,0 0 0 4px #0a121e,0 0 0 5px #93a2b84d,0 3px 8px #000000b3}@media(max-width:699px){.hp-root{border-radius:16px}.hp-header{padding:2px 18px 8px}.hp-plate{letter-spacing:.14em}.hp-plate--stats{display:none}.hp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,5fr) minmax(0,3.4fr) minmax(0,2fr);grid-template-areas:"radar radar" "next  next" "days  nm"}.hp-mod--wind,.hp-mod--hdg,.hp-mod--heel,.hp-mod--chart{display:none}.hp-utility{padding:8px 10px 2px;gap:8px}.hp-util-group--toggles,.hp-horn{display:none}}@media(max-height:560px)and (min-width:700px){.hp-grid{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"radar chart chart wind" "radar chart chart hdg"}.hp-mod--days,.hp-mod--nm,.hp-mod--heel,.hp-mod--next,.hp-utility{display:none}}@media(prefers-reduced-motion:reduce){.hp-sweep{animation:none;transform:rotate(215deg)}.hp-blip{animation:none;opacity:.75}.hp-needle,.hp-lamp--amber,.hp-active-leg{animation:none}}.hp-knob-unit{position:relative}.hp-knob--live{cursor:grab;touch-action:none}.hp-knob--live:active{cursor:grabbing}.hp-knob--live:focus-visible{outline:2px solid rgba(10,85,235,.75);outline-offset:3px}.hp-vol-pop{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:8;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:7px;background:#0b1626;border:1px solid rgba(147,162,184,.3);box-shadow:0 10px 26px #00000073;opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .2s ease,transform .2s cubic-bezier(.2,.7,.2,1)}.hp-vol-pop.is-on{opacity:1;transform:translate(-50%) translateY(0)}.hp-vol-track{position:relative;width:6px;height:34px;border-radius:3px;background:#ffffff24;overflow:hidden}.hp-vol-fill{position:absolute;left:0;right:0;bottom:0;border-radius:3px;background:linear-gradient(180deg,#6ff0a6,#17aa5e)}.hp-vol-num{min-width:20px;text-align:center;font-family:var(--hp-mono);font-size:10px;font-weight:700;color:#eaf1ff}.hp-toggle--live{cursor:pointer}.hp-toggle--live:focus-visible{outline:2px solid rgba(10,85,235,.75);outline-offset:3px;border-radius:999px}.hp-lamp--off{--lamp-hi: #2b3444;--lamp-lo: #161d28;--lamp-glow: 0px;animation:none;filter:none;opacity:.72}.hp-root--blend .hp-lamp--off{--lamp-hi: rgba(20, 28, 54, .3);--lamp-lo: rgba(20, 28, 54, .3);animation:none;opacity:.5}.hp-lamp-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer}.hp-lamp-btn:focus-visible{outline:2px solid rgba(217,39,30,.85);outline-offset:3px;border-radius:6px}.hp-lamp--red.is-lit{--lamp-hi: #ff7a68;--lamp-lo: #e02414;--lamp-glow: 13px;--lamp-glow-c: rgba(255, 70, 50, .85);opacity:1;animation:hp-lamp-alarm .5s steps(1) infinite}.hp-root--blend .hp-lamp--red.is-lit{box-shadow:0 0 13px 2px #e02414b8}@keyframes hp-lamp-alarm{0%,50%{filter:brightness(1.15)}50.1%,to{filter:brightness(.4)}}.hp-alarm-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(120% 120% at 50% 40%,#ff3c2d24,#c8140c4d);box-shadow:inset 0 0 0 3px #ff3c30cc,inset 0 0 70px #ff281e8c}.hp-alarm .hp-alarm-veil{animation:hp-alarm-flash .66s steps(1) infinite}@keyframes hp-alarm-flash{0%,50%{opacity:1}50.1%,to{opacity:.12}}.hp-horn{position:relative}.hp-horn-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;padding:0;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.hp-horn-btn:active,.hp-horn-btn.is-pressed{transform:translateY(1px) scale(.94);box-shadow:inset 0 3px 6px #000000b3,0 0 0 4px #0a121e,0 0 0 5px #93a2b84d}.hp-root--blend .hp-horn-btn:active,.hp-root--blend .hp-horn-btn.is-pressed{box-shadow:inset 0 2px 5px #00000059}.hp-horn-btn:focus-visible{outline:2px solid rgba(217,39,30,.85);outline-offset:3px}.hp-horn-pop{position:absolute;bottom:calc(100% + 8px);right:-4px;z-index:9;transform-origin:bottom right;animation:hp-horn-pop .22s cubic-bezier(.2,.7,.2,1)}@keyframes hp-horn-pop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hp-horn-pop-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;white-space:nowrap;cursor:pointer;padding:8px 12px;border-radius:8px;background:#0b1626;border:1px solid rgba(147,162,184,.35);box-shadow:0 10px 26px #00000073;color:#eaf1ff;font-family:var(--hp-mono);font-size:11px;font-weight:600;letter-spacing:.06em}.hp-horn-pop-btn:hover{background:#12233b}.hp-horn-pop-btn span{color:#ff6a5a;margin-left:4px}.hp-face{filter:brightness(var(--hp-dim, 1)) drop-shadow(0 0 calc(var(--hp-bloom, 0) * 22px) rgba(10,85,235,.5));transition:filter .25s ease}.hp-grid{transition:filter .25s ease}.hp-off .hp-grid{filter:brightness(.1) saturate(.3)}.hp-powered .hp-needle{animation:hp-spin var(--hp-spin-ms, 1.15s) cubic-bezier(.2,.7,.2,1) var(--spin-delay, 0s) both,hp-wobble 3.4s ease-in-out calc(var(--hp-spin-ms, 1.15s) + var(--spin-delay, 0s)) infinite alternate}@keyframes hp-spin{0%{transform:rotate(calc(var(--angle, 0deg) - 360deg))}to{transform:rotate(var(--angle, 0deg))}}.hp-mod--next .hp-mod-body{container-type:size}@container (max-width: 168px) or (max-height: 60px){.hp-next-detail{display:none}}.hp-next{transition:box-shadow .15s ease}.hp-next:hover{box-shadow:inset 0 0 0 1px #0a55eb8c}.hp-next:focus-visible{outline:2px solid rgba(10,85,235,.7);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.hp-powered .hp-needle{animation:none}.hp-face{transition:none}.hp-alarm .hp-alarm-veil{animation:none;opacity:1}.hp-lamp--red.is-lit{animation:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden;transition:background-color .4s ease}button{font-family:inherit}@keyframes photoFlash{0%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes chromeShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.chrome-text{background:linear-gradient(90deg,#b4c8ffe6,#fff,#64a0ffcc,#c8dcfff2,#3c78dcb3,#fff,#8cb4ffd9,#dcebfff2,#508cf0cc 96%,#b4c8ffe6);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:chromeShimmer 6s ease infinite}.chrome-text-ink{background:linear-gradient(90deg,#0a3cb4f2,#1e40ff,#466ed2d9,#0c2878f2,#285ae6,#1446bee6 90%,#0a3cb4f2);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:chromeShimmer 6s ease infinite}@keyframes plateSheen{0%{background-position:140% 0}60%{background-position:-60% 0}to{background-position:-60% 0}}.plate-sheen{animation:plateSheen 9s cubic-bezier(.45,0,.2,1) infinite;will-change:background-position}@media(max-width:900px){.bio-hero{display:flex!important;flex-direction:column!important;min-height:auto!important;overflow:visible!important}.bio-hero>.bio-left-side{position:relative!important;width:100%!important;height:clamp(360px,58vh,600px)!important;min-height:0!important;bottom:auto!important;left:auto!important}.bio-hero>.bio-text-banners{position:absolute!important;left:0!important;top:8vh!important}.bio-events-wrapper{position:relative!important;right:auto!important;top:auto!important;transform:none!important;max-width:100%!important;width:min(94%,640px)!important;min-width:320px!important;align-items:center!important;align-self:center!important;margin-top:0!important}.bio-regatta-cards{width:100%!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:clamp(10px,2vh,24px) 8px!important;gap:10px!important}.bio-regatta-cards>div{width:auto!important;transform:none!important;height:clamp(190px,38vw,320px)!important;min-height:0!important;align-self:center!important}.bio-regatta-cards>div:nth-child(2){height:clamp(285px,57vw,480px)!important}.bio-regatta-cards .card-date-num{font-size:clamp(18px,3.5vw,36px)!important}.bio-regatta-cards .card-date-month{font-size:clamp(7px,1.2vw,12px)!important}.bio-regatta-cards .card-date-badge{padding:clamp(8px,1.5vw,18px) clamp(6px,1vw,16px)!important}.bio-regatta-cards .card-body{padding:clamp(8px,1.5vw,18px) clamp(6px,1vw,14px) clamp(10px,2vw,22px)!important}.bio-regatta-cards .card-status{font-size:clamp(6px,1vw,10px)!important;margin-bottom:clamp(3px,.6vw,8px)!important}.bio-regatta-cards .card-name{font-size:clamp(9px,1.8vw,18px)!important;margin-bottom:clamp(3px,.5vw,8px)!important}.bio-regatta-cards .card-league{font-size:clamp(7px,1.3vw,12px)!important;margin-bottom:clamp(2px,.4vw,6px)!important}.bio-regatta-cards .card-location{font-size:clamp(6px,1.2vw,11px)!important}.bio-logos{padding:clamp(8px,1.5vh,16px) 16px clamp(12px,2vh,24px)!important;margin-top:0!important}}@keyframes scrollHint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes csPop{0%{opacity:0;transform:translateY(3px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-pop{animation:csPop .45s cubic-bezier(.2,.7,.2,1) both}@keyframes sailBob{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-50%) rotate(2deg)}}.sail-bob{animation:sailBob 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.sail-bob{animation:none}.plate-sheen{animation:none;opacity:0}}.support-input:focus{border-color:#0a55eb!important;box-shadow:0 0 0 2px #0a55eb1a}.orb-grab:active{cursor:grabbing}.orb-grab:focus-visible,.road-tap:focus-visible{outline:3px solid #6ea8ff;outline-offset:4px}.home-nav-link:focus-visible{outline:2px solid #1E40FF;outline-offset:3px;border-radius:2px}.nav-overlay-link:focus-visible{outline:2px solid #6ea8ff;outline-offset:4px;border-radius:2px}.donate-arrows{transition:transform .28s ease}.donate-lockup:hover .donate-arrows,.donate-lockup:active .donate-arrows{transform:translateY(3px)}.donate-lockup:focus-visible{outline:2px solid #1E40FF;outline-offset:3px;border-radius:2px}.baked-orb-video::-webkit-media-controls,.baked-orb-video::-webkit-media-controls-start-playback-button,.baked-orb-video::-webkit-media-controls-overlay-play-button,.baked-orb-video::-webkit-media-controls-panel,.sailing-banner-video::-webkit-media-controls,.sailing-banner-video::-webkit-media-controls-start-playback-button,.sailing-banner-video::-webkit-media-controls-overlay-play-button,.sailing-banner-video::-webkit-media-controls-panel,.ho-film-video::-webkit-media-controls,.ho-film-video::-webkit-media-controls-start-playback-button,.ho-film-video::-webkit-media-controls-overlay-play-button,.ho-film-video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important}.result-row:focus-visible{outline:2px solid #6ea8ff;outline-offset:-2px}.group-header:focus-visible{outline:2px solid #6ea8ff;outline-offset:2px}.event-modal-btn:focus-visible{outline:2px solid #6ea8ff;outline-offset:2px}.nf-home{transition:background .25s ease,color .25s ease}.nf-home:hover{background:#fff;color:#13171f}.nf-home:focus-visible{outline:2px solid #1E40FF;outline-offset:3px}.nf-link{transition:color .2s ease}.nf-link:hover,.nf-link:focus-visible{color:#fff}.nf-link:focus-visible{outline:2px solid #1E40FF;outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){.nf-home,.nf-link{transition:none}}.ho-action{border:1.5px solid rgb(20,28,54);background:transparent;color:#141c36;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.ho-action--dark{border-color:#fff;color:#fff}.ho-action:hover,.ho-action:focus-visible{background:#0a55eb;border-color:#0a55eb;color:#fff}.ho-action:focus-visible{outline:2px solid #1E40FF;outline-offset:3px}.ho-media-zoom{transition:transform .6s cubic-bezier(.2,.6,.2,1)}.ho-zoom-frame:hover .ho-media-zoom{transform:scale(1.03)}.ho-film-chip{transition:border-color .2s ease,color .2s ease}.ho-film-chip:hover{border-color:#0a55eb;color:#0a55eb}.ho-film-chip:focus-visible{outline:2px solid #1E40FF;outline-offset:3px}@media(prefers-reduced-motion:reduce){.ho-action,.ho-media-zoom,.ho-film-chip{transition:none}.ho-zoom-frame:hover .ho-media-zoom{transform:none}}.ft-link{transition:color .2s ease}.ft-link:focus-visible{outline:2px solid #1E40FF;outline-offset:3px;border-radius:2px}.ft-link-light:hover,.ft-link-light:focus-visible{color:#0a55eb}.ft-link-dark:hover,.ft-link-dark:focus-visible{color:#fff}@media(prefers-reduced-motion:reduce){.ft-link{transition:none}}