*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overscroll-behavior:none;touch-action:none;background:#0a0e18;height:100dvh;overflow:hidden}body{color:#f5f1e6;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#app{width:100%;height:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}#game{image-rendering:pixelated;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}#ui>.hud,#ui>.pilot,#ui>.toasts,#ui>.top-bar,#ui>.res-bar,#ui>.speed,#ui>.flights,#ui>.status-rail,#ui>.edge-mark,#ui>.stick-base,#ui>.debug{pointer-events:none}.debug{top:calc(var(--safe-t) + var(--gap) + var(--ui) * 16);color:#d6c4a0;text-shadow:1px 1px #0a0e18;pointer-events:none;white-space:pre;font-size:12px;line-height:1.5;position:absolute;left:10px}.stick-base{pointer-events:none;background:#0a0e1838;border:2px solid #d6c4a059;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;position:absolute}.stick-knob{background:#7d4f2ca6;border:2px solid #f2e8d0bf;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}:root{--ui:3px;--ring-u:var(--ui);--gap:calc(var(--ui) * 3);--edge:2px;--tap:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--outline:1px 0 0 var(--c-ink), -1px 0 0 var(--c-ink), 0 1px 0 var(--c-ink), 0 -1px 0 var(--c-ink);--outline-svg:drop-shadow(1px 0 0 var(--c-ink)) drop-shadow(-1px 0 0 var(--c-ink)) drop-shadow(0 1px 0 var(--c-ink)) drop-shadow(0 -1px 0 var(--c-ink))}@media (pointer:coarse){:root{--ui:4px}}@media (min-width:1800px) and (pointer:fine){:root{--ui:4px}}.hud{pointer-events:none;font-size:calc(var(--ui) * 4);letter-spacing:calc(var(--ui) * .15);color:var(--c-bone);text-shadow:1px 1px 0 var(--c-ink);line-height:1.6;position:absolute}.toasts{left:50%;top:calc(var(--safe-t) + var(--gap) + var(--ui) * 14);pointer-events:none;--toast-step:calc(var(--ui) * 8);position:absolute}.toast{left:0;top:calc(var(--slot,0) * var(--toast-step));white-space:nowrap;font-size:calc(var(--ui) * 5);letter-spacing:calc(var(--ui) * .15);color:var(--c-sandLight);text-shadow:1px 1px 0 var(--c-ink);line-height:1.6;animation:2.4s forwards toast-rise;position:absolute;transform:translate(-50%)}.toast[data-kind=good]{color:var(--c-grassLight)}.toast[data-kind=warn]{color:var(--c-gold)}.toast[data-kind=bad]{color:var(--c-blood)}@keyframes toast-rise{0%{opacity:1;animation-timing-function:step-end;transform:translate(-50%)}45%{opacity:1;animation-timing-function:steps(6,end);transform:translate(-50%)}to{transform:translate(-50%, calc(var(--ui) * -9));opacity:0}}@media (prefers-reduced-motion:reduce){.toast{animation-name:toast-hold}@keyframes toast-hold{0%,80%{opacity:1}81%,to{opacity:0}}}.hud-bar{gap:2px;display:flex}.hud-bar i{width:calc(var(--ui) * 2);height:calc(var(--ui) * 4);background:var(--c-rockShadow);display:block}.hud-bar[data-tone=bone] i.on{background:var(--c-bone)}.hud-bar[data-tone=gold] i.on{background:var(--c-gold)}.hud-bar[data-tone=blood] i.on{background:var(--c-blood)}.hud-alert{max-width:min(92vw, calc(var(--ui) * 130));text-align:center;padding:calc(var(--ui) * 2) calc(var(--ui) * 5);border:var(--edge) solid var(--c-bloodDark);background:var(--c-ink);top:16%;left:50%;transform:translate(-50%)}.hud-alert[data-critical=ja] .hud-alert-title{color:var(--c-blood)}.hud-alert[data-critical=nein] .hud-alert-title{color:var(--c-gold)}.hud-alert[data-blink=an]{border-color:var(--c-blood)}.hud-alert-title{font-size:calc(var(--ui) * 5)}.hud-alert-eta{color:var(--c-sandLight)}.hud-alert-why{color:var(--c-sandMid)}.ui-button{min-height:var(--tap);min-width:var(--tap);font:inherit;font-size:calc(var(--ui) * 4);letter-spacing:calc(var(--ui) * .15);color:var(--c-bone);background:var(--c-woodDark);border:var(--edge) solid var(--c-woodShadow);padding:0 calc(var(--ui) * 4);cursor:pointer;text-shadow:1px 1px 0 var(--c-ink);justify-content:center;align-items:center;display:inline-flex}.ui-button:active{background:var(--c-woodMid)}.ui-button[hidden],.on-narrow{display:none}.on-wide{display:inline}.panel{width:min(88vw, calc(var(--ui) * 140));max-height:min(74dvh, calc(100dvh - var(--safe-t) - var(--safe-b) - var(--ui) * 44));font-size:calc(var(--ui) * 4);color:var(--c-bone);background:var(--c-ink);border:var(--edge) solid var(--c-woodShadow);text-shadow:none;flex-direction:column;line-height:1.7;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.pane{padding:calc(var(--ui) * 2) calc(var(--ui) * 3);border:var(--edge) solid var(--c-woodShadow)}.pane:empty{display:none}.panel-head{justify-content:space-between;align-items:center;gap:var(--gap);padding:calc(var(--ui) * 2) calc(var(--ui) * 3);background:var(--c-woodShadow);flex:none;display:flex}.panel-title{color:var(--c-gold);font-size:calc(var(--ui) * 5);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.panel-head-right{flex-direction:column;flex:none;align-items:flex-end;line-height:1.2;display:flex}.panel-head-note{color:var(--c-sandLight);font-size:calc(var(--ui) * 3.2);white-space:nowrap}.panel-head-note[hidden]{display:none}.panel-purse{align-items:center;gap:calc(var(--ui) * 1.5);color:var(--c-gold);display:flex}.panel-purse[hidden]{display:none}.panel-summary{margin-top:calc(var(--ui) * 2);padding-top:calc(var(--ui) * 2);border-top:var(--edge) solid var(--c-woodShadow);color:var(--c-sandMid)}.pirate-card{background:var(--c-ink);border:var(--edge) solid var(--c-woodShadow);text-align:left;min-width:0;font:inherit;color:var(--c-bone);flex-direction:column;margin:0;padding:0;display:flex}.pirate-card[hidden]{display:none}.pirate-card[data-captain=ja]{border-color:var(--c-gold)}.pirate-card[data-captain=ja] .card-head{background:var(--c-goldDark)}.card-head{align-items:flex-start;gap:calc(var(--ui) * 2);padding:calc(var(--ui) * 2);background:var(--c-woodShadow);display:flex}.card-rank{min-width:calc(var(--ui) * 11);flex-direction:column;align-items:center;display:flex}.card-overall{font-size:calc(var(--ui) * 8);color:var(--c-gold);text-shadow:var(--outline);line-height:1}.card-badge{font-size:calc(var(--ui) * 2.8);letter-spacing:1px;color:var(--c-sandLight)}.card-face{background-size:384px 480px;background-position:calc(var(--col,0) * -64px) calc(var(--row,0) * -80px);width:64px;height:80px;margin-left:auto}.card-name{padding:var(--ui) calc(var(--ui) * 2);background:var(--c-woodDark);font-size:calc(var(--ui) * 3.5);letter-spacing:.6px;text-shadow:var(--outline);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-skills{gap:var(--ui) calc(var(--ui) * 3);padding:calc(var(--ui) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-skills[hidden]{display:none}.card-skill{justify-content:space-between;align-items:center;gap:var(--ui);min-width:0;display:flex}.card-skill-short{font-size:calc(var(--ui) * 3);color:var(--c-sandMid);letter-spacing:.8px}.card-skill-value{font-size:calc(var(--ui) * 3.75);letter-spacing:.5px}.card-skill-value[data-tone=gold]{color:var(--c-gold)}.card-skill-value[data-tone=bone]{color:var(--c-bone)}.card-skill-value[data-tone=sand]{color:var(--c-sandMid)}.card-condition{align-items:center;gap:var(--ui);padding:var(--ui) calc(var(--ui) * 2);display:flex}.card-condition[hidden]{display:none}.card-condition-label{font-size:calc(var(--ui) * 2.8);color:var(--c-sandMid);letter-spacing:.5px}.card-bar i{width:var(--ui);height:calc(var(--ui) * 2)}.card-upkeep{justify-content:space-between;align-items:center;gap:var(--ui);padding:calc(var(--ui) * 2);background:var(--c-night);display:flex}.card-upkeep[hidden]{display:none}.card-cost{align-items:center;gap:var(--ui);font-size:calc(var(--ui) * 3);color:var(--c-sandLight);display:flex}.card-pay{color:var(--c-gold)}.card-foot{padding:var(--ui) calc(var(--ui) * 2);background:var(--c-woodMid);font-size:calc(var(--ui) * 2.8);letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pirate-card .card-ring,.card-foot-short,.card-where{display:none}.card-foot[data-tone=gold]{color:var(--c-gold)}.card-foot[data-tone=bone]{color:var(--c-bone)}.card-foot[data-tone=sand]{background:var(--c-ink);color:var(--c-rockMid)}.card-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--ui) * 26 + 64px), 1fr));gap:calc(var(--ui) * 3);display:grid}.card-grid[hidden],.screen[hidden]{display:none}.screen{padding:var(--gap);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen-box{width:min(92vw, calc(var(--ui) * 140));text-align:center;padding:calc(var(--ui) * 6) calc(var(--ui) * 6);background:var(--c-ink);border:calc(var(--edge) * 2) solid var(--c-bloodDark);color:var(--c-bone);font-size:calc(var(--ui) * 4);text-shadow:none;line-height:1.8}.screen-title{font-size:calc(var(--ui) * 9);letter-spacing:calc(var(--ui) * 1);color:var(--c-blood);margin-bottom:calc(var(--ui) * 3)}.screen-lines{color:var(--c-sandLight);max-width:calc(var(--ui) * 100);margin:0 auto calc(var(--ui) * 5);text-wrap:balance}.screen-actions{justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.screen-actions>.ui-button{flex:1 1 calc(var(--ui) * 30);max-width:calc(var(--ui) * 50)}.screen-actions>.ui-button[data-kind=primary]{flex:100%;max-width:none}.ui-button[data-kind=primary]{border-color:var(--c-gold);color:var(--c-gold)}.ui-button[data-kind=quiet]{color:var(--c-sandMid);background:0 0}.ui-button[data-kind=quiet]:active{background:var(--c-woodShadow)}.ui-button[data-kind=danger]{border-color:var(--c-bloodDark);color:var(--c-blood);background:0 0}.ui-button[data-kind=danger]:active{background:var(--c-bloodDark)}.panel-body{touch-action:pan-y;gap:calc(var(--ui) * 2);min-height:0;padding:calc(var(--ui) * 3);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.panel-note{margin-top:calc(var(--ui) * 3);color:var(--c-sandMid);border-top:var(--edge) solid var(--c-woodShadow);padding-top:calc(var(--ui) * 2)}.panel-heading{margin-top:calc(var(--ui) * 3);color:var(--c-gold)}.tab-bar{border-top:var(--edge) solid var(--c-woodShadow);flex:none;display:flex}.tab{gap:calc(var(--ui) * .5);min-width:0;padding:calc(var(--ui) * 1.5) var(--ui);line-height:1.1;font-size:calc(var(--ui) * 3);letter-spacing:0;color:var(--c-sandMid);background:var(--c-ink);border:0;border-right:var(--edge) solid var(--c-woodShadow);text-shadow:none;flex-direction:column;flex:1 1 0}.tab:last-child{border-right:0}.tab-icon{width:12px;height:12px}.tab-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.tab[data-active=ja]{background:var(--c-woodMid);color:var(--c-gold)}.stat-list{gap:var(--ui);flex-direction:column;display:flex}.stat-icon{width:12px;height:12px}.stat-row{align-items:center;gap:calc(var(--ui) * 2);display:flex}.stat-row .stat-label{flex:0 auto;min-width:0}.stat-row .stat-value{white-space:normal;flex:auto;min-width:0}.stat-label{color:var(--c-sandLight)}.stat-value{text-align:right;white-space:nowrap}.ui-button:disabled{color:var(--c-rockShadow);background:var(--c-woodShadow);cursor:default}.ship-hotspot{width:calc(var(--tap) + var(--ui) * 4);height:calc(var(--tap) + var(--ui) * 4);margin:calc((var(--tap) + var(--ui) * 4) / -2) 0 0 calc((var(--tap) + var(--ui) * 4) / -2);cursor:pointer;position:absolute}.ship-menu{width:min(94vw, calc(var(--ui) * 170));height:min(74dvh, calc(100dvh - var(--safe-t) - var(--safe-b) - var(--ui) * 44))}.panel[hidden]{display:none}.dev-body{touch-action:pan-y;flex:auto;min-height:0;overflow:hidden auto}.panel-actions{gap:var(--ui);padding:calc(var(--ui) * 3);border-top:var(--edge) solid var(--c-woodShadow);flex:none;display:flex}.panel-actions>*{flex:1 1 0;min-width:0}.action{padding:calc(var(--ui) * 2);flex-direction:column;gap:0;line-height:1.25}.action-sub{color:var(--c-sandMid);font-size:calc(var(--ui) * 3.2)}.action:disabled .action-sub{color:var(--c-rockShadow)}.panel-leave{gap:calc(var(--ui) * 2)}.button-icon{width:16px;height:16px}.upgrade-list{gap:calc(var(--ui) * 2);margin-top:var(--ui);flex-direction:column;display:flex}.upgrade{padding-top:calc(var(--ui) * 2);border-top:1px solid var(--c-woodShadow)}.upgrade-head{justify-content:space-between;align-items:center;gap:calc(var(--ui) * 2);display:flex}.upgrade-name{color:var(--c-bone)}.upgrade-effect{color:var(--c-sandMid);font-size:calc(var(--ui) * 3.2);margin-bottom:var(--ui)}.upgrade-pips{gap:var(--ui);display:flex}.upgrade-pips i{width:calc(var(--ui) * 3);height:calc(var(--ui) * 3);background:var(--c-rockShadow);border:var(--edge) solid var(--c-woodShadow);display:block}.upgrade-pips i.on{background:var(--c-gold);border-color:var(--c-gold)}.upgrade .action{width:100%}.station-list{flex-direction:column;display:flex}.station-board{top:calc(var(--ui) * -3);z-index:1;padding-top:calc(var(--ui) * 3);background:var(--c-ink);border-bottom:var(--edge) solid var(--c-woodShadow);flex-direction:column;display:flex;position:sticky}.station-row{align-items:center;gap:calc(var(--ui) * 2);width:100%;min-height:var(--tap);padding:0 calc(var(--ui) * 2);border:0;border-left:var(--edge) solid transparent;color:var(--c-bone);font:inherit;font-size:calc(var(--ui) * 3.6);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;display:flex}.station-row:active{background:var(--c-woodShadow)}.station-row[data-active=ja]{background:var(--c-woodShadow);border-left-color:var(--c-gold)}.station-row[data-active=ja] .station-row-name{color:var(--c-gold)}.station-row-icon{flex:none;width:12px;height:12px}.station-row-name{flex:none;width:8ch}.station-row-manned{text-align:right;width:4ch;color:var(--c-gold);flex:none}.station-row-brief{text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--c-sandMid);flex:auto;overflow:hidden}.station-row-brief[data-tone=gold]{color:var(--c-gold)}.station-effect{margin-top:calc(var(--ui) * 2);color:var(--c-sandMid);font-size:calc(var(--ui) * 3.2)}.station-hint{color:var(--c-rockMid);font-size:calc(var(--ui) * 3.2);margin-bottom:var(--ui)}.station-crew{grid-template-columns:repeat(auto-fill, minmax(calc(var(--ui) * 26 + 64px), 1fr));gap:calc(var(--ui) * 3);margin-top:calc(var(--ui) * 2);display:grid}.station-crew[hidden]{display:none}.pirate-card[data-duty=hier]{border-color:var(--c-gold)}.pirate-card[data-duty=anderswo]{border-color:var(--c-rockShadow)}.pirate-card[data-duty=anderswo] .card-name,.pirate-card[data-duty=anderswo] .card-skill-value,.pirate-card[data-duty=anderswo] .card-overall{color:var(--c-rockShadow)}.pirate-card:not(:disabled):active .card-head{background:var(--c-woodMid)}.pirate-card:disabled{cursor:default}.loot-beach{flex-direction:column;display:flex}.loot-beach[hidden]{display:none}.loot-beach-list{grid-template-columns:repeat(auto-fill, minmax(calc(var(--ui) * 26 + 64px), 1fr));gap:calc(var(--ui) * 3);margin-top:calc(var(--ui) * 2);display:grid}.loot-beach-slot{gap:calc(var(--ui) * 2);flex-direction:column;display:flex}.loot-beach-slot[data-aboard] .action:disabled{color:var(--c-gold);background:var(--c-woodDark);border-color:var(--c-gold)}.loot-beach-slot[data-aboard] .action:disabled .action-sub{color:var(--c-sandMid)}.loot-berths{margin-top:calc(var(--ui) * 2);color:var(--c-sandMid);justify-content:space-between;display:flex}.loot-berths[hidden]{display:none}.loot-berths-value{color:var(--c-gold)}.target-marker{align-items:center;gap:var(--ui);padding:calc(var(--ui) * 2) calc(var(--ui) * 3);color:var(--c-bone);background:var(--c-ink);border:var(--edge) solid var(--c-woodShadow);text-shadow:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-100%)}.target-marker[data-engaged=ja],.target-marker[data-hunting=ja]{border-color:var(--c-blood)}.target-marker[data-ally=ja]{border-color:var(--c-gold)}.target-marker[data-ally=ja] .target-name{color:var(--c-gold)}.target-name{color:var(--c-sandLight);font-size:calc(var(--ui) * 3)}.target-marker[data-engaged=ja] .target-name,.target-marker[data-hunting=ja] .target-name{color:var(--c-blood)}.target-sub{color:var(--c-sandMid);font-size:calc(var(--ui) * 2.6)}.target-hull{gap:1px;display:flex}.target-hull i{width:var(--ui);height:calc(var(--ui) * 1.5);background:var(--c-rockShadow);display:block}.target-hull[data-tone=bone] i.on{background:var(--c-bone)}.target-hull[data-tone=gold] i.on{background:var(--c-gold)}.target-hull[data-tone=blood] i.on{background:var(--c-blood)}.standing-row{align-items:center;gap:calc(var(--ui) * 2);display:flex}.standing-name{color:var(--c-bone);flex:1;min-width:0}.standing-band{width:calc(var(--ui) * 44);text-align:right;white-space:nowrap;color:var(--c-sandMid)}.standing-note{color:var(--c-sandMid);font-size:calc(var(--ui) * 3.2);margin-bottom:calc(var(--ui) * 2)}.standing-bar{gap:1px;display:flex}.standing-bar i{width:calc(var(--ui) * 1.5);height:calc(var(--ui) * 3);background:var(--c-rockShadow);display:block}.standing-bar[data-tone=bone] i.on{background:var(--c-bone)}.standing-bar[data-tone=gold] i.on{background:var(--c-gold)}.standing-bar[data-tone=blood] i.on{background:var(--c-blood)}.target-actions{gap:var(--ui);display:flex}.target-actions[hidden]{display:none}.target-action{padding:var(--ui);min-width:var(--tap);min-height:var(--tap)}.target-action svg{width:calc(var(--ui) * 6);height:calc(var(--ui) * 6);display:block}.target-attack{color:var(--c-sandMid)}.target-marker[data-engaged=ja] .target-attack{color:var(--c-blood);border-color:var(--c-blood)}.target-trade:disabled{color:var(--c-rockMid)}.target-action[hidden]{display:none}.target-bribe{color:var(--c-gold)}.target-bribe:disabled{color:var(--c-rockMid)}.search-marker{align-items:center;gap:var(--ui);padding:calc(var(--ui) * 2) calc(var(--ui) * 3);color:var(--c-bone);background:var(--c-ink);border:var(--edge) solid var(--c-woodShadow);text-shadow:none;cursor:default;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-100%)}.search-marker[data-state=bereit]{border-color:var(--c-gold);cursor:pointer}.search-marker[data-blink=aus]{border-color:var(--c-woodShadow)}.search-glyph{width:calc(var(--ui) * 7);height:calc(var(--ui) * 7);display:block}.search-glyph svg{width:100%;height:100%;display:block}.search-bar{gap:1px;display:flex}.search-bar[hidden]{display:none}.search-bar i{width:var(--ui);height:var(--ui);background:var(--c-rockShadow);display:block}.search-bar[data-tone=bone] i.on{background:var(--c-bone)}.search-bar[data-tone=gold] i.on{background:var(--c-gold)}.search-label{font-size:calc(var(--ui) * 3);letter-spacing:1px;color:var(--c-sandMid)}.search-marker[data-state=bereit] .search-label{color:var(--c-gold)}.loot-tiles{grid-template-columns:repeat(auto-fit, minmax(calc(var(--ui) * 22), 1fr));gap:var(--gap);display:grid}.loot-tile{align-items:center;gap:calc(var(--ui) * .5);padding:calc(var(--ui) * 3) var(--ui);flex-direction:column;line-height:1.2}.loot-tile-icon{width:calc(var(--ui) * 10);height:calc(var(--ui) * 10)}.loot-tile-icon svg{width:100%;height:100%;display:block}.loot-tile-amount{color:var(--c-gold);font-size:calc(var(--ui) * 5)}.loot-tile-name{color:var(--c-sandMid);font-size:calc(var(--ui) * 3.2)}.loot-tile[data-state=leer]{border-color:var(--c-rockShadow);background:var(--c-ink);color:var(--c-rockMid)}.action-bar{margin-top:var(--ui)}.action[data-running=ja]{border-color:var(--c-gold);background:var(--c-woodMid)}.action[data-running=ja] .action-name{color:var(--c-gold)}@media (max-width:640px){.on-narrow{display:inline}.on-wide{display:none}.tab{font-size:calc(var(--ui) * 2.8);padding:calc(var(--ui) * 1.5) 1px}.hud-bar{gap:1px}.hud-bar i{width:var(--ui)}.toast{white-space:normal;text-align:center;width:80vw;font-size:calc(var(--ui) * 4)}.toasts{--toast-step:calc(var(--ui) * 14)}.panel{width:calc(100% - var(--gap) * 2);max-height:min(78dvh, calc(100dvh - var(--safe-t) - var(--safe-b) - var(--ui) * 40))}.station-crew{grid-template-columns:repeat(auto-fill, minmax(calc(var(--ring-u) * 20), 1fr));gap:calc(var(--ui) * 3) var(--ui)}.pirate-card[data-compact=ja]{background:0 0;border:0;align-items:center}.pirate-card[data-compact=ja] .card-rank,.pirate-card[data-compact=ja] .card-face,.pirate-card[data-compact=ja] .card-name,.pirate-card[data-compact=ja] .card-skills,.pirate-card[data-compact=ja] .card-condition,.pirate-card[data-compact=ja] .card-upkeep,.pirate-card[data-compact=ja] .card-foot-long{display:none}.pirate-card[data-compact=ja] .card-head{background:0 0;gap:0;padding:0}.pirate-card[data-compact=ja] .card-ring{--ring-u:3px;display:block}.pirate-card[data-compact=ja] .card-foot{justify-content:center;align-items:center;gap:var(--ui);padding:var(--ui) 0 0;font-size:calc(var(--ui) * 3.2);letter-spacing:0;background:0 0;display:flex}.pirate-card[data-compact=ja] .card-foot[data-tone=sand]{background:0 0}.pirate-card[data-compact=ja] .card-foot-short{display:inline}.pirate-card[data-compact=ja] .card-where{width:12px;height:12px;filter:var(--outline-svg);display:block}.pirate-card[data-compact=ja] .card-where[hidden]{display:none}.pirate-card[data-compact=ja][data-duty=hier] .card-ring[data-tone=bone] i.on{background:var(--c-gold)}.pirate-card[data-compact=ja][data-duty=anderswo] .card-ring i.on{background:var(--c-rockShadow)}.pirate-card[data-compact=ja][data-duty=anderswo] .card-foot{color:var(--c-rockShadow)}}@media (max-height:480px){.hud-alert{top:calc(var(--safe-t) + var(--gap) + var(--ui) * 12)}}.icon{flex:none;width:24px;height:24px;display:block}.icon svg{width:100%;height:100%;display:block}.icon[hidden]{display:none}.icon-big{width:36px;height:36px}.portrait{background-image:url(/sprites/crew/crew_atlas.png);background-repeat:no-repeat;background-size:192px 240px;background-position:calc(var(--col,0) * -32px) calc(var(--row,0) * -40px);width:32px;height:40px;image-rendering:pixelated;flex:none;display:block}.portrait[hidden]{display:none}.edge-mark{pointer-events:none;background:currentColor;position:absolute}.edge-mark[data-edge=top],.edge-mark[data-edge=bottom]{width:calc(var(--ui) * 16);height:calc(var(--ui) * 1)}.edge-mark[data-edge=left],.edge-mark[data-edge=right]{width:calc(var(--ui) * 1);height:calc(var(--ui) * 16)}.edge-mark[data-edge=top]{transform:translate(-50%)}.edge-mark[data-edge=bottom]{transform:translate(-50%,-100%)}.edge-mark[data-edge=left]{transform:translateY(-50%)}.edge-mark[data-edge=right]{transform:translate(-100%,-50%)}.edge-mark[data-tone=gold]{color:var(--c-gold)}.edge-mark[data-tone=blood]{color:var(--c-blood)}.edge-mark[data-tone=foamLight]{color:var(--c-foamLight)}.edge-mark[data-near="0"]{opacity:.2}.edge-mark[data-near="1"]{opacity:.4}.edge-mark[data-near="2"]{opacity:.6}.edge-mark[data-near="3"]{opacity:.8}.edge-mark[data-near="4"]{opacity:1}.status-rail{left:calc(var(--gap) + var(--safe-l));gap:var(--gap);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.status-tile{text-shadow:var(--outline);font-size:calc(var(--ui) * 2.8);flex-direction:column;align-items:center;gap:1px;display:flex}.status-ring{--ring-u:2px}.status-icon{width:12px;height:12px;filter:var(--outline-svg)}.status-note{color:var(--c-sandLight)}.status-tile:has(.status-ring[data-tone=gold]) .status-note{color:var(--c-gold)}.status-tile:has(.status-ring[data-tone=blood]) .status-note{color:var(--c-blood)}.ring{width:calc(var(--ring-u) * 20);height:calc(var(--ring-u) * 20);flex:none;display:block;position:relative}.ring[hidden]{display:none}.ring i{width:calc(var(--ring-u) * 2);height:calc(var(--ring-u) * 2);background:var(--c-rockShadow);display:block;position:absolute}.ring[data-tone=gold] i.on{background:var(--c-gold)}.ring[data-tone=bone] i.on{background:var(--c-bone)}.ring[data-tone=blood] i.on{background:var(--c-blood)}.status-ring[data-tone=gold] i{background:var(--c-woodShadow)}.status-ring[data-tone=blood] i{background:var(--c-bloodDark)}.ring>.icon,.ring>.portrait{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-bar{top:calc(var(--safe-t) + var(--gap));left:calc(var(--safe-l) + var(--gap));right:calc(var(--safe-r) + var(--gap));align-items:center;gap:0 calc(var(--ui) * 3);pointer-events:none;font-size:calc(var(--ui) * 4);letter-spacing:calc(var(--ui) * .15);color:var(--c-bone);text-shadow:1px 0 0 var(--c-ink), -1px 0 0 var(--c-ink), 0 1px 0 var(--c-ink), 0 -1px 0 var(--c-ink);grid-template-columns:1fr auto 1fr;line-height:1.4;display:grid;position:absolute}.top-bar[hidden]{display:none}.top-item{align-items:center;gap:calc(var(--ui) * 2);white-space:nowrap;display:flex}.top-item[data-kind=clock]{justify-self:start}.top-item[data-kind=gold]{justify-self:center}.top-item[data-kind=hull]{justify-self:end}.top-value{color:var(--c-bone)}.top-item[data-kind=clock] .top-value{color:var(--c-sandLight)}.top-item[data-kind=gold] .top-value{color:var(--c-gold)}.top-item[data-kind=hull] .top-value{text-align:right;min-width:3ch}.top-item[data-kind=gold] .top-value{min-width:4ch}@media (max-width:640px){.top-bar{gap:0 calc(var(--ui) * 1.5);font-size:min(calc(var(--ui) * 4), 3.4vw);letter-spacing:0}.top-item{gap:calc(var(--ui) * 1.5)}.top-bar .icon{width:12px;height:12px}.top-item[data-kind=hull] .hud-bar i{width:2px;height:calc(var(--ui) * 3)}}.speed{right:calc(var(--safe-r) + var(--gap));bottom:calc(var(--safe-b) + var(--gap));font-size:calc(var(--ui) * 4);letter-spacing:calc(var(--ui) * .15);white-space:nowrap;color:var(--c-bone);text-shadow:1px 0 0 var(--c-ink), -1px 0 0 var(--c-ink), 0 1px 0 var(--c-ink), 0 -1px 0 var(--c-ink);position:absolute}@media (max-width:560px){.speed{bottom:calc(var(--safe-b) + var(--gap) * 2 + var(--tap) + var(--ui) * 2)}}.pilot{left:calc(var(--safe-l) + var(--gap));right:calc(var(--safe-r) + var(--gap));bottom:calc(var(--safe-b) + var(--gap) + 40px + var(--ui) * 14);align-items:center;gap:calc(var(--ui) * 3);padding:calc(var(--ui) * 2) calc(var(--ui) * 3);background:var(--c-ink);border:var(--edge) solid var(--c-woodShadow);border-left:calc(var(--edge) * 3) solid var(--c-gold);font-size:calc(var(--ui) * 3.4);color:var(--c-sandLight);text-shadow:1px 1px 0 var(--c-ink);line-height:1.4;display:flex;position:absolute}.pilot[data-over=an]{bottom:calc(var(--safe-b) + var(--gap));z-index:3}.pilot[hidden]{display:none}.pilot-text{flex:1;min-width:0}.pilot-count{color:var(--c-sandMid);font-size:calc(var(--ui) * 3);letter-spacing:calc(var(--ui) * .3)}.pilot-title{color:var(--c-gold);font-size:calc(var(--ui) * 4.4);letter-spacing:calc(var(--ui) * .15)}.pilot-note{color:var(--c-sandMid)}.pilot-skip{pointer-events:auto;color:var(--c-sandMid);border-color:var(--c-woodShadow);font-size:calc(var(--ui) * 3.2);padding:0 calc(var(--ui) * 3);background:0 0;flex:none}[data-pilot-mark=an]{outline:calc(var(--edge) * 2) solid var(--c-gold);outline-offset:var(--ui);animation:.8s step-end infinite pilot-mark}@keyframes pilot-mark{0%,50%{outline-color:var(--c-gold)}51%,to{outline-color:#0000}}@media (prefers-reduced-motion:reduce){[data-pilot-mark=an]{animation:none}}.res-bar{left:calc(var(--safe-l) + var(--gap));right:calc(var(--safe-r) + var(--gap));bottom:calc(var(--safe-b) + var(--gap));justify-content:center;align-items:flex-end;gap:calc(var(--ui) * 3);pointer-events:none;font-size:calc(var(--ui) * 3.6);color:var(--c-bone);text-shadow:1px 0 0 var(--c-ink), -1px 0 0 var(--c-ink), 0 1px 0 var(--c-ink), 0 -1px 0 var(--c-ink);display:flex;position:absolute}.res-bar[hidden]{display:none}.res-slot{pointer-events:auto;min-width:var(--tap);min-height:var(--tap);outline:var(--edge) solid transparent;outline-offset:0;padding:var(--ui);color:inherit;font:inherit;text-shadow:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;grid-template-rows:40px auto auto;place-items:center;gap:2px;margin:0;display:grid}.res-value{white-space:nowrap}.res-slot[data-tone=gold] .res-value{color:var(--c-gold)}.res-slot[data-tone=blood] .res-value{color:var(--c-blood)}.res-slot[data-alert=warn],.res-slot[data-alert=critical]{outline-color:currentColor}.res-slot[data-alert=warn]{color:var(--c-gold);background:var(--c-woodShadow)}.res-slot[data-alert=critical]{color:var(--c-blood);background:var(--c-bloodDark)}.res-slot[data-alert=critical] .res-value{color:var(--c-bone)}.res-slot[data-flash=ja] .res-value{color:var(--c-gold)}.res-slot[data-flash=ja] .res-bar-fill i{background:var(--c-gold)}.res-bar-fill{gap:1px;display:flex}.res-bar-fill[hidden]{display:none}.res-bar-fill i{width:var(--ui);height:var(--ui);background:var(--c-rockShadow);display:block}.res-bar-fill[data-tone=bone] i.on{background:var(--c-bone)}.res-bar-fill[data-tone=gold] i.on{background:var(--c-gold)}.res-bar-fill[data-tone=blood] i.on{background:var(--c-blood)}.flights{pointer-events:none;position:absolute;inset:0;overflow:hidden}.flight{margin:-12px 0 0 -12px;animation:.55s steps(10,end) forwards loot-fly;position:absolute}@keyframes loot-fly{to{transform:translate(var(--dx,0), var(--dy,0))}}@media (prefers-reduced-motion:reduce){.flight{transform:translate(var(--dx,0), var(--dy,0));animation:.4s step-end forwards loot-hold}@keyframes loot-hold{0%,99%{visibility:visible}to{visibility:hidden}}}.screen-icon{width:48px;height:48px;margin:0 auto calc(var(--ui) * 2);color:var(--c-bone)}.screen-icon[hidden]{display:none}.dev-menu{width:min(94vw, calc(var(--ui) * 170))}.dev-menu .pane,.dev-menu .dev-section{background:var(--c-ink)}.dev-count{color:var(--c-sandMid);font-size:calc(var(--ui) * 3.2)}.dev-tools{gap:calc(var(--ui) * 2);margin-bottom:calc(var(--ui) * 2);align-items:center;display:flex}.dev-search{min-width:0;min-height:var(--tap);font:inherit;font-size:calc(var(--ui) * 4);color:var(--c-bone);background:var(--c-ink);border:var(--edge) solid var(--c-woodShadow);padding:0 calc(var(--ui) * 2);flex:1}.dev-search::placeholder{color:var(--c-rockMid)}.dev-reset-all,.dev-reload{font-size:calc(var(--ui) * 3.2);padding:0 calc(var(--ui) * 2)}.dev-body{gap:calc(var(--ui) * 2);flex-direction:column;display:flex}.dev-section{padding:0}.dev-section[hidden]{display:none}.dev-section-head{width:100%;min-height:calc(var(--ui) * 9);font-size:calc(var(--ui) * 3.4);color:var(--c-sandLight);background:0 0;border:0;justify-content:flex-start}.dev-section-head[data-open=ja],.dev-section-head[data-changed=ja]{color:var(--c-gold)}.dev-section-body[hidden]{display:none}.dev-row{grid-template-columns:1fr calc(var(--ui) * 22) calc(var(--ui) * 7);align-items:center;gap:calc(var(--ui) * 2);padding:0 calc(var(--ui) * 2) calc(var(--ui) * .5);display:grid}.dev-row[hidden]{display:none}.dev-row-label{font-size:calc(var(--ui) * 3.2);color:var(--c-sandMid);overflow-wrap:anywhere;line-height:1.3}.dev-row[data-changed=ja] .dev-row-label{color:var(--c-gold)}.dev-row-input{min-width:0;font:inherit;font-size:calc(var(--ui) * 3.4);color:var(--c-bone);background:var(--c-ink);border:var(--edge) solid var(--c-woodShadow);padding:calc(var(--ui) * .5) calc(var(--ui) * 1.5)}.dev-row[data-changed=ja] .dev-row-input{border-color:var(--c-gold);color:var(--c-gold)}.dev-row-reset{min-width:0;min-height:calc(var(--ui) * 6);font-size:calc(var(--ui) * 4);color:var(--c-gold);background:0 0;border:0;padding:0}.dev-row-reset[hidden]{display:none}.screen-box.screen-gold{border-color:var(--c-goldDark)}.screen-box.screen-gold .screen-title{color:var(--c-gold)}.port-panel[data-kind=haendler]{border-color:var(--c-gold)}.port-panel[data-kind=haendler] .panel-head{background:var(--c-goldDark)}.port-panel[data-kind=haendler] .panel-title,.port-panel[data-kind=haendler] .panel-head-note{color:var(--c-ink)}.port-panel[data-kind=tortuga]{border-color:var(--c-blood)}.port-panel[data-kind=tortuga] .panel-head{background:var(--c-bloodDark)}.port-panel[data-kind=tortuga] .panel-title{color:var(--c-bone)}.port-panel[data-kind=werft]{border-color:var(--c-foamLight)}.port-panel[data-kind=werft] .panel-head{background:var(--c-seaTeal)}.port-panel[data-kind=werft] .panel-title{color:var(--c-foam)}.port-panel[data-kind=haendler] .tab-bar,.port-panel[data-kind=haendler] .panel-actions{border-top-color:var(--c-goldDark)}.port-panel[data-kind=tortuga] .tab-bar,.port-panel[data-kind=tortuga] .panel-actions{border-top-color:var(--c-bloodDark)}.port-panel[data-kind=werft] .tab-bar,.port-panel[data-kind=werft] .panel-actions{border-top-color:var(--c-seaTeal)}.port-standing{padding:var(--ui) calc(var(--ui) * 2);border:var(--edge) solid var(--c-woodShadow);font-size:calc(var(--ui) * 3.2);letter-spacing:calc(var(--ui) * .15);color:var(--c-sandLight)}.port-standing[data-tone=gold]{color:var(--c-gold)}.port-standing[data-tone=blood]{color:var(--c-blood);border-color:var(--c-bloodDark)}.port-row{align-items:center;gap:calc(var(--ui) * 2);padding:var(--ui) calc(var(--ui) * 2);border:var(--edge) solid var(--c-woodShadow);display:flex}.port-row-text{flex-direction:column;flex:auto;min-width:0;display:flex}.port-row-name{color:var(--c-bone);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.port-row-amount{color:var(--c-sandMid);font-size:calc(var(--ui) * 3.2);white-space:nowrap}.port-row-price{align-items:center;gap:var(--ui);color:var(--c-gold);white-space:nowrap;display:inline-flex}.port-row-price[hidden]{display:none}.port-row-button{padding:0 calc(var(--ui) * 3);font-size:calc(var(--ui) * 3.2);flex:none}.port-careen{gap:var(--ui);padding:calc(var(--ui) * 2);border:var(--edge) solid var(--c-woodShadow);flex-direction:column;display:flex}.port-careen-head{justify-content:space-between;align-items:baseline;gap:var(--ui);display:flex}.port-careen .action{width:100%}.port-careen+.port-careen{margin-top:calc(var(--ui) * 2)}.port-careen[hidden]{display:none}.port-careen-head{flex-wrap:wrap}.port-careen .panel-note{margin:0}@media (max-width:640px){.port-row{flex-wrap:wrap}.port-row-price{margin-left:auto}.port-row-button{width:100%}}.ton-toggle{top:calc(var(--safe-t) + var(--ui) * 11);right:calc(var(--safe-r) + var(--ui) * 3);width:calc(var(--ui) * 11);height:calc(var(--ui) * 11);justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex;position:absolute}.ton-toggle[data-muted=ja]{background:var(--c-woodShadow);opacity:.75}.screen-mark{justify-content:center;align-items:center;gap:calc(var(--ui) * 2);margin-bottom:calc(var(--ui) * 2);display:flex}.screen-mark-name{color:var(--c-sandLight);font-size:calc(var(--ui) * 4.5);letter-spacing:calc(var(--ui) * .2)}.screen-mark[hidden]{display:none}.screen-mark-sigil{width:calc(var(--ui) * 22);height:calc(var(--ui) * 22);background:var(--c-sail);display:block}.screen-mark-sigil svg{width:100%;height:100%;display:block}.screen-line{justify-content:center;align-items:center;gap:calc(var(--ui) * 2);display:flex}.screen-line-sigil{width:calc(var(--ui) * 5);height:calc(var(--ui) * 5);background:var(--c-sail);flex:none;display:block}.screen-line-sigil svg{width:100%;height:100%;display:block}.screen-line-face{transform-origin:50%;margin:-10px -8px;transform:scale(.5)}.captain-panel{--cell:26px;--cols:12;max-height:min(90dvh, calc(100dvh - var(--safe-t) - var(--safe-b) - var(--ui) * 8))}.step-dots{justify-content:center;gap:calc(var(--ui) * 2);padding:calc(var(--ui) * 2) 0;background:var(--c-woodShadow);flex:none;display:flex}.step-dot{width:calc(var(--ui) * 6);height:calc(var(--ui) * 1.5);background:var(--c-rockDark);display:block}.step-dot[data-state=done]{background:var(--c-bone)}.step-dot[data-state=now]{background:var(--c-gold)}.step-pane{flex-direction:column;align-items:center;display:flex}.step-pane[hidden]{display:none}.step-note{margin:0 0 var(--gap);max-width:calc(var(--ui) * 110);text-align:center;text-wrap:balance;border-top:none;padding-top:0}.step-actions{align-items:stretch;gap:calc(var(--ui) * 2);flex-direction:column}.step-actions>*{flex:none}.step-reason{text-align:center;color:var(--c-gold);margin:0}.step-reason[hidden]{display:none}.step-buttons{justify-content:space-between;gap:var(--gap);display:flex}.step-buttons>.ui-button{flex:1 1 0}.step-buttons>.ui-button[hidden]{display:none}.summary-cards{justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.summary-card{justify-content:center;align-items:center;gap:calc(var(--ui) * 1.5);min-width:calc(var(--ui) * 26);min-height:var(--tap);padding:calc(var(--ui) * 2);font:inherit;color:var(--c-bone);background:var(--c-woodShadow);border:var(--edge) solid var(--c-woodMid);cursor:pointer;flex-direction:column;display:flex}.summary-card:active{background:var(--c-woodMid)}.summary-label{font-size:calc(var(--ui) * 3);color:var(--c-sand);letter-spacing:calc(var(--ui) * .2)}.summary-name{font-size:calc(var(--ui) * 4);color:var(--c-sandLight)}.summary-sigil{width:calc(var(--ui) * 14);height:calc(var(--ui) * 14);background:var(--c-sail);image-rendering:pixelated;display:block}.summary-sigil svg{width:100%;height:100%;display:block}.summary-sailbox{align-items:center;gap:calc(var(--ui) * 2);margin-top:var(--gap);flex-direction:column;display:flex}.summary-sailbox .panel-note{text-align:center;margin:0}.name-row{margin-bottom:var(--gap);flex:none;justify-content:center;display:flex}.name-input{width:calc(var(--cell) * var(--cols,12));min-height:var(--tap);padding:0 calc(var(--ui) * 2);font:inherit;font-size:calc(var(--ui) * 5);text-align:center;color:var(--c-bone);background:var(--c-ink);border:var(--edge) solid var(--c-woodMid);touch-action:manipulation}.name-input:focus{border-color:var(--c-gold);outline:none}.name-input::placeholder{color:var(--c-rock)}.sigil-stage{justify-content:center;align-items:flex-start;gap:var(--gap);flex-wrap:wrap;flex:none;max-width:100%;display:flex}.sigil-grid{grid-auto-rows:var(--cell);background:var(--c-rockDark);border:var(--edge) solid var(--c-woodMid);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;gap:1px;padding:1px;display:grid}.sigil-cell{background:var(--c-sail)}.sigil-preview-box{align-items:center;gap:calc(var(--ui) * 2);width:calc(var(--ui) * 30);flex-direction:column;display:flex}.sigil-preview-box .panel-note{text-align:center;border-top:none;margin:0;padding-top:0}.sigil-preview{width:calc(var(--ui) * 30);height:calc(var(--ui) * 30);background:var(--c-sail);border:var(--edge) solid var(--c-woodMid);image-rendering:pixelated;display:block}.sigil-preview svg{width:100%;height:100%;display:block}.sigil-swatches,.sigil-tools{justify-content:center;gap:var(--gap);margin-top:var(--gap);flex-wrap:wrap;flex:none;display:flex}.sigil-tools{flex-wrap:nowrap;align-self:stretch}.sigil-tools>.ui-button{flex:1 1 0;min-width:0;padding-left:0;padding-right:0}.swatch{width:var(--tap);height:var(--tap);border:var(--edge) solid var(--c-woodMid);cursor:pointer}.swatch[data-active=ja]{border-color:var(--c-gold);border-width:calc(var(--edge) * 2)}.swatch[data-empty=ja]{background:linear-gradient(to bottom right, transparent 45%, var(--c-blood) 45%, var(--c-blood) 55%, transparent 55%), linear-gradient(to bottom left, transparent 45%, var(--c-blood) 45%, var(--c-blood) 55%, transparent 55%), var(--c-sail)}.face-strip{align-self:stretch;gap:calc(var(--ui) * 2);margin-top:var(--gap);padding-bottom:calc(var(--ui) * 1);touch-action:pan-x;flex-wrap:nowrap;flex:none;display:flex;overflow-x:auto}.face-pick{padding:calc(var(--ui) * 1);min-width:var(--tap);min-height:var(--tap);border:var(--edge) solid transparent;cursor:pointer;background:0 0;flex:none;display:block}.face-pick[data-active=ja]{border-color:var(--c-gold);background:var(--c-woodShadow)}