/* Saltwater Hustle (c) 2026 Jackson. All rights reserved. Not licensed for copying, modification or redistribution. */
:root{--calm-glass:linear-gradient(150deg,#172f419e,#05101ab8);--calm-edge:#a1c6df3d;--calm-edge-hi:#c4edff99;--calm-text:#e6f1fa;--calm-dim:#a8c1d1;--calm-label:#92b7cc;--calm-accent:#b4e0f3;--calm-radius:12px;--hud-speed:0;--hud-rpm:0}.telemetry,.navigation-hud,.trim-controls,#walkHint,#right-controls button,.top-actions button,#walkControls button,#touchControls button,.graphics-panel,.lighting-panel,#help{color:var(--calm-text);background:var(--calm-glass)!important;border:1px solid var(--calm-edge)!important;backdrop-filter:blur(14px)!important;box-shadow:0 10px 30px #020b1559!important}#sailUI button,#topbar button{letter-spacing:.6px;font-weight:300;transition:background .2s,border-color .2s,box-shadow .2s}#sailUI button:hover,#topbar button:hover{border-color:var(--calm-edge-hi)!important;background:linear-gradient(120deg,#3e6c838c,#142737bf)!important;box-shadow:inset 2px 0 #c7edff,0 0 15px #7bc9e51a!important}#sailUI button[aria-pressed=true]{border-color:var(--calm-edge-hi)!important;box-shadow:inset 2px 0 #c7edff!important}.top-actions button,#graphicsButton{border-radius:999px!important}#right-controls button{border-radius:var(--calm-radius)!important}#topbar{background:linear-gradient(#020b1580,#0000)!important}.brand{text-transform:uppercase;color:#daeefa;letter-spacing:9px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:22px!important;font-style:normal!important;font-weight:300!important}.brand-dot{color:var(--calm-accent)!important}.edition{color:var(--calm-label);border-left-color:var(--calm-edge)!important}.conditions{color:var(--calm-dim);letter-spacing:2.4px!important}.conditions i{background:var(--calm-accent)!important;box-shadow:0 0 10px #b4e0f380!important}.telemetry{overflow:hidden;border-radius:var(--calm-radius)!important;border-left:2px solid #b0deef!important}.telemetry:before{content:"";transform-origin:0;height:2px;transform:scaleX(var(--hud-speed));background:linear-gradient(90deg,#b4e0f333,#c5ecff);transition:transform .2s linear;position:absolute;inset:0 0 auto}.telemetry .eyebrow{color:var(--calm-label);letter-spacing:2.6px!important}.telemetry .eyebrow i{background:var(--calm-accent)!important;box-shadow:0 0 10px #b4e0f380!important}.telemetry .speed>span{color:#eef8ff;letter-spacing:-3px!important;font-weight:200!important}.telemetry .speed>div{letter-spacing:2px;color:var(--calm-dim)!important}.telemetry .metrics{padding-bottom:10px;position:relative;border-top:1px solid var(--calm-edge)!important}.telemetry .metrics div>span{color:var(--calm-label);letter-spacing:1.6px;opacity:1!important}.telemetry .metrics strong{color:var(--calm-text);font-weight:300!important}.telemetry .metrics:after{content:"";height:2px;-webkit-mask:linear-gradient(90deg,#000 calc(var(--hud-rpm)*100%),#0000001f 0);mask:linear-gradient(90deg,#000 calc(var(--hud-rpm)*100%),#0000001f 0);background:linear-gradient(90deg,#b4e0f359,#c5ecff 80%,#f2c6b8);border-radius:2px;position:absolute;bottom:2px;left:0;right:0}.throttle-control{color:var(--calm-dim)!important}.throttle-control input{accent-color:#b4e5fb!important}.trim-controls{border-radius:var(--calm-radius)!important;color:var(--calm-dim)!important}.trim-controls strong{color:var(--calm-text);font-weight:300}.navigation-hud{border-radius:var(--calm-radius)!important}#navigationHeading{color:var(--calm-accent);font-weight:300}.navigation-title{color:var(--calm-label)}#notice:not(:empty){border:1px solid var(--calm-edge);letter-spacing:.4px;backdrop-filter:blur(10px);white-space:nowrap;background:#05101a9e;border-radius:999px;padding:8px 18px;color:#daeefa!important;font-size:12px!important}.hud-compact #notice:not(:empty){white-space:normal;max-width:90vw;left:50%!important;right:auto!important;transform:translate(-50%)!important}#walkHint{border-radius:var(--calm-radius)!important}#walkHint strong{color:var(--calm-accent)}.bottom-center{opacity:.7}.bottom-center b{color:var(--calm-accent)}.boat-interact-prompt{border:1px solid var(--calm-edge-hi)!important;color:#e6f1fa!important;background:#05101ab8!important;border-radius:999px!important}#sailUI>footer{display:none!important}#right-controls button{min-height:34px;border-radius:999px!important;padding-top:0!important;padding-bottom:0!important;font-size:12px!important}#right-controls .trim-controls{border-radius:999px!important}#engineButton[aria-pressed=false]{color:#ffe2a8!important;border-color:#f0b54a!important;box-shadow:0 0 0 1px #f0b54a38,0 6px 18px #0000004d!important}#cockpitLightsButton[aria-pressed=true]{border-color:#7fbeff99!important}body:not(.hud-compact) #topbar{background:0 0!important;height:64px!important;padding:0 24px!important}body:not(.hud-compact) .brand{opacity:.85;letter-spacing:6px!important;font-size:15px!important}body:not(.hud-compact) .edition,body:not(.hud-compact) .conditions{display:none!important}body:not(.hud-compact) .top-actions button,body:not(.hud-compact) #graphicsButton{height:34px!important;font-size:12px!important}body:not(.hud-compact) .telemetry{border-left-width:1px!important;border-radius:18px!important;width:210px!important;padding:10px 16px 12px!important;bottom:24px!important;left:24px!important}body:not(.hud-compact) .telemetry:before,body:not(.hud-compact) .telemetry .eyebrow,body:not(.hud-compact) .telemetry .metrics{display:none!important}body:not(.hud-compact) .telemetry .speed{align-items:baseline;gap:8px;display:flex;margin:0 0 6px!important}body:not(.hud-compact) .telemetry .speed>span{letter-spacing:-1px!important;font-size:38px!important}body:not(.hud-compact) #instrumentsToggle{display:none}body:not(.hud-compact) .navigation-hud{border-radius:14px!important;width:176px!important;top:70px!important;right:24px!important}body:not(.hud-compact) .navigation-hud canvas{height:100px!important}body:not(.hud-compact) #right-controls{width:164px;gap:6px!important;top:auto!important;bottom:24px!important;right:24px!important}body:not(.hud-compact) #right-controls button{min-height:30px!important;font-size:11px!important}body:not(.hud-compact) .bottom-center{display:none}html:not(.phone-edition) body.hud-compact .brand,html:not(.phone-edition) body.hud-compact .identity{display:none!important}html:not(.phone-edition) body.hud-compact .telemetry.is-collapsed{top:calc(var(--hud-safe-top,0px) + 12px)!important;bottom:auto!important;left:max(12px,var(--hud-safe-left,0px))!important}html:not(.phone-edition) body.hud-compact .telemetry:not(.is-collapsed){top:calc(var(--hud-safe-top,0px) + 12px)!important;bottom:auto!important}html:not(.phone-edition) body.hud-compact #topbar{justify-content:flex-end!important}html:not(.phone-edition) body.hud-compact .top-actions{margin-left:auto}body:not(.hud-compact) #missionPanel{text-align:left!important;background:var(--calm-glass)!important;border:1px solid var(--calm-edge)!important;border-left:2px solid var(--calm-accent)!important;border-radius:14px!important;width:clamp(232px,22vw,290px)!important;min-width:0!important;max-width:none!important;padding:9px 12px 10px 14px!important;top:58px!important;left:24px!important;transform:none!important;box-shadow:0 10px 26px #020b1552!important}body:not(.hud-compact) #missionPanel .m-top{letter-spacing:1.6px!important;color:var(--calm-label)!important;justify-content:flex-end!important;gap:8px!important;font-size:8.5px!important}body:not(.hud-compact) #missionPanel .m-top>span:first-child{display:none}body:not(.hud-compact) #missionPanel .m-top>span:last-child{flex:none;align-items:center;display:flex}body:not(.hud-compact) #missionPanel .m-top button{border-color:var(--calm-edge)!important;color:var(--calm-dim)!important;margin-left:5px!important;padding:2px 8px!important;font-size:9px!important}body:not(.hud-compact) #missionPanel .m-top button:hover{border-color:var(--calm-edge-hi)!important;color:var(--calm-text)!important}body:not(.hud-compact) #missionPanel h3{letter-spacing:.2px!important;color:var(--calm-text)!important;margin:5px 0 2px!important;font:400 16px/1.25 Arial,Helvetica,sans-serif!important}body:not(.hud-compact) #missionPanel p{color:var(--calm-dim)!important;font-size:11.5px!important;line-height:1.45!important}body:not(.hud-compact) #missionPanel .m-step{letter-spacing:1.4px!important;opacity:.55!important;margin-top:6px!important;font-size:8.5px!important}body:not(.hud-compact) #missionPanel .m-board{border-radius:999px!important;margin-top:8px!important;padding:6px 14px!important;font-size:11px!important}body:not(.hud-compact) #missionArrow{opacity:.85;top:62px!important}html:not(.phone-edition) body.hud-compact #missionPanel{width:min(320px,78vw)!important;min-width:0!important;padding:8px 12px!important}html:not(.phone-edition) body.hud-compact #missionPanel h3{margin:4px 0 2px!important;font-size:16px!important}html:not(.phone-edition) body.hud-compact #missionPanel p{font-size:11.5px!important}