:root{--ink: #0b1c22;--ribbon: rgba(9, 24, 30, .84);--ribbon-edge: rgba(214, 168, 74, .34);--bone: #f1e7c8;--bone-dim: #b7ad92;--gold: #e0b252;--teal: #2f9c94;--alarm: #e8604f;--serif: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:block;padding:0;font-family:var(--serif);color:var(--bone)}#hud .corner{position:absolute;display:flex;flex-direction:column;gap:6px}#hud #hud-tl{display:none}#hud-bl{left:16px;bottom:16px;align-items:flex-start}#hud-br{--br-inset: 16px;right:var(--br-inset);bottom:var(--br-inset);align-items:flex-end}.ribbon{background:var(--ribbon);border:1px solid var(--ribbon-edge);border-radius:10px;padding:7px 12px;box-shadow:0 3px 12px #00000073}#hud-bl .ribbon{display:none;min-width:210px;font-size:13px;line-height:1.6}body.at-station #hud-bl .ribbon{display:block}#hud-bl .row{display:flex;justify-content:space-between;gap:16px}#hud-bl .row span:first-child{color:var(--bone-dim)}#hud-bl .meter{height:5px;margin-top:2px;background:#00000080;border-radius:3px;overflow:hidden}#hud-bl .meter i{display:block;height:100%;transition:width .15s ease-out}.fill-speed{background:var(--gold)}.fill-bilge{background:#4fb4e8}body.bilge-high #hud-bl .ribbon{border-color:var(--alarm)}#hud-weapon{font-size:15px;font-weight:600;text-shadow:0 1px 3px #000}#hud-weapon.warn{color:#fca5a5}#hud-br .counts{display:flex;gap:12px;font-size:14px;text-shadow:0 1px 3px #000;opacity:0;visibility:hidden;transition:opacity .11s linear,visibility 0s linear .11s}body.show-purse #hud-br .counts{opacity:1;visibility:visible;transition:none}#hud-br .counts b{color:var(--gold);font-weight:600}#hud-keyhint{font-size:11px;color:var(--bone-dim);text-shadow:0 1px 2px #000}#hud-keyhint kbd,#action-prompt kbd{font:inherit}#hud-health{--hp-cx: 13vh;--hp-cy: 9.1vh;--hp-badge: 5.5vh;--hp-bar: 20.7vh;--hp-fill: 1.4vh;--hp-ink: .3vh;--hp-mint: #01efa8;--hp-red: #fc3646;--hp-skull-red: #e93643;position:absolute;left:calc(var(--hp-cx) - var(--hp-badge) / 2);bottom:calc(var(--hp-cy) - var(--hp-badge) / 2);height:var(--hp-badge);display:flex;align-items:center;font-size:1.5vh;color:var(--bone-dim);text-shadow:0 1px 2px #000;opacity:0;visibility:hidden;transition:opacity .11s linear,visibility 0s linear .11s}body.show-health #hud-health{opacity:1;visibility:visible;transition:none}#hud-health:before{content:"☠︎";position:relative;z-index:1;flex:none;width:var(--hp-badge);height:var(--hp-badge);display:flex;align-items:center;justify-content:center;border-radius:50%;font:3.2vh/1 system-ui,sans-serif;color:var(--hp-mint);text-shadow:none;background:#0a0e14b8;border:var(--hp-ink) solid #000;box-shadow:inset 0 0 0 .35vh #969cb299}#hud-health .meter{position:relative;box-sizing:content-box;flex:none;width:var(--hp-bar);height:var(--hp-fill);margin-left:calc(-1 * var(--hp-ink));border:var(--hp-ink) solid #000;border-radius:.4vh;overflow:hidden;background:#78809680}#hud-health .meter:before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--hp, 100%);background:#fff;transition:width .16s ease-in}#hud-health .meter i{position:relative;display:block;height:100%}#hud-health .fill-health{background:var(--hp-mint)}#hud-health>span{margin-left:.8vh}body.health-critical #hud-health:before{color:var(--hp-skull-red)}body.health-critical #hud-health .meter{background:#c8465a73}body.health-critical #hud-health .fill-health{background:var(--hp-red)}#hud-ammo{--am-pip: 1.4vh;--am-pitch: 2.4vh;--am-right: 13.75vh;--am-cy: 9.2vh;position:absolute;right:calc(var(--am-right) - var(--am-pip) / 2 - var(--br-inset));bottom:max(calc(var(--am-cy) - var(--am-pip) / 2 - var(--br-inset)),calc(100% + 6px));display:flex;gap:calc(var(--am-pitch) - var(--am-pip));height:var(--am-pip);opacity:0;visibility:hidden;transition:opacity .11s linear,visibility 0s linear .11s}body.show-ammo #hud-ammo{opacity:1;visibility:visible;transition:none}#hud-ammo i{display:block;flex:none;width:var(--am-pip);height:var(--am-pip);border-radius:50%;background:#66ffbc}#hud-ammo i.spent{opacity:.35}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;border:none;background:transparent;box-shadow:none;pointer-events:none;transition:width .12s,height .12s}.crosshair.target{width:20px;height:20px;background:transparent;border:2px solid var(--gold);box-shadow:0 0 6px #e0b252b3}body.gun-view .crosshair{display:none}#action-prompt{position:absolute;left:50%;bottom:max(124px,16%);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;max-width:min(640px,92vw);font-family:var(--serif);pointer-events:none;background:none;border:none;padding:0;border-radius:0;font-size:2.2vh;color:var(--bone);opacity:0;visibility:hidden;transition:opacity 67ms linear,visibility 0s linear 67ms}#action-prompt.shown{opacity:1;visibility:visible;transition:opacity 83ms linear}#action-prompt .pv-name{font-size:2.2vh;letter-spacing:.08em;text-transform:uppercase;color:#ffed00;text-shadow:0 1px 3px #000}#action-prompt .pv-row,#action-prompt .pv-text{display:flex;align-items:center;gap:12px;background:var(--ribbon);border:1px solid var(--ribbon-edge);border-radius:999px;padding:5px 18px 5px 6px;box-shadow:0 3px 12px #00000080}#action-prompt .pv-text{padding:7px 18px;border-radius:12px;text-align:center;font-size:15px;line-height:1.35}#action-prompt .pv-text b{color:var(--gold)}#action-prompt .pv-key{min-width:3vh;height:3vh;padding:0 .7vh;display:inline-flex;align-items:center;justify-content:center;background:var(--bone);color:var(--ink);font-family:system-ui,sans-serif;font-weight:700;font-size:1.5vh;border-radius:.7vh;box-shadow:0 2px #00000073}#action-prompt .pv-key.pv-wide{font-size:1.2vh;padding:0 1vh}#action-prompt .pv-verb{font-size:2.2vh;color:#fff}#action-prompt .pv-bar{width:160px;height:4px;background:#0000008c;border-radius:2px;overflow:hidden}#action-prompt .pv-bar i{display:block;height:100%;background:var(--gold)}#action-prompt .pv-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;color:var(--bone-dim);text-shadow:0 1px 2px #000;background:#09181e99;border-radius:8px;padding:3px 12px}#action-prompt .pv-hints b{color:var(--bone);font-family:system-ui,sans-serif;font-weight:600}#action-prompt[data-tone=warn] .pv-row,#action-prompt[data-tone=warn] .pv-text{border-color:#e0b252cc}#action-prompt[data-tone=danger] .pv-text{border-color:var(--alarm)}#action-prompt[data-tone=busy] .pv-key{background:var(--gold)}#orders-wheel{position:fixed;left:50%;top:50%;width:2px;height:2px;z-index:40;pointer-events:none;font-family:var(--serif)}#orders-wheel .ow-dish{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:13px;line-height:1.15;color:var(--bone);background:radial-gradient(circle at 35% 30%,#1d4a46,#0c2a2a 70%);border:3px solid #07181a;box-shadow:0 3px 10px #0000008c;transition:box-shadow .08s,border-color .08s}#orders-wheel .ow-dish.now{border-color:#e0b252bf}#orders-wheel .ow-dish.on{border-color:var(--gold);box-shadow:0 0 0 3px #e0b25259,0 3px 14px #0009;color:#fff;background:radial-gradient(circle at 35% 30%,#2c7a72,#123c39 70%)}#orders-wheel .ow-centre{position:absolute;left:-90px;top:-28px;width:180px;height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.25;color:var(--bone);text-shadow:0 1px 3px #000}#supply-wheel{position:fixed;left:50%;top:50%;width:2px;height:2px;z-index:40;pointer-events:none;font-family:var(--serif)}#supply-wheel .sw-dish{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:13px;line-height:1.15;color:var(--bone);background:radial-gradient(circle at 35% 30%,#4a3a1d,#2a2210 70%);border:3px solid #1a1407;box-shadow:0 3px 10px #0000008c;transition:box-shadow .08s,border-color .08s}#supply-wheel .sw-dish.on{border-color:var(--gold);box-shadow:0 0 0 3px #e0b25259,0 3px 14px #0009;color:#fff;background:radial-gradient(circle at 35% 30%,#6b4e22,#3a2d0f 70%)}#supply-wheel .sw-centre{position:absolute;left:-90px;top:-28px;width:180px;height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.25;color:var(--bone);text-shadow:0 1px 3px #000}body.menu-open #supply-wheel{display:none!important}#emote-wheel{position:fixed;left:50%;top:50%;width:2px;height:2px;z-index:40;pointer-events:none;font-family:var(--serif)}#emote-wheel .ew-dish{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:13px;line-height:1.15;color:var(--bone);background:radial-gradient(circle at 35% 30%,#4a1d46,#22092a 70%);border:3px solid #160716;box-shadow:0 3px 10px #0000008c;transition:box-shadow .08s,border-color .08s}#emote-wheel .ew-dish.on{border-color:var(--gold);box-shadow:0 0 0 3px #e0b25259,0 3px 14px #0009;color:#fff;background:radial-gradient(circle at 35% 30%,#7a2c70,#3c1239 70%)}#emote-wheel .ew-centre{position:absolute;left:-90px;top:-28px;width:180px;height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.25;color:var(--bone);text-shadow:0 1px 3px #000}body.menu-open #emote-wheel{display:none!important}#instrument-wheel{position:fixed;left:50%;top:50%;width:2px;height:2px;z-index:40;pointer-events:none;font-family:var(--serif)}#instrument-wheel .iw-dish{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:13px;line-height:1.15;color:var(--bone);background:radial-gradient(circle at 35% 30%,#4a3418,#241a0a 70%);border:3px solid #160f06;box-shadow:0 3px 10px #0000008c;transition:box-shadow .08s,border-color .08s}#instrument-wheel .iw-dish.on{border-color:var(--gold);box-shadow:0 0 0 3px #e0b25259,0 3px 14px #0009;color:#fff;background:radial-gradient(circle at 35% 30%,#7a5a28,#3c2c12 70%)}#instrument-wheel .iw-centre{position:absolute;left:-90px;top:-28px;width:180px;height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.25;color:var(--bone);text-shadow:0 1px 3px #000}body.menu-open #instrument-wheel{display:none!important}#shanty-wheel{position:fixed;left:50%;top:50%;width:2px;height:2px;z-index:40;pointer-events:none;font-family:var(--serif)}#shanty-wheel .shw-dish{position:absolute;left:-44px;top:-44px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:13px;line-height:1.15;color:var(--bone);background:radial-gradient(circle at 35% 30%,#1d3a4a,#0c1f2a 70%);border:3px solid #071216;box-shadow:0 3px 10px #0000008c;transition:box-shadow .08s,border-color .08s}#shanty-wheel .shw-dish.on{border-color:var(--gold);box-shadow:0 0 0 3px #e0b25259,0 3px 14px #0009;color:#fff;background:radial-gradient(circle at 35% 30%,#2c5a7a,#123048 70%)}#shanty-wheel .shw-centre{position:absolute;left:-90px;top:-28px;width:180px;height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.25;color:var(--bone);text-shadow:0 1px 3px #000}body.menu-open #shanty-wheel{display:none!important}#pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(circle at 50% 40%,#06161cc7,#020a0ef0);font-family:var(--serif);color:var(--bone)}#pause-menu kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;margin:0 1px;background:var(--bone);color:var(--ink);border-radius:6px;font:700 13px system-ui,sans-serif;box-shadow:0 2px #00000080}.pm-panel{width:min(900px,94vw);height:min(640px,90vh);display:flex;flex-direction:column;gap:14px}.pm-tabs{display:flex;align-items:center;justify-content:center;gap:16px}.pm-tabrow{display:flex;gap:6px}.pm-tabrow button{font:600 20px var(--serif);letter-spacing:.04em;color:var(--bone-dim);background:none;border:none;cursor:pointer;padding:6px 16px;border-bottom:3px solid transparent}.pm-tabrow button:hover{color:var(--bone)}.pm-tabrow button.on{color:#fff;border-bottom-color:var(--gold)}.pm-body{flex:1;min-height:0;overflow-y:auto;padding:6px 4px 10px}.pm-foot{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--bone-dim)}.pm-foot:hover{color:var(--bone)}.pm-list{display:flex;flex-direction:column;gap:6px;max-width:460px;margin:0 auto}.pm-item{display:flex;align-items:center;gap:14px;text-align:left;font:500 20px var(--serif);color:var(--bone);cursor:pointer;background:#09181eb3;border:1px solid rgba(214,168,74,.25);border-radius:8px;padding:10px 16px}.pm-item i{width:24px}.pm-item:hover,.pm-item.pm-first{background:linear-gradient(90deg,#2f9c9480,#2f9c941f);border-color:#2f9c94b3}.pm-crew{display:flex;flex-direction:column;max-width:460px;margin:0 auto 16px}.pm-crew h3 b{color:var(--bone);letter-spacing:.12em}.pm-mate{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 2px;text-align:left;cursor:pointer;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);font:600 16px var(--serif);color:var(--bone)}.pm-mate:hover{color:var(--gold)}.pm-mate span{font:italic 400 13px var(--serif);color:#9fd6e8}.pm-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px 28px}.pm-groups h3,.vc h3,.pm-crew h3{margin:0 0 6px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}.pm-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:baseline;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px;line-height:1.35}.pm-keys{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.pm-keys.pm-say{color:#9fd6e8;font-style:italic}.pm-word{font-size:12px;color:var(--bone-dim);margin:0 3px;text-transform:lowercase}.pm-sep{color:var(--bone-dim);margin:0 3px;font-size:12px}.pm-note{margin:0 0 8px;color:var(--bone-dim);font-size:14px;line-height:1.4}.pm-sound{display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:460px;margin:0 auto}.pm-sound #ex-voice,.pm-sound #ex-sound{position:static}.pm-sound #ex-sound{display:flex;width:100%;background:#09181eb3;border:1px solid rgba(214,168,74,.25);border-radius:8px;padding:12px 14px;gap:8px;font:15px var(--serif);color:var(--bone)}.pm-sound #ex-sound label{grid-template-columns:110px 1fr}.pm-sound #ex-sound input[type=range]{width:100%;accent-color:var(--teal)}.pm-sound #ex-sound select{font:14px var(--serif);color:var(--bone);background:#0c2a2a;border:1px solid rgba(214,168,74,.35);border-radius:6px;padding:4px 8px}.pm-sound #ex-voice button{font:15px var(--serif);color:var(--bone);background:#09181eb3;border:1px solid rgba(214,168,74,.35);border-radius:8px;padding:8px 14px}.pm-sound #ex-voice .info{font:14px var(--serif);color:var(--bone-dim);background:none}.pm-settings{display:flex;flex-direction:column;gap:10px;max-width:460px;margin:0 auto}.pm-setting{display:grid;grid-template-columns:220px 1fr 48px;align-items:center;gap:10px;font:15px var(--serif);color:var(--bone);background:#09181eb3;border:1px solid rgba(214,168,74,.25);border-radius:8px;padding:10px 14px}.pm-setting input[type=range]{width:100%;accent-color:var(--teal)}.pm-setting b{text-align:right;color:var(--gold);font-weight:600}.pm-setting-check{grid-template-columns:24px 1fr}.pm-setting-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}.vc{display:flex;flex-direction:column;gap:14px}.vc-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.vc-way{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:#09181eb3;border:1px solid rgba(214,168,74,.25);border-radius:8px;font-size:14px;line-height:1.35}.vc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px}.vc-card{padding:10px 14px 4px;background:#09181e99;border:1px solid rgba(214,168,74,.2);border-radius:10px}.vc-card h3{margin-bottom:4px}.vc-cmd{padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}.vc-cmd:first-of-type{border-top:none}.vc-say{font-size:18px;font-style:italic;color:#9fd6e8}.vc-does{font-size:14px;line-height:1.35;margin-top:1px}.vc-also{font-size:13px;color:var(--bone-dim);margin-top:2px;font-style:italic}@media(max-width:760px){.vc-ways,.vc-grid,.pm-groups{grid-template-columns:1fr}.pm-row{grid-template-columns:110px 1fr}#hud-bl .ribbon{min-width:0}}body.menu-open #action-prompt,body.menu-open .crosshair,body.menu-open #cmd-bar,body.menu-open #ex-tools,body.menu-open #ex-hint,body.menu-open #orders-wheel{display:none!important}#lookout-tags{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.lookout-tag{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;padding:2px 8px;border-radius:3px;border:1px solid var(--ribbon-edge);background:var(--ribbon);color:var(--gold);font-family:var(--serif);font-size:13px;letter-spacing:.02em}body.hud-hidden #hud,body.hud-hidden #action-prompt,body.hud-hidden .crosshair,body.hud-hidden #ex-root,body.hud-hidden #ex-tools,body.hud-hidden #cmd-bar{display:none!important}#hud-hitmarker{position:absolute;top:50%;left:50%;width:26px;height:26px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .08s linear}#hud-hitmarker.show{opacity:1}#hud-hitmarker i{position:absolute;top:50%;left:50%;width:20px;height:2px;margin:-1px 0 0 -10px;background:#f5f5f0;box-shadow:0 0 3px #000000d9}#hud-hitmarker i.hm-a{transform:rotate(45deg)}#hud-hitmarker i.hm-b{transform:rotate(-45deg)}#hud-hitmarker.kill i{background:var(--alarm)}#hud-damage-border{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;--db-x: 50%;--db-y: 0%}#hud-damage-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(216,44,44,.5) 100%)}#hud-damage-border .db-arc{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 34vmax at var(--db-x) var(--db-y),rgba(255,64,64,.6),transparent 65%)}body.menu-open #hud-hitmarker,body.menu-open #hud-damage-border{display:none!important}
