.marine-screen{padding:22px 18px 36px;overflow:auto;min-height:0;background:#eef2ec;color:#153d43}.marine-screen[hidden],.marine-hud[hidden]{display:none!important}.marine-screen header small{letter-spacing:.2em;font-size:10px;font-weight:800}.marine-screen h2{font-size:30px;line-height:1.05;letter-spacing:-1px;margin:12px 0}.marine-screen header p,.marine-note,.marine-help,.marine-wildlife{font-size:12px;line-height:1.55}.marine-chart{border-radius:18px;overflow:hidden;margin:20px 0 12px;background:#123b48}.marine-chart svg{width:100%;height:230px;display:block}.marine-readout{font-size:12px;font-weight:700;line-height:1.5}.marine-screen h3{font-size:15px;margin:24px 0 12px}.marine-crafts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.marine-screen button{font:inherit;cursor:pointer;border:1px solid #b8c9bf;border-radius:12px;padding:13px;background:#fff;color:#173f45;min-height:44px}.marine-crafts button{text-align:left;display:grid;gap:10px}.marine-crafts b{font-size:15px}.marine-crafts span{font-size:11px;line-height:1.4}.marine-crafts em{font-size:12px;font-weight:750;font-style:normal;color:#08726c}.marine-screen button:disabled{opacity:.5;cursor:default}.marine-screen button:focus-visible{outline:3px solid #d69b35;outline-offset:2px}.marine-destinations{display:grid;gap:8px}.marine-destinations button[aria-pressed=true]{background:#17474e;color:white;border-color:#17474e}.marine-return{width:100%;margin-top:12px}.marine-help{opacity:.75}.marine-hud{position:fixed;top:100px;left:18px;z-index:25;background:#092c38e8;border:1px solid #aed5ca55;backdrop-filter:blur(10px);color:#e7f6eb;padding:12px 15px;border-radius:14px;display:grid;gap:5px;max-width:310px;pointer-events:none;font-family:system-ui}.marine-hud button{pointer-events:auto;border:0;background:transparent;color:#6ae4d2;text-align:left;padding:2px 0 5px;font-weight:800;cursor:pointer}.marine-hud strong{font-size:21px}.marine-hud span{font-size:11px}.app-marine{background:linear-gradient(145deg,#255b71,#0b3544)!important;color:#8eead9!important;display:grid!important;place-items:center;font-size:30px!important;font-style:normal}.app-marine:before{content:'⚓'}html.is-marine #speedometer,html.is-marine #local-drive,html.is-marine #drive-mode{visibility:hidden}@media(max-height:500px){.marine-hud{top:58px;left:12px;padding:7px 11px;max-width:260px}.marine-hud strong{font-size:16px}.marine-chart svg{height:190px}}

.marine-screen header{position:static;display:block;inset:auto;transform:none;width:auto;height:auto;padding:0;margin:0;background:none;box-shadow:none;z-index:auto}.marine-screen header p{margin:0}.is-marine .speed,.is-marine .combo,.is-marine #slipangle{display:none!important}

.is-marine :is(div,aside,section):has(> #speed),.is-marine #gear,.is-marine .handbrake,.is-marine #autogas{display:none!important}