body.sea-mode .hotbar,body.sea-mode .hunt-controls,body.sea-mode .world-context,body.sea-mode .combat-tools-dock,body.sea-mode .movement-hint,body.sea-mode .touch-target-button,body.sea-mode #captain-mode,body.sea-mode .mobile-panels,body.sea-mode #target-hud,body.sea-mode .vitals,body.sea-mode .active-effects-hud{display:none!important}
#sea-chart{position:absolute;right:16px;top:168px;width:194px;z-index:21;padding:9px;background:#092639ee;border:1px solid #8dbdb877;border-radius:10px;box-shadow:0 7px 24px #03182765}#sea-chart[hidden]{display:none}#sea-chart header{display:flex;align-items:center;justify-content:space-between;color:#e9d6a1;font-size:12px;margin-bottom:6px}#sea-chart button{background:#183c4e;border:1px solid #446b79;border-radius:5px;color:#e7d6aa;width:29px;height:27px;cursor:pointer}#sea-chart canvas{display:block;width:100%;height:auto;border:1px solid #62838a;cursor:default;touch-action:none}#sea-chart small{display:block;font-size:9px;text-align:center;color:#91bbc4;margin-top:6px}
#sea-helm{position:absolute;z-index:22;bottom:56px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 32px));padding:14px 16px 10px;border:1px solid #73bcc575;border-radius:14px;background:linear-gradient(145deg,#0b2331f5,#0a1826f5);box-shadow:0 12px 35px #00122180,inset 0 1px #b8f3f418;color:#e7f2ef;pointer-events:auto}
#sea-helm[hidden]{display:none}.sea-helm-heading{display:flex;align-items:center;gap:10px}.sea-helm-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e1b56470;border-radius:50%;color:#f6d994;background:#143542}.sea-helm-icon svg{width:24px;height:24px}.sea-helm-heading>div{display:grid;gap:2px}.sea-helm-heading small{font-size:9px;letter-spacing:2px;color:#80c9cf}.sea-helm-heading strong{font-size:16px;color:#f2dda6}.sea-helm-heading>[data-sea-company]{margin-left:auto;font-size:11px;color:#a5c6cb}#sea-helm p{margin:10px 0;font-size:12px;line-height:1.4;color:#b6d1d7}.sea-helm-actions{display:grid;grid-template-columns:1.35fr 1fr 1.1fr .9fr;gap:7px}.sea-helm-actions button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #44616a;border-radius:7px;background:#143140;color:#e1f2f3;min-height:40px;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;padding:7px}.sea-helm-actions svg{width:16px;height:16px}.sea-helm-actions button:hover:not(:disabled){background:#225467;border-color:#7bcdd1}.sea-helm-actions button:focus-visible{outline:2px solid #ffe19a;outline-offset:3px}.sea-helm-actions button:disabled{opacity:.42;cursor:default}.sea-helm-actions .sea-dock-action{background:#d9af57;color:#182a31;border-color:#efcc7d}.sea-control-tip{display:block;margin-top:8px;text-align:center;color:#88aeb9;font-size:10px}body.sea-mode .location-banner{background:#0b2436d9;border-color:#85cbd751}body.sea-mode .location-banner h1{color:#ecdfb7}
@media(max-width:700px){#sea-helm{bottom:calc(28px + env(safe-area-inset-bottom));width:calc(100% - 20px);padding:10px;border-radius:11px}.sea-helm-heading strong{font-size:14px}.sea-helm-heading>[data-sea-company]{font-size:10px}.sea-helm-icon{width:32px;height:32px}.sea-helm-actions{gap:5px}.sea-helm-actions button{font-size:11px;min-height:42px;padding:6px 3px}.sea-helm-actions svg{width:14px;height:14px}#sea-helm p{font-size:11px;margin:7px 0}.sea-control-tip{font-size:9px}.sea-mode #touch-joystick{bottom:228px}.sea-mode .location-banner{top:76px;right:10px;left:auto;max-width:185px;transform:none}.sea-mode .location-banner h1{font-size:19px}}
@media(max-height:540px) and (max-width:1000px){#sea-helm{left:auto;right:10px;transform:none;bottom:27px;width:390px;max-width:calc(100% - 140px)}.sea-helm-heading{display:none}.sea-control-tip{display:none}.sea-mode #touch-joystick{bottom:55px}.sea-mode .location-banner{display:none}}
@media(max-width:700px){#sea-chart{width:116px;right:10px;top:76px;padding:6px}#sea-chart header{font-size:10px}#sea-chart button{width:25px;height:25px}#sea-chart small{display:none}.sea-mode .location-banner{left:10px;right:auto;width:calc(100% - 150px);max-width:210px;padding:9px 7px}.sea-mode .location-banner h1{font-size:17px}.sea-mode .location-banner p{font-size:10px}.sea-mode .location-banner>span{font-size:8px}}
@media(max-height:540px) and (max-width:1000px){#sea-chart{top:68px;width:110px;padding:5px}#sea-chart small{display:none}}
body.sea-mode #objectives-hud,body.sea-mode #active-effects{display:none!important}
@media(max-width:700px){body.sea-mode .location-banner,#sea-chart{top:calc(var(--sea-header-bottom,116px) + 10px)}body.sea-mode #chat-launcher{bottom:calc(210px + env(safe-area-inset-bottom))}}
@media(max-height:540px) and (max-width:1000px){body.sea-mode #chat-launcher{bottom:145px}#sea-chart{top:calc(var(--sea-header-bottom,56px) + 10px)}}