/* Nautical journal: restrained engraved lines, warm vellum, ink and sealing wax. */
:root{--ink:#30251c;--muted-ink:#735537;--paper:#efddb6;--paper-dark:#d7ba87;--paper-border:#8e693d;--ruby:#863d32;--sea-ink:#355d58}
#hud:before{background-image:url('assets/hud-frame-v13.svg');filter:drop-shadow(0 4px 7px #020d1380)}
#hud{gap:12px;padding-top:16px}#hudCore{border-color:#80623c38;background:radial-gradient(ellipse at 50% 55%,#fff3d625,transparent 75%)}
.hud-wing{gap:10px}.hud-wing .post{border-right:1px solid #8b673236}.hud-wing .post:before{content:'';position:absolute;left:10px;right:10px;top:83px;height:16px;background:url('assets/ink-ornament-v13.svg') center/113px 21px no-repeat;opacity:.63;pointer-events:none}
#hud .post-name{top:16px;font:700 13px/20px Georgia;letter-spacing:1.6px;text-transform:uppercase;color:#634528;padding:0}
#hud .officer-name{top:39px!important;height:42px;font:normal 18px/20px Georgia;color:#32251d;letter-spacing:.25px;padding:0}
#hud .portrait{top:109px;border:3px double #755333;background:#c4a47b;box-shadow:0 2px 3px #65422240,inset 0 0 0 2px #f9e6b6;clip-path:polygon(8% 0,92% 0,100% 7%,100% 93%,92% 100%,8% 100%,0 93%,0 7%)}
#hud .portrait img{filter:saturate(.88) contrast(1.04)}#hud .ability-column{top:105px;gap:9px}
#hud .ability,#hud .weapon,#sailChoices button,#hud #boardingAction{background-image:linear-gradient(145deg,#fff3d855,#89653b15),var(--paper-image);background-color:#ead4a9;border:1px solid #8c673c;box-shadow:inset 0 0 0 2px #f7e5bb,inset 0 0 0 3px #a7855540,0 2px 2px #67472624;color:var(--ink)}
#hud .ability{clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%)}
#hud .ability:hover:not(:disabled),#hud .weapon:hover:not(:disabled),#sailChoices button:hover:not(:disabled){background-color:#f7e6c2;filter:brightness(1.025)}
#hud .ability.active,#hud .weapon.active,#sailChoices button[aria-pressed=true]{border-color:#44685d;background-color:#e1d5ac;box-shadow:inset 0 0 0 2px #4e776766,inset 0 0 0 4px #f9e9be}
#hud .ability:disabled,#hud .weapon:disabled,#sailChoices button:disabled{opacity:.6;filter:saturate(.2)}
#hud .slot-cost{bottom:3px;color:#563c28;background:#ead4ab;padding:0 4px;font:bold 11px/13px Georgia;left:auto;width:auto;right:4px}
#hud .ability.recovering .cooldown-counter{background:#e5cf9ff0;color:#69382a;text-shadow:0 1px #fff1c8;font:bold 31px Georgia;padding-bottom:9px;box-shadow:inset 0 0 0 4px #a17c4933}
#hud .ability.recovering .cooldown-counter:before{content:'';position:absolute;inset:7px;border:1px solid #93674088;border-radius:50%;pointer-events:none}
#hud .ability.recovering .slot-cost{color:#62452d;background:#e6d0a5;bottom:3px;font-size:10px}
#hud #resources{height:22px;gap:18px;font:11px/21px Georgia;letter-spacing:1px;color:#624629;border-bottom:1px solid #94714235;margin-bottom:2px}
#hud #resources b{font:bold 21px/21px Georgia;color:#3e2c20}.order-pip{height:12px;width:12px;border:1px solid #8c693f;background:#e8d4ac;box-shadow:inset 0 0 0 2px #f8e6c1}.order-pip.full{background:#8d4933;border-color:#7c4d32;box-shadow:inset 0 0 0 2px #b37a50}
#hud #navCommands{height:70px}#hud #navCommands #moveMode{height:56px;font-size:24px}#hud #navCommands #moveMode small{font:9px/11px Georgia!important;letter-spacing:.4px}
#sailChoices button{height:56px}#sailChoices b{font-size:9px;letter-spacing:.35px}#sailChoices small{color:#694c31}#sailChoices button.current{border-color:#986236}#sailOrder{color:#6a4b30;font-size:9px}
#hud #batteryPanel .weapon{width:78px;border:1px solid #987040}#hud #portFire,#hud #starboardFire{left:calc(50% - 39px)}#hud #batteryPanel .weapon b{font:700 19px/23px Georgia;color:#36261b}#batteryPanel .weapon small{color:#70502f!important}#hud #coreArmor .horizontal-hull{filter:drop-shadow(0 1px #fff0c9);opacity:.9}
#hud #ammoStatus{font:11px/15px Georgia;color:#6d4c30;letter-spacing:.6px}
#coreVitals{height:24px;gap:8px;border-top:1px solid #9b794c3d;border-bottom:1px solid #9b794c3d;background:linear-gradient(90deg,transparent,#fff0cf44,transparent)}
#hud #coreHull{font:bold 14px/23px Georgia;letter-spacing:.2px}#hud #coreCrew{border:0!important;background:none!important}#hud #coreCrew .part-meter span{font:12px/23px Georgia;letter-spacing:.2px}#hud #coreCrew .part-meter b{font:bold 14px/23px Georgia}
#hud #inspectSelf{width:25px;height:23px;color:#78502d;border:0;background:none;box-shadow:none;font-size:22px}
#hud #coreMasts{height:31px}#coreMasts .mast-diagram{height:31px}#coreMasts .mast-condition{grid-template-columns:22px 58px;grid-template-rows:13px 18px}#coreMasts small{font:10px/13px Georgia;color:#745334}#coreMasts b{font:bold 13px/17px Georgia}#coreMasts b em{font:10px Georgia;color:#77583a}
#hud #turnStat{font:10px/16px Georgia;color:#725235;height:16px;border-top:1px solid #9671432b;margin-top:1px}#turnStat b{color:#3c2c20}
#hud #boardingAction{font:bold 11px Georgia;letter-spacing:.6px;bottom:4px!important;left:7px!important;right:7px!important;width:calc(100% - 14px);height:43px}#boardingAction small{font:9px Georgia;letter-spacing:0;color:#775434}#boardingAction img{width:28px;height:28px}#boardingAction:disabled{opacity:.55}
#hud #endTurn{width:105px;height:105px;border:0;background:transparent url('assets/wax-seal-v13.svg') center/contain no-repeat;color:#fff0ca;box-shadow:0 3px 5px #603e2526;font:bold 13px/16px Georgia;letter-spacing:.6px;text-shadow:0 1px 1px #401b1b80;isolation:isolate}
#endTurn span{display:block;height:31px;margin-bottom:2px}#endTurn span svg{height:29px;width:29px;stroke:#f2d49b;fill:none;stroke-width:1.8}#hud #endTurn kbd{color:#e0b889;font:9px/15px Georgia;letter-spacing:.8px;margin-top:3px}#hud #endTurn:disabled{opacity:.55;filter:saturate(.45)}#hud #endTurn:hover:not(:disabled){filter:brightness(1.15);outline:none}
#initiative .initiative-unit{border-radius:0;clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);border:1px solid #b78b4c;background-image:linear-gradient(145deg,#fff1d18c,#98713a20),var(--paper-image);box-shadow:inset 0 0 0 2px #f2ddb2,inset 0 0 0 3px #98794c66}
#initiative .initiative-unit.enemy{border:2px solid #a24939;box-shadow:inset 0 0 0 2px #d08a6680,inset 0 0 0 3px #f7e5c2}
#initiative .initiative-unit.current{background-color:#f6e7c5;outline:1px solid #f5d28a;box-shadow:inset 0 0 0 2px #efd9a5,inset 0 0 0 4px #946534;overflow:visible;clip-path:none;border-radius:2px}#initiative .initiative-unit.current:before{display:block;color:#edd09b;text-shadow:0 1px 2px #051923}
#initiative .queue-number{left:5px;top:2px;font:bold 10px Georgia}.queue-arrow{font-size:19px;color:#ccab74}#initiative .queue-caption{font:12px Georgia;letter-spacing:2px;color:#e5cfa4;text-shadow:0 1px 2px #06161e}
.shipLabel{width:226px;min-width:226px;max-width:226px;padding:8px 12px 7px;border:0!important;background:none!important;box-shadow:none;text-shadow:none;white-space:normal;line-height:1.2;color:var(--ink);transform:none;z-index:2;pointer-events:none;text-align:left;font-family:Georgia,serif}
.shipLabel:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/ship-plaque-v13.svg') center/100% 100% no-repeat;filter:drop-shadow(0 2px 4px #02121970);pointer-events:none}
.shipLabel:after{content:'';position:absolute;left:var(--leader-x,50%);top:-5px;width:8px;height:8px;background:#f3e2bf;border-top:1px solid #937044;border-left:1px solid #937044;transform:translateX(-50%) rotate(45deg);z-index:-1}
.shipLabel[data-placement=above]:after{top:auto;bottom:-4px;background:#dfc594;border:0;border-bottom:1px solid #937044;border-right:1px solid #937044}
.ship-label-heading{position:relative!important;inset:auto!important;height:auto!important;min-height:25px;display:grid!important;grid-template-columns:21px 1fr 25px;gap:5px;align-items:center;padding:0 0 4px!important;background:none!important;pointer-events:none;border-bottom:1px solid #9872444d;margin-bottom:4px}
.ship-label-heading>*{pointer-events:none}.ship-label-heading>.inspect-world{pointer-events:auto}
.ship-crest{height:22px;width:21px;color:#3a3930;display:flex;align-items:center;justify-content:center}.ship-crest svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shipLabel.enemy .ship-crest{color:#964432}.shipLabel.enemy .ship-label-heading{border-bottom-color:#98483266}
.shipLabel .ship-title{font:bold 15px/17px Georgia;letter-spacing:.3px;text-align:center;color:#34271e;overflow-wrap:anywhere;max-height:35px;overflow:hidden}
.shipLabel .inspect-world{position:relative!important;inset:auto!important;width:25px;height:25px;min-height:0;padding:3px;background:#d1b37e55;border:1px solid #9b794b88;box-shadow:inset 0 0 0 1px #fff0c6;border-radius:50%;pointer-events:auto;color:#67472c;font-size:0}
.shipLabel .inspect-world svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.shipLabel .inspect-world:before{content:'';position:absolute;inset:-4px}
.ship-resource{display:grid;grid-template-columns:16px 1fr auto;gap:4px;align-items:center;height:15px}.ship-resource img{width:15px;height:14px;object-fit:contain;opacity:.85}.ship-resource .resource-label{font:9px Georgia;letter-spacing:.9px;color:#715034}.ship-resource .resource-value{font:bold 13px Georgia;color:#34261b;font-variant-numeric:tabular-nums;letter-spacing:.15px}.ship-resource .resource-value em{font:10px Georgia;color:#77583c;letter-spacing:0}
.shipLabel .world-hp,.shipLabel .world-crew{height:5px;margin:2px 0 3px;border:1px solid #81613a66;background:#987c5230;overflow:hidden;box-shadow:0 1px #fff0c5}
.shipLabel .world-hp span{background:linear-gradient(#5b7970,#35594e);box-shadow:inset 0 1px #89a99b55}.shipLabel .world-crew span{background:linear-gradient(#b08b50,#8a6236);box-shadow:inset 0 1px #d8b66c66}
.shipLabel .world-hp:after,.shipLabel .world-crew:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#eddbb24d calc(25% - 1px),#eddbb24d 25%);pointer-events:none}
.shipLabel .world-status{font:9px/11px Georgia;letter-spacing:.25px;padding-top:0;text-align:center;color:#795534;text-transform:uppercase;min-height:11px}.shipLabel.is-critical .resource-hull .resource-value{color:#9c3f2e}.shipLabel.is-critical .world-hp span{background:#9e4b3b}.shipLabel.derelict .world-status{color:#88533e;font-size:8px}.shipLabel.highlight:before{filter:drop-shadow(0 0 3px #deb86d) drop-shadow(0 2px 4px #04131b80)}
.damage-number{z-index:9}#hover,#target,#coursePreview{border-color:#916539;box-shadow:inset 0 0 0 2px #f5e2b944,0 3px 10px #03111d50}
@media(pointer:coarse){#hud #navCommands{height:80px}#hud #navCommands #moveMode,#sailChoices button{height:64px}#hud #boardingAction{height:64px}#hud .post-name{font-size:17px;letter-spacing:1px}#hud .officer-name{font-size:19px}#hud .slot-cost{font-size:12px}#hud #coreHull,#hud #coreCrew .part-meter b{font-size:16px}.shipLabel{width:212px;min-width:212px;max-width:212px}.shipLabel .inspect-world:before{inset:-10px}.shipLabel .ship-title{font-size:14px}.shipLabel .resource-value{font-size:13px}}
@media(max-width:1350px){.shipLabel{width:204px;min-width:204px;max-width:204px;padding:9px 10px 7px}.shipLabel .ship-title{font-size:14px;line-height:16px}.ship-resource .resource-label{font-size:9px;letter-spacing:.5px}.shipLabel .world-status{font-size:8px}}

/* The camera shot exposes the ships and hit point for less than three seconds. */
.cinematic-shot #hud,.cinematic-shot #initiative,.cinematic-shot .shipLabel,.cinematic-shot #modeHint,.cinematic-shot #target{opacity:0;pointer-events:none}
.cinematic-shot .damage-number{font-size:22px;color:#ffe3b0;text-shadow:0 2px 4px #18242a}
.cinematic-shot #ui{opacity:0;pointer-events:none}