@font-face{font-family:Pump Pixel;font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/pump-pixel.woff2) format("woff2")}:root{--navy-900: #031221;--navy-800: #061a2e;--navy-700: #0b2740;--navy-600: #123a58;--panel: rgba(6, 26, 46, .92);--chip: rgba(3, 18, 33, .8);--wood-900: #3a1f0c;--wood-700: #7a4316;--wood-500: #b8712a;--wood-300: #e0973c;--wood-100: #f2c06a;--brass-900: #4a3208;--brass-700: #8c6414;--brass-500: #c9971f;--brass-300: #e8bd3a;--brass-100: #f6dd7a;--sea-500: #1fb8c9;--sea-300: #5fe0e8;--red: #c8281e;--palm: #3aa53a;--pump: #5fcb88;--ink: #f4ecd8;--ink-dim: #a9b6c2;--good: #5fcb88;--accent: #5fcb88;--warn: #e8bd3a;--bad: #e2574c;--font-display: "IM Fell English SC", "IM Fell English", Georgia, serif;--font-label: "EB Garamond", Georgia, serif;--font-body: "EB Garamond", Georgia, serif;--font-chart: "IM Fell English", Georgia, serif;--font-pixel: "Pump Pixel", "Courier New", monospace;--font: var(--font-body);--display: var(--font-display);--px: 3;--ui: 1;--ease: cubic-bezier(.2, .7, .2, 1);--ps-hard: calc(1px * var(--px)) calc(1px * var(--px)) 0 var(--navy-900)}@media (max-width: 1919px){:root{--px: 2;--ui: .8}}@media (min-width: 2560px){:root{--px: 4;--ui: 1.33}}.ps-frame-wood,.ps-frame-brass,.ps-frame-wood-sm,.ps-frame-brass-sm{box-sizing:border-box;border-style:solid;border-color:transparent;image-rendering:pixelated;background-color:var(--panel);background-clip:padding-box}.ps-frame-wood,.ps-frame-brass{border-width:calc(8px * var(--px));border-image:url(/assets/brand/ui/frame-wood.png) 8 / calc(8px * var(--px)) repeat}.ps-frame-brass{border-image-source:url(/assets/brand/ui/frame-brass.png)}.ps-frame-wood-sm,.ps-frame-brass-sm{border-width:calc(4px * var(--px));border-image:url(/assets/brand/ui/frame-wood-sm.png) 4 / calc(4px * var(--px)) repeat}.ps-frame-brass-sm{border-image-source:url(/assets/brand/ui/frame-brass-sm.png)}.ps-art{background:var(--art) center / contain no-repeat;image-rendering:auto;filter:var(--art-fx, ) drop-shadow(calc(1px * var(--px)) calc(1px * var(--px)) 0 var(--navy-900))}.ps-art-round{clip-path:circle(50%)}html{font-variant-numeric:lining-nums tabular-nums}.ps-h1,.ps-h2,.ps-h3{font-family:var(--font-display);font-weight:400;margin:0;line-height:1.05}.ps-label{font-family:var(--font-label);text-transform:uppercase;margin:0;line-height:1.1}.ps-h1{font-size:48px;color:var(--brass-300);text-shadow:var(--ps-hard)}.ps-h2{font-size:32px;color:var(--brass-300);text-shadow:var(--ps-hard)}.ps-h3{font-size:24px;color:var(--brass-300);text-shadow:calc(2px * var(--px) / 3) calc(2px * var(--px) / 3) 0 var(--navy-900)}.ps-label{font-size:16px;font-weight:600;color:var(--ink-dim);letter-spacing:.08em}@media (max-width: 1919px){.ps-h1{font-size:32px}.ps-h2{font-size:24px}.ps-h3{font-size:16px}}@media (min-width: 2560px){.ps-h1{font-size:64px}.ps-h2{font-size:48px}.ps-h3{font-size:32px}.ps-label{font-size:24px}}.ps-body{font-family:var(--font-body);font-weight:600;font-size:calc(18px * var(--ui));color:var(--ink);line-height:1.3}.ps-dim{color:var(--ink-dim)}.ps-btn{box-sizing:border-box;border-style:solid;border-color:transparent;border-width:calc(4px * var(--px));border-image:url(/assets/brand/ui/frame-wood-sm.png) 4 / calc(4px * var(--px)) repeat;image-rendering:pixelated;background:var(--navy-700);background-clip:padding-box;color:var(--ink);font:700 16px var(--font-label);letter-spacing:.04em;text-transform:uppercase;padding:calc(3px * var(--px)) calc(6px * var(--px));min-height:calc(18px * var(--px));cursor:pointer;transition:filter 90ms var(--ease),transform 60ms var(--ease)}.ps-btn:hover:not(:disabled){filter:brightness(1.18);background-color:var(--navy-600)}.ps-btn:active:not(:disabled){transform:translateY(calc(1px * var(--px)));filter:brightness(.9)}.ps-btn:disabled{filter:grayscale(.7) brightness(.55);cursor:not-allowed}.ps-btn:focus-visible,.ps-input:focus-visible{outline:calc(2px * var(--px)) solid var(--sea-300);outline-offset:calc(1px * var(--px))}.ps-btn[aria-pressed=true]{border-image-source:url(/assets/brand/ui/frame-brass-sm.png);background-color:#1d2a1c}.ps-btn--primary{border-image-source:url(/assets/brand/ui/frame-brass-sm.png);background-color:var(--brass-500);color:var(--navy-900)}.ps-btn--primary:hover:not(:disabled){background-color:var(--brass-300);filter:none}.ps-btn small{text-transform:none;letter-spacing:0}.ps-btn--big{font-size:24px;min-height:calc(26px * var(--px))}@media (max-width: 1919px){.ps-btn--big{font-size:16px}}@media (min-width: 2560px){.ps-btn--big{font-size:32px}}.ps-kbd{display:inline-grid;place-items:center;box-sizing:border-box;min-width:calc(12px * var(--px));height:calc(12px * var(--px));padding:0 calc(1px * var(--px));border-style:solid;border-color:transparent;border-width:calc(2px * var(--px));border-image:url(/assets/brand/ui/frame-brass-sm.png) 4 / calc(2px * var(--px)) repeat;image-rendering:pixelated;background:var(--brass-500);background-clip:padding-box;box-shadow:var(--ps-hard);color:var(--navy-900);font:700 24px/1 var(--font-pixel);letter-spacing:0;text-shadow:none;vertical-align:middle;-webkit-font-smoothing:none}@media (max-width: 1919px){.ps-kbd{font-size:16px}}@media (min-width: 2560px){.ps-kbd{font-size:32px}}.ps-keys{display:inline-flex;align-items:center;gap:calc(1px * var(--px));vertical-align:middle}.ps-keys-sep{font:700 24px/1 var(--font-pixel);font-style:normal;color:var(--brass-300)}.ps-hold{font:400 24px/1 var(--font-pixel);font-style:normal;color:var(--brass-300);letter-spacing:0;text-shadow:var(--ps-hard);-webkit-font-smoothing:none}@media (max-width: 1919px){.ps-keys-sep,.ps-hold{font-size:16px}}@media (min-width: 2560px){.ps-keys-sep,.ps-hold{font-size:32px}}.ps-mouse{position:relative;display:inline-flex;height:calc(12px * var(--px));vertical-align:middle}.ps-mouse svg{height:100%;width:auto;shape-rendering:crispEdges}.ps-mouse .ps-m-body{fill:var(--brass-500)}.ps-mouse .ps-m-ink{fill:var(--navy-900)}.ps-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ps-input{box-sizing:border-box;width:100%;border-style:solid;border-color:transparent;border-width:calc(4px * var(--px));border-image:url(/assets/brand/ui/frame-wood-sm.png) 4 / calc(4px * var(--px)) repeat;image-rendering:pixelated;background:var(--navy-900);background-clip:padding-box;color:var(--ink);font:700 calc(22px * var(--ui)) var(--font-body);padding:calc(2px * var(--px)) calc(4px * var(--px));outline:none}.ps-input::placeholder{color:#5d6f7e}.ps-range{-webkit-appearance:none;appearance:none;width:100%;height:calc(6px * var(--px));background:var(--navy-900);border:calc(1px * var(--px)) solid var(--wood-900);box-sizing:border-box;cursor:pointer}.ps-range::-webkit-slider-thumb{-webkit-appearance:none;width:calc(6px * var(--px));height:calc(10px * var(--px));background:var(--brass-500);border:calc(1px * var(--px)) solid var(--brass-900);box-shadow:inset calc(1px * var(--px)) calc(1px * var(--px)) 0 var(--brass-100)}.ps-range::-moz-range-thumb{width:calc(6px * var(--px));height:calc(10px * var(--px));background:var(--brass-500);border:calc(1px * var(--px)) solid var(--brass-900);border-radius:0}.ps-range:focus-visible{outline:calc(2px * var(--px)) solid var(--sea-300)}.ps-wave{height:calc(6px * var(--px));background:url(/assets/brand/ui/wave.png) repeat-x left center / calc(16px * var(--px)) 100%;image-rendering:pixelated}.ps-scrim{position:fixed;inset:0;background:#0312218c}.ps-coin{display:inline-block;width:calc(9px * var(--px));height:calc(9px * var(--px));background:url(/assets/brand/ui/coin.png) center / 100% 100%;image-rendering:pixelated;vertical-align:middle}.ps-scroll{scrollbar-width:thin;scrollbar-color:var(--brass-500) var(--navy-900)}.ps-scroll::-webkit-scrollbar{width:calc(4px * var(--px))}.ps-scroll::-webkit-scrollbar-track{background:var(--navy-900)}.ps-scroll::-webkit-scrollbar-thumb{background:var(--brass-500);border:calc(1px * var(--px)) solid var(--navy-900)}.ps-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(6px * var(--px)) calc(10px * var(--px))}.ps-controls section h4{font:700 16px var(--font-label);color:var(--brass-300);margin:0 0 calc(2px * var(--px));text-transform:uppercase}@media (min-width: 2560px){.ps-controls section h4{font-size:24px}}.ps-controls .row{display:flex;align-items:center;justify-content:space-between;gap:calc(4px * var(--px));padding:calc(1px * var(--px)) 0;font:600 calc(17px * var(--ui)) var(--font-body);color:var(--ink)}.ps-controls .keys{display:flex;gap:calc(1px * var(--px));flex-shrink:0}@keyframes ps-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes ps-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes ps-pop{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}.ps-in{animation:ps-in .14s var(--ease) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.menu{--m-1: calc(1px * var(--px));--m-edge: calc(13px * var(--px));--m-gap: calc(5px * var(--px));--m-word-w: calc(112px * var(--px));--m-crew-w: calc(196px * var(--px));--m-deck-right: 37%;--m-thin: max(1, calc(var(--px) - 1));position:fixed;inset:0;font-family:var(--font-body);color:var(--ink)}.m-load{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:radial-gradient(ellipse 60% 55% at 50% 45%,var(--navy-800) 0%,var(--navy-900) 100%);transition:opacity .3s var(--ease)}.m-load--out{opacity:0;pointer-events:none}.m-load-col{display:flex;flex-direction:column;align-items:center;width:calc(189px * var(--px))}.m-load-logo{width:calc(72px * var(--px));height:auto;image-rendering:auto}.m-load-word{width:calc(160px * var(--px));height:auto;margin-top:calc(8px * var(--px));image-rendering:auto}@media (max-height: 820px){.m-load-logo{width:calc(56px * var(--px))}.m-load-word{width:calc(130px * var(--px))}}.m-bar{--cells: 0;position:relative;width:calc(189px * var(--px));height:calc(18px * var(--px));margin-top:calc(10px * var(--px));padding:var(--m-1) 0 var(--m-1) var(--m-1);background-color:var(--navy-900);background-image:repeating-linear-gradient(90deg,var(--navy-700) 0 calc(8px * var(--px)),transparent calc(8px * var(--px)) calc(9px * var(--px)));background-origin:content-box;background-clip:content-box}.m-bar i{display:block;height:100%;width:calc(var(--cells) * 9px * var(--px));background:linear-gradient(180deg,rgba(255,255,255,.28) 0 var(--m-1),transparent var(--m-1) calc(100% - var(--m-1)),rgba(3,18,33,.35) calc(100% - var(--m-1))),repeating-linear-gradient(90deg,var(--sea-500) 0 calc(8px * var(--px)),transparent calc(8px * var(--px)) calc(9px * var(--px)));transition:width .18s steps(3,end)}.m-load-row{width:100%;display:flex;justify-content:space-between;gap:calc(6px * var(--px));margin-top:calc(4px * var(--px));font:600 16px/1.2 var(--font-label);color:var(--brass-300);text-transform:uppercase;letter-spacing:0}.m-load-row #m-pct{color:var(--ink-dim)}.m-tip{margin:calc(10px * var(--px)) 0 0;min-height:1.3em;font:600 calc(18px * var(--ui)) / 1.3 var(--font-body);color:var(--ink-dim);text-align:center}.m-tip:before{content:"TIP";font:600 16px var(--font-label);color:var(--sea-300);margin-right:calc(3px * var(--px))}.m-tip--in{animation:ps-in .24s var(--ease) both}.m-load-foot{position:absolute;left:0;right:0;bottom:var(--m-edge);text-align:center;font:600 16px var(--font-label);color:var(--ink-dim);text-transform:uppercase;letter-spacing:0;opacity:.75}.m-title{position:absolute;inset:0}.menu--loading .m-title{visibility:hidden}.m-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse calc(var(--m-crew-w) * 1.05) 46% at calc(var(--m-edge) + var(--m-crew-w) * .45) 0%,#0312219e,#03122100 72%)}.m-shade-deck{position:absolute;left:0;right:var(--m-deck-right);bottom:0;height:60%;pointer-events:none;background:linear-gradient(to top,#031221b3 0,#0312214d 46%,#03122100);-webkit-mask-image:linear-gradient(to right,#000 62%,transparent 100%);mask-image:linear-gradient(to right,#000 62%,transparent 100%)}.m-stack{position:absolute;left:var(--m-edge);top:var(--m-edge);bottom:var(--m-edge);right:var(--m-deck-right);display:flex;flex-direction:column;align-items:flex-start;gap:calc(6px * var(--px));pointer-events:none}.m-stack>*{pointer-events:auto}.m-left{flex:0 1 auto;width:var(--m-crew-w);display:flex;flex-direction:column;align-items:flex-start;gap:calc(5px * var(--px));max-height:calc(100vh - 2 * var(--m-edge));min-height:0}.m-crew{min-height:0;overflow-y:auto;overscroll-behavior:contain}.m-crew .m-sail,.m-brand{flex:0 0 auto}.m-intro{flex:0 0 auto;width:100%}.m-word{display:block;width:var(--m-word-w);height:auto;image-rendering:auto;filter:drop-shadow(0 calc(2px * var(--px)) 0 rgba(3,18,33,.6))}.m-crew{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(4px * var(--px));padding:calc(4px * var(--px)) calc(5px * var(--px)) calc(5px * var(--px));box-shadow:0 calc(4px * var(--px)) 0 #03122173}.m-head{display:flex;align-items:center;gap:calc(3px * var(--px))}.m-head .ps-label{color:var(--wood-100);flex:0 0 auto}.m-head>i{flex:1 1 auto;height:var(--m-1);background:var(--wood-900);box-shadow:0 var(--m-1) 0 #f2c06a1f}.m-val{flex:0 0 auto;font:700 calc(18px * var(--ui)) / 1 var(--font-body);color:var(--brass-300);white-space:nowrap}.m-card[aria-pressed=true]:after,.m-swatch[aria-pressed=true]:after{content:"";position:absolute;left:50%;width:calc(6px * var(--px));height:calc(3px * var(--px));margin-left:calc(-3px * var(--px));background:var(--brass-300);clip-path:polygon(33.34% 0,66.67% 0,66.67% 33.34%,83.34% 33.34%,83.34% 66.67%,100% 66.67%,100% 100%,0 100%,0 66.67%,16.67% 66.67%,16.67% 33.34%,33.34% 33.34%);pointer-events:none}.m-pirates{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(3px * var(--px));padding-bottom:calc(4px * var(--px))}.m-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:calc(1px * var(--px));padding:calc(3px * var(--px)) calc(2px * var(--px));text-align:center;min-width:0;overflow:visible}.m-card b{font:400 28px/1 var(--font-display);letter-spacing:.01em;text-transform:none;color:var(--ink);white-space:nowrap;margin-bottom:calc(1px * var(--px))}.m-card span,.m-card small{text-transform:none;letter-spacing:0;-webkit-font-smoothing:auto;white-space:nowrap}.m-card span{font:700 calc(16px * var(--ui)) / 1.15 var(--font-body);color:var(--wood-100)}.m-card small{font:600 calc(15px * var(--ui)) / 1.15 var(--font-body);color:var(--ink-dim)}.m-card[aria-pressed=false]{background-color:#031221b3}.m-card[aria-pressed=false] b,.m-card[aria-pressed=false] span{color:var(--ink-dim)}.m-card[aria-pressed=true]{background-color:var(--navy-600)}.m-card[aria-pressed=true] b{color:var(--brass-300);text-shadow:var(--m-1) var(--m-1) 0 var(--navy-900)}.m-card[aria-pressed=true] small{color:var(--ink)}.m-card[aria-pressed=true]:after{top:calc(100% + 5px * var(--px))}.m-kit{display:flex;flex-direction:column;gap:calc(3px * var(--px))}.m-kit-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(4px * var(--px))}.m-kit-head .ps-label{color:var(--wood-100)}.m-outfits{display:flex;flex-wrap:wrap;gap:calc(3px * var(--px));padding-bottom:calc(4px * var(--px))}.m-swatch{position:relative;display:block;padding:0;border:0;background:none;cursor:pointer}.m-swatch i{display:block;box-sizing:border-box;width:calc(22px * var(--px));height:calc(14px * var(--px));border:solid transparent;border-width:calc(4px * var(--m-thin));border-image:url(/assets/brand/ui/frame-wood-sm.png) 4 / calc(4px * var(--m-thin)) repeat;background-clip:padding-box;box-shadow:inset 0 calc(-2px * var(--px)) 0 #0000004d,inset 0 var(--m-1) 0 #ffffff38;image-rendering:pixelated}.m-swatch:hover i{filter:brightness(1.15)}.m-swatch[aria-pressed=true] i{border-image-source:url(/assets/brand/ui/frame-brass-sm.png)}.m-swatch[aria-pressed=true]:after{top:calc(100% + 1px * var(--px))}.m-swatch:focus-visible{outline:calc(2px * var(--px)) solid var(--sea-300);outline-offset:var(--m-1)}.m-deck{position:relative;flex:0 0 auto;width:100%;margin-top:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(5px * var(--px));padding:calc(4px * var(--px)) calc(5px * var(--px)) calc(5px * var(--px));box-shadow:0 calc(4px * var(--px)) 0 #03122173}.m-deck-head{display:flex;align-items:center;gap:calc(6px * var(--px));min-width:0}.m-deck-title{flex:0 0 auto;display:flex;align-items:baseline;gap:calc(5px * var(--px))}.m-deck-title .ps-label{color:var(--wood-100)}.m-flag-name{font:400 32px/1 var(--font-display);color:var(--c, var(--brass-300));letter-spacing:0;text-transform:uppercase;text-shadow:calc(1px * var(--px)) calc(1px * var(--px)) 0 var(--navy-900)}.m-flag-note{flex:1 1 auto;margin:0;min-width:0;font:600 calc(19px * var(--ui)) / 1.2 var(--font-body);color:var(--ink);text-wrap:balance}.m-flag-note:before{content:"";display:inline-block;width:calc(5px * var(--px));height:calc(5px * var(--px));margin-right:calc(3px * var(--px));vertical-align:middle;background:var(--brass-500);clip-path:polygon(0 0,100% 50%,0 100%)}.m-pop{animation:ps-pop .2s var(--ease) both}.m-flags{display:grid;grid-template-columns:repeat(8,1fr);gap:calc(3px * var(--px))}.m-flag{position:relative;box-sizing:border-box;display:block;padding:0;border:solid transparent;border-width:calc(4px * var(--m-thin));border-image:url(/assets/brand/ui/frame-wood-sm.png) 4 / calc(4px * var(--m-thin)) repeat;background-color:var(--navy-900);background-clip:padding-box;image-rendering:pixelated;cursor:pointer;transition:transform 90ms var(--ease),box-shadow 90ms var(--ease)}.m-flag i{position:relative;display:block;aspect-ratio:4 / 3;background-position:center;background-size:cover;background-repeat:no-repeat;image-rendering:auto;box-shadow:inset calc(7px * var(--px)) 0 calc(7px * var(--px)) calc(-6px * var(--px)) #031221d9,inset 0 calc(-7px * var(--px)) calc(7px * var(--px)) calc(-6px * var(--px)) #031221b3;filter:saturate(.85) brightness(.88);transition:filter .12s var(--ease)}.m-flag i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(3px * var(--px));background:linear-gradient(90deg,var(--wood-700) 0 var(--m-1),var(--wood-900) var(--m-1) 100%);box-shadow:calc(1px * var(--px)) 0 calc(2px * var(--px)) #03122199}.m-flag b{display:block;padding:calc(3px * var(--px)) calc(2px * var(--px)) calc(2px * var(--px));font:600 16px/1 var(--font-label);color:var(--ink-dim);letter-spacing:0;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-flag:hover{transform:translateY(calc(-1px * var(--px)))}.m-flag:hover i{filter:none}.m-flag:hover b{color:var(--ink)}.m-flag[aria-pressed=true]{z-index:1;border-image-source:url(/assets/brand/ui/frame-brass-sm.png);transform:translateY(calc(-3px * var(--px))) scale(1.06);box-shadow:0 calc(4px * var(--px)) 0 #03122199}.m-flag[aria-pressed=true] i{filter:none;box-shadow:inset calc(7px * var(--px)) 0 calc(7px * var(--px)) calc(-6px * var(--px)) #0312218c}.m-flag[aria-pressed=true] b{background:var(--c);color:var(--navy-900)}.m-flag:focus-visible{outline:calc(2px * var(--px)) solid var(--sea-300);outline-offset:var(--m-1)}.m-launch{display:flex;align-items:flex-end;gap:calc(8px * var(--px))}.m-name{flex:0 1 calc(112px * var(--px));min-width:0;display:flex;flex-direction:column;gap:calc(2px * var(--px))}.m-name .ps-label{color:var(--wood-100)}.m-name-box{position:relative}.m-name-count{position:absolute;right:calc(5px * var(--px));top:50%;transform:translateY(-50%);font:600 16px/1 var(--font-label);color:var(--ink-dim);opacity:.7;pointer-events:none}.m-go{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:calc(2px * var(--px))}.m-picture{appearance:none;border:0;background:none;padding:0;margin:0;cursor:pointer;text-align:center;color:var(--ink-dim);font:calc(13px * var(--ui)) / 1.35 var(--font-body)}.m-picture b{display:block;font:600 calc(15px * var(--ui)) / 1.2 var(--font-body);color:var(--ink);letter-spacing:.02em}.m-picture span{display:block;opacity:.85}.m-picture:hover b,.m-picture:focus-visible b{color:var(--brass-300)}.m-picture--auto b{color:var(--brass-300)}.m-picture:disabled{cursor:default;opacity:.7}.m-status{min-height:1.2em;font:600 calc(16px * var(--ui)) / 1.2 var(--font-body);color:var(--ink-dim);text-align:center}.m-status--ready{color:var(--good)}.m-status--ready:before{content:"";display:inline-block;width:calc(2px * var(--px));height:calc(2px * var(--px));margin-right:calc(2px * var(--px));vertical-align:middle;background:var(--good)}.ps-btn--big.m-sail{width:100%;font-size:32px;min-height:calc(30px * var(--px));letter-spacing:.125em}.m-sail:disabled{cursor:wait}.m-sail{display:flex;align-items:center;justify-content:center;gap:calc(6px * var(--px))}.m-sail:before,.m-sail:after{content:"";width:calc(3px * var(--px));height:calc(5px * var(--px));background:var(--navy-900);clip-path:polygon(0 0,33.34% 0,33.34% 20%,66.67% 20%,66.67% 40%,100% 40%,100% 60%,66.67% 60%,66.67% 80%,33.34% 80%,33.34% 100%,0 100%)}.m-sail:after{transform:scaleX(-1)}.m-corner{position:absolute;right:var(--m-edge);bottom:var(--m-edge);display:flex;align-items:center;padding:calc(2px * var(--px)) calc(2px * var(--px)) calc(2px * var(--px)) calc(5px * var(--px));gap:calc(5px * var(--px));background-color:var(--panel)}.m-chip{font:600 16px var(--font-label);color:var(--ink-dim);text-transform:uppercase;letter-spacing:0;white-space:nowrap}.m-controls-btn{display:flex;align-items:center;gap:calc(3px * var(--px));padding:calc(2px * var(--px)) calc(4px * var(--px)) calc(2px * var(--px)) calc(3px * var(--px));border:0;border-left:var(--m-1) solid var(--wood-900);background:transparent;color:var(--ink);font:600 16px var(--font-label);letter-spacing:0;text-transform:uppercase;cursor:pointer}.m-controls-btn:hover{background:var(--navy-600);color:var(--brass-300)}.m-controls-btn:focus-visible{outline:calc(2px * var(--px)) solid var(--sea-300);outline-offset:var(--m-1)}.m-modal{position:absolute;inset:0;z-index:5;display:grid;place-items:center}.m-modal[hidden]{display:none}.m-modal-scrim{position:absolute}.m-modal-box{position:relative;width:calc(390px * var(--px));max-width:calc(100vw - 2 * var(--m-edge));max-height:calc(100vh - 2 * var(--m-edge));display:flex;flex-direction:column;gap:calc(4px * var(--px));padding:calc(6px * var(--px)) calc(8px * var(--px)) calc(8px * var(--px));animation:ps-in .14s var(--ease) both}.m-modal-head{display:flex;align-items:center;justify-content:space-between;gap:calc(6px * var(--px))}.m-modal-close{display:flex;align-items:center;gap:calc(3px * var(--px));padding-left:calc(3px * var(--px))}.m-modal-note{flex:1 1 auto;margin:0;font:600 calc(16px * var(--ui)) var(--font-body);color:var(--ink-dim)}.m-modal-body{overflow-y:auto;min-height:0;padding-top:calc(2px * var(--px))}.m-modal-body .ps-controls{grid-template-columns:repeat(3,1fr);column-gap:calc(12px * var(--px))}.m-modal-box{background-color:var(--navy-900)}@media (max-width: 1919px){.menu{--m-crew-w: 390px;--m-word-w: 196px}.m-card small,.m-pill-txt small{display:none}.m-flag b{font:700 calc(15px * var(--ui)) / 1.2 var(--font-body);letter-spacing:.03em;-webkit-font-smoothing:auto}.m-card b{font-size:16px}.m-flag-name,.ps-btn--big.m-sail{font-size:24px}}@media (min-width: 1500px) and (max-width: 1919px){.menu{--m-crew-w: 430px;--m-word-w: 250px}}@media (min-width: 1920px) and (max-height: 1040px){.menu{--px: 2;--m-crew-w: calc(254px * var(--px));--m-word-w: calc(140px * var(--px))}}@media (min-width: 2560px) and (max-height: 1400px){.menu{--px: 3}}@media (max-height: 800px){.m-brand{display:none}}@media (max-height: 760px){.m-intro{display:none}}@media (min-width: 2560px){.m-head .ps-label,.m-kit-head .ps-label,.m-deck-title .ps-label,.m-name .ps-label,.m-chip,.m-controls-btn,.m-load-row,.m-load-foot,.m-tip:before,.m-flag b,.m-name-count{font-size:24px}.m-card b{font-size:32px}.m-pill-txt small{display:none}.m-flag-name,.ps-btn--big.m-sail{font-size:48px}}@media (min-width: 2560px) and (max-height: 1400px){.m-card b{font-size:24px}}.gate{position:fixed;inset:0;overflow-y:auto;display:flex;background:radial-gradient(ellipse 90% 60% at 50% 38%,var(--navy-800) 0%,var(--navy-900) 100%);color:var(--ink);-webkit-user-select:none;user-select:none}.gate-col{box-sizing:border-box;width:100%;max-width:420px;margin:auto;padding:20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.gate-logo{width:min(112px,17vh);height:auto;image-rendering:auto}.gate-word{width:min(240px,70%,36vh);height:auto;margin-top:6px;image-rendering:auto}.gate-h{margin-top:20px}.gate-body{margin:12px 0 0;font:600 18px/1.35 var(--font-body);color:var(--ink)}.gate-url{width:100%;margin-top:16px;padding:10px 12px;font:700 17px/1.25 var(--font-body);color:var(--brass-100);word-break:break-all;-webkit-user-select:text;user-select:text}.gate-companion{width:100%;margin-top:18px}.gate-copy{width:100%;margin-top:10px}.hud{--m: calc(8px * var(--px));--gap: calc(3px * var(--px));--cw: 640px;--hpw: 320px;--ch: 32px;--panel-w: calc(340px * var(--ui));--hard: calc(.67px * var(--px)) calc(.67px * var(--px)) 0 var(--navy-900);--glow: 0 0 calc(4px * var(--px)) rgba(3, 18, 33, .85);position:fixed;inset:0;pointer-events:none;font-family:var(--font-body);color:var(--ink)}@media (max-width: 1919px){.hud{--cw: 520px;--hpw: 260px;--ch: 28px}}@media (min-width: 2560px){.hud{--cw: 840px;--hpw: 420px;--ch: 44px}}.hud [hidden]{display:none!important}.hud .ps-kbd{flex-shrink:0}.hud-title{font:700 16px var(--font-label);color:var(--brass-300);letter-spacing:0;text-transform:uppercase;line-height:1.1}@media (min-width: 2560px){.hud-title{font-size:24px}}.hud-compass{position:absolute;top:var(--m);left:calc(50% - var(--cw) / 2 - 4px * var(--px));width:var(--cw);height:var(--ch);box-sizing:content-box;background-color:var(--chip)}.hud-compass .strip{position:absolute;inset:0;overflow:hidden}.hud-compass .roll{position:absolute;inset:0;will-change:transform}.hud-compass .card{position:absolute;top:calc(50% - 15px);width:60px;margin-left:-30px;text-align:center;font:700 24px/28px var(--font-label);color:var(--ink);text-shadow:var(--ps-hard)}.hud-compass .card.ic{top:calc(50% - 11px);font-size:16px;line-height:20px;color:var(--ink-dim);font-weight:400}@media (max-width: 1919px){.hud-compass .card{font-size:16px;line-height:20px;top:calc(50% - 11px)}}@media (min-width: 2560px){.hud-compass .card{font-size:32px;line-height:36px;top:calc(50% - 19px)}.hud-compass .card.ic{font-size:24px;line-height:28px;top:calc(50% - 15px)}}.hud-compass .card.n{color:var(--brass-300)}.hud-compass .tick{position:absolute;bottom:0;width:calc(1px * var(--px));margin-left:calc(-.5px * var(--px));height:calc(2px * var(--px));background:#f4ecd866}.hud-compass .tick.mid{height:calc(3px * var(--px));background:#f4ecd899}.hud-compass .pip{position:absolute;top:0;width:calc(1px * var(--px));margin-left:calc(-.5px * var(--px));height:calc(3px * var(--px))}.hud-compass .needle{position:absolute;left:calc(50% - .5px * var(--px));top:calc(-1px * var(--px));bottom:calc(-1px * var(--px));width:calc(1px * var(--px));background:linear-gradient(var(--red) 0 calc(4px * var(--px)),transparent 0 calc(100% - 4px * var(--px)),var(--red) 0)}.hud-marks{position:absolute;top:calc(var(--m) + 8px * var(--px) + var(--ch) + 1px * var(--px));left:calc(50% - var(--cw) / 2);width:var(--cw);height:0}.hud-marks .mk{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap}.hud-marks .mk i{width:calc(1px * var(--px));height:calc(2px * var(--px))}.hud-marks .mk span{font:700 calc(14px * var(--ui))/1.2 var(--font-body);letter-spacing:.02em;background:var(--chip);padding:0 calc(2px * var(--px));text-shadow:var(--hard)}.hud-tr{position:absolute;top:var(--m);right:var(--m);display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap)}.hud-gold{display:flex;align-items:center;gap:calc(3px * var(--px));padding:calc(1px * var(--px)) calc(4px * var(--px)) calc(1px * var(--px)) calc(3px * var(--px));background-color:var(--chip)}.hud-gold .g{display:flex;flex-direction:column;align-items:flex-end;font:700 calc(16px * var(--ui))/1.15 var(--font-body);color:var(--ink-dim)}.hud-gold b{font:700 24px/26px var(--font-label);color:var(--brass-300);text-shadow:var(--ps-hard);margin-right:.2em}.hud-gold small{display:block;font:600 calc(13px * var(--ui))/1.2 var(--font-body);color:var(--ink-dim)}@media (max-width: 1919px){.hud-gold b{font-size:16px;line-height:20px}}@media (min-width: 2560px){.hud-gold b{font-size:32px;line-height:34px}}.hud-orders{width:var(--panel-w);padding:calc(1px * var(--px)) calc(3px * var(--px)) calc(1.5px * var(--px))}.hud-orders .hud-title{margin-bottom:calc(1px * var(--px))}.hud-orders .row{display:flex;gap:calc(2px * var(--px));font:600 calc(15px * var(--ui))/1.22 var(--font-body);color:var(--ink);padding:calc(.5px * var(--px)) 0}.hud-orders .row .m{flex:0 0 .9em;text-align:center;color:var(--ink-dim)}.hud-orders .row.next{color:var(--brass-300);font-weight:700}.hud-orders .row.next .m{color:var(--brass-300)}.hud-orders .row.done{color:var(--ink-dim);text-decoration:line-through;text-decoration-color:#a9b6c299}.hud-orders .row.done .m{color:var(--good);text-decoration:none}.hud-orders .row.past{opacity:.7}.hud-orders .row.past>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-cross{position:absolute;left:calc(50% - 1px * var(--px));top:calc(50% - 1px * var(--px));width:calc(2px * var(--px));height:calc(2px * var(--px));background:#fff;box-shadow:0 0 0 calc(1px * var(--px)) #031221bf}.hud-reload{position:absolute;left:calc(50% - 8px * var(--px));top:calc(50% + 5px * var(--px));width:calc(16px * var(--px));height:calc(2px * var(--px));background:#0312218c;box-shadow:0 0 0 calc(1px * var(--px)) #031221bf}.hud-reload i{display:block;height:100%;width:0;background:var(--brass-300)}.hud-hurt{position:absolute;inset:0;box-shadow:inset 0 0 180px #be1810e6;opacity:0}.hud-hurt.on{animation:hud-hurt .7s ease-out}@keyframes hud-hurt{0%{opacity:1}to{opacity:0}}.hud-hp,.hud-ship .bar{box-sizing:content-box;border-width:calc(2px * var(--px));border-image:url(/assets/brand/ui/frame-wood-sm.png) 4 / calc(2px * var(--px)) repeat;background-color:var(--navy-900)}.hud-hp{position:absolute;bottom:calc(var(--m) + 2px * var(--px));left:calc(50% - var(--hpw) / 2 - 2px * var(--px));width:var(--hpw);height:calc(3px * var(--px));transition:opacity .6s}.hud-hp i,.hud-ship .bar i{display:block;height:100%;width:100%;transition:width .25s}.hud-hp i{background:var(--good);box-shadow:inset 0 calc(1px * var(--px)) 0 #ffffff40}.hud-hp.low i{background:var(--bad)}.hud-hp.full{opacity:.35}.hud-prompt{position:absolute;left:0;right:0;top:76%;display:flex;justify-content:center}.hud-prompt .t{font:700 calc(22px * var(--ui))/1.2 var(--font-body);color:var(--ink);letter-spacing:.01em;white-space:nowrap}.hud-prompt .p-key{display:flex;align-items:center;gap:calc(3px * var(--px))}.hud-prompt .p-key .t{text-shadow:var(--hard),var(--glow)}.hud-prompt .p-chip{background-color:var(--chip);padding:0 calc(4px * var(--px))}.hud-prompt .p-rows{display:flex;align-items:center;gap:calc(3px * var(--px));padding:calc(2px * var(--px)) calc(4px * var(--px))}.hud-prompt .p-list{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:calc(3px * var(--px));row-gap:calc(1px * var(--px))}.hud-prompt .p-r-k{justify-self:end;display:flex;align-items:center}.hud-prompt .p-wide{grid-column:1 / -1}.hud-prompt .p-rows .t{text-shadow:var(--hard)}.hud-center{position:absolute;left:10%;right:10%;top:34%;text-align:center;font:700 48px/1.15 var(--font-body);color:var(--brass-300);text-shadow:calc(1px * var(--px)) calc(1px * var(--px)) 0 var(--navy-900),var(--glow);text-wrap:balance}.hud-center.long{max-width:1100px;margin:0 auto;font:700 calc(40px * var(--ui))/1.2 var(--font-body);color:var(--brass-100);letter-spacing:.01em;text-shadow:var(--hard),var(--glow),0 0 calc(8px * var(--px)) rgba(3,18,33,.8)}.hud-center small{display:block;margin-top:calc(2px * var(--px));font:700 calc(22px * var(--ui))/1.25 var(--font-body);color:var(--ink);text-shadow:var(--hard),var(--glow)}.hud-center.pop{animation:ps-pop .16s var(--ease) both}@media (max-width: 1919px){.hud-center:not(.long){font-size:32px}}@media (min-width: 2560px){.hud-center:not(.long){font-size:64px}.hud-center.long{max-width:1460px}}.hud-feed{position:absolute;left:var(--m);top:var(--m);display:flex;flex-direction:column;align-items:flex-start;gap:calc(1px * var(--px));max-width:calc(420px * var(--ui))}.hud-feed div{background:#03122185;border-left:calc(2px * var(--px)) solid var(--accent);padding:calc(.5px * var(--px)) calc(3px * var(--px)) calc(.5px * var(--px)) calc(2.5px * var(--px));font:600 calc(16px * var(--ui))/1.25 var(--font-body);color:var(--ink);text-shadow:var(--hard);animation:ps-slide .16s var(--ease) both,hud-fade 7.2s linear forwards}@keyframes hud-fade{0%,86%{opacity:1}to{opacity:0}}.hud-bl{position:absolute;left:var(--m);bottom:var(--m);display:flex;flex-direction:column-reverse;align-items:flex-start;gap:var(--gap)}.hud-ship{width:var(--panel-w);padding:calc(1px * var(--px)) calc(3px * var(--px)) calc(2px * var(--px))}.hud-ship .head{display:flex;align-items:baseline;gap:calc(3px * var(--px));margin-bottom:calc(1px * var(--px))}.hud-ship .head .name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 calc(18px * var(--ui))/1.15 var(--font-body);color:var(--brass-300);text-shadow:var(--hard)}.hud-ship .kn{flex:none;margin-left:auto;font:700 calc(22px * var(--ui))/1 var(--font-body);color:var(--ink);white-space:nowrap}.hud-ship .kn small{font-size:calc(15px * var(--ui));color:var(--ink-dim)}.hud-ship .row{display:flex;align-items:center;justify-content:space-between;gap:calc(3px * var(--px));font:600 calc(16px * var(--ui))/1.35 var(--font-body)}.hud-ship .row>span:first-child{color:var(--ink-dim)}.hud-ship .row.bad>span{color:var(--bad)}.hud-ship .row.water{margin-top:calc(1px * var(--px))}.hud-ship .bar{flex:1;height:calc(3px * var(--px));background:repeating-linear-gradient(90deg,var(--navy-700) 0 calc(7px * var(--px)),var(--navy-900) 0 calc(8px * var(--px)))}.hud-ship .bar i{background:var(--sea-500)}.hud-ship .bar.bad i{background:var(--red)}.hud-chat{width:calc(460px * var(--ui))}.hud-chat .ps-input{pointer-events:auto}.hud-chat .ps-input:focus,.hud-chat .ps-input:focus-visible{outline:none;border-image-source:url(/assets/brand/ui/frame-brass-sm.png)}.hud-chat-hint,.hud-hint{display:flex;align-items:center;gap:calc(2px * var(--px));font:600 calc(15px * var(--ui))/1 var(--font-body);color:var(--ink-dim);text-shadow:var(--hard)}.hud-chat-hint{margin-top:calc(2px * var(--px));width:max-content;background:var(--chip);padding:calc(1px * var(--px)) calc(3px * var(--px)) calc(1px * var(--px)) calc(1px * var(--px))}.hud-chat-hint .dot,.hud-hint .dot{margin:0 calc(1px * var(--px))}.hud-hint{position:absolute;right:var(--m);bottom:var(--m);background:var(--chip);padding:calc(1px * var(--px)) calc(3px * var(--px)) calc(1px * var(--px)) calc(1px * var(--px))}.hud-board{position:absolute;top:18%;z-index:4;left:calc(50% - 260px * var(--ui));width:calc(520px * var(--ui));padding:calc(2px * var(--px)) calc(5px * var(--px)) calc(3px * var(--px));animation:ps-in .14s var(--ease) both}.hud-board-title{font:700 24px/1.1 var(--font-label);color:var(--brass-300);text-align:center;text-transform:uppercase;letter-spacing:0}.hud-board .ps-wave{margin:calc(2px * var(--px)) 0 calc(2px * var(--px))}.hud-board .row{display:grid;grid-template-columns:calc(9px * var(--px)) calc(12px * var(--px)) 1fr auto;align-items:center;gap:calc(3px * var(--px));padding:calc(1px * var(--px)) 0;border-bottom:1px solid rgba(244,236,216,.08);font:700 calc(20px * var(--ui))/1.3 var(--font-body);color:var(--ink)}.hud-board .row:last-child{border-bottom:0}.hud-board .rank{font:600 16px/1 var(--font-label);color:var(--ink-dim);text-align:right}.hud-board .flag{display:block;width:calc(12px * var(--px));height:calc(6px * var(--px));object-fit:cover;background:var(--navy-900);box-shadow:0 0 0 calc(.5px * var(--px)) var(--navy-900)}.hud-board .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-board .g{color:var(--brass-300);white-space:nowrap}.hud-board .row.me .name,.hud-board .row.me .rank{color:var(--good)}.hud-board .empty{font:600 calc(18px * var(--ui))/1.4 var(--font-body);color:var(--ink-dim);text-align:center;padding:calc(2px * var(--px)) 0}@media (max-width: 1919px){.hud-board-title{font-size:16px}}@media (min-width: 2560px){.hud-board-title{font-size:32px}.hud-board .rank{font-size:24px}}.hud-lost{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}.hud-lost .ps-scrim{background:#031221b3}.hud-lost-card{position:relative;pointer-events:auto;box-sizing:border-box;width:calc(480px * var(--ui));padding:calc(4px * var(--px)) calc(6px * var(--px)) calc(5px * var(--px));display:flex;flex-direction:column;align-items:center;gap:calc(4px * var(--px));text-align:center}.hud-lost-card img{width:calc(96px * var(--ui));height:auto;image-rendering:auto}.hud-lost-title{font:700 24px/1.1 var(--font-label);color:var(--brass-300);text-transform:uppercase;letter-spacing:0}.hud-lost-card p{margin:0;font:600 calc(18px * var(--ui))/1.35 var(--font-body);color:var(--ink)}.hud-lost-note{color:var(--brass-300)}.hud-lost-card .ps-btn{width:100%}.hud-lost-card .ps-btn:focus,.hud-lost-card .ps-btn:focus-visible{outline:none}.hud-lost-card .ps-btn--primary:focus{background-color:var(--brass-300)}@media (max-width: 1919px){.hud-lost-title{font-size:16px}}@media (min-width: 2560px){.hud-lost-title{font-size:32px}}.hud-gfx{position:absolute;right:calc(12px * var(--px));bottom:calc(12px * var(--px));display:flex;flex-direction:column;gap:calc(2px * var(--px));padding:calc(6px * var(--px)) calc(8px * var(--px));max-width:calc(130px * var(--px));pointer-events:auto}.hud-gfx b{font:700 calc(15px * var(--ui)) var(--font-body);color:var(--ink)}.hud-gfx span{font:600 calc(13px * var(--ui)) var(--font-body);color:var(--ink-dim)}.hud-gfx .ps-btn{margin-top:calc(3px * var(--px))}.pause{position:fixed;inset:0;z-index:30;display:grid;place-items:center;pointer-events:auto;font-family:var(--font-body);--pause-w: 520px;--pause-controls-w: 1040px;--pause-settings-w: 640px;--pause-phone-w: 760px;--pause-mark: 300px}.pause[hidden]{display:none}.pause>.ps-scrim{background:radial-gradient(ellipse 70% 80% at 50% 50%,#03122180,#031221db)}.pause-panel{position:relative;width:var(--pause-w);max-height:calc(100vh - 12px * var(--px));overflow-y:auto;padding:calc(8px * var(--px)) calc(10px * var(--px))}.pause-panel[data-pane=controls]{width:var(--pause-controls-w)}.pause-panel[data-pane=settings]{width:var(--pause-settings-w)}.pause-panel[data-pane=phone]{width:var(--pause-phone-w)}.pause-pane{display:flex;flex-direction:column;gap:calc(6px * var(--px))}.pause-pane[hidden]{display:none}.pause p{margin:0}.pause-mark{display:block;width:var(--pause-mark);margin:calc(2px * var(--px)) auto 0;image-rendering:auto;user-select:none}.pause-sub{text-align:center;color:var(--sea-300)}.pause-list{display:flex;flex-direction:column;gap:calc(4px * var(--px));margin-top:calc(2px * var(--px))}.pause .ps-btn{position:relative}.pause-list>.ps-btn{width:100%}.pause-list>.ps-btn:not(.ps-btn--primary){background-color:var(--navy-800)}.pause-list>.ps-btn:not(.ps-btn--primary):hover{background-color:var(--navy-600)}.pause-list>.ps-btn:focus:before,.pause-list>.ps-btn:focus:after{--u: calc(1px * var(--px));content:"";position:absolute;top:calc(50% - 4 * var(--u));width:calc(4 * var(--u));height:calc(7 * var(--u));background:var(--brass-300)}.pause-list>.ps-btn:focus:before{left:calc(-12 * var(--u));clip-path:polygon(0 0,calc(1 * var(--u)) 0,calc(1 * var(--u)) calc(1 * var(--u)),calc(2 * var(--u)) calc(1 * var(--u)),calc(2 * var(--u)) calc(2 * var(--u)),calc(3 * var(--u)) calc(2 * var(--u)),calc(3 * var(--u)) calc(3 * var(--u)),calc(4 * var(--u)) calc(3 * var(--u)),calc(4 * var(--u)) calc(4 * var(--u)),calc(3 * var(--u)) calc(4 * var(--u)),calc(3 * var(--u)) calc(5 * var(--u)),calc(2 * var(--u)) calc(5 * var(--u)),calc(2 * var(--u)) calc(6 * var(--u)),calc(1 * var(--u)) calc(6 * var(--u)),calc(1 * var(--u)) calc(7 * var(--u)),0 calc(7 * var(--u)))}.pause-list>.ps-btn:focus:after{right:calc(-12 * var(--u));clip-path:polygon(calc(4 * var(--u)) 0,calc(3 * var(--u)) 0,calc(3 * var(--u)) calc(1 * var(--u)),calc(2 * var(--u)) calc(1 * var(--u)),calc(2 * var(--u)) calc(2 * var(--u)),calc(1 * var(--u)) calc(2 * var(--u)),calc(1 * var(--u)) calc(3 * var(--u)),0 calc(3 * var(--u)),0 calc(4 * var(--u)),calc(1 * var(--u)) calc(4 * var(--u)),calc(1 * var(--u)) calc(5 * var(--u)),calc(2 * var(--u)) calc(5 * var(--u)),calc(2 * var(--u)) calc(6 * var(--u)),calc(3 * var(--u)) calc(6 * var(--u)),calc(3 * var(--u)) calc(7 * var(--u)),calc(4 * var(--u)) calc(7 * var(--u)))}.pause .ps-btn:focus{outline:none}.pause .ps-btn:not(.ps-btn--primary):focus{background-color:var(--navy-600);border-image-source:url(/assets/brand/ui/frame-brass-sm.png);color:var(--brass-100)}.pause .ps-btn--primary:focus{background-color:var(--brass-300)}.pause-retry{text-align:center;font:700 calc(17px * var(--ui)) var(--font-body);color:var(--warn)}.pause-confirm[hidden]{display:none}.pause-confirm{display:flex;flex-direction:column;gap:calc(4px * var(--px));padding:calc(4px * var(--px));background-color:var(--navy-900)}.pause-confirm>p{text-align:center;font:600 calc(19px * var(--ui)) var(--font-body);color:var(--ink)}.pause-yesno{display:grid;grid-template-columns:1fr 1fr;gap:calc(4px * var(--px))}.pause-danger{background-color:#5a1a14}.pause .pause-danger:focus{background-color:var(--red);color:var(--ink)}.pause-foot{text-align:center;font:600 calc(15px * var(--ui)) var(--font-body);color:var(--ink-dim);margin-top:calc(1px * var(--px))!important}.pause-head{display:flex;align-items:center;justify-content:space-between;gap:calc(6px * var(--px));padding-top:calc(1px * var(--px))}.pause-esc{display:flex;align-items:center;gap:calc(3px * var(--px));font:600 calc(16px * var(--ui)) var(--font-body);color:var(--ink-dim)}.pause-note{flex:1 1 auto;font:600 calc(16px * var(--ui)) var(--font-body);color:var(--ink-dim)}.pause-row{display:flex;justify-content:space-between;gap:calc(4px * var(--px));margin-top:calc(2px * var(--px))}.pause-row .ps-btn{min-width:calc(60px * var(--px))}.pause-controls .ps-controls{grid-template-columns:repeat(3,1fr);padding:calc(2px * var(--px)) 0}.pause-controls{background-color:var(--navy-900)}.pause-group{grid-column:1 / -1;font:700 16px var(--font-label);color:var(--brass-300);text-transform:uppercase;margin:calc(2px * var(--px)) 0 calc(-2px * var(--px))}.pause-group~.pause-group{margin-top:calc(5px * var(--px))}.pause-set{display:grid;grid-template-columns:max-content 1fr calc(20px * var(--px));align-items:center;gap:calc(5px * var(--px)) calc(8px * var(--px))}.pause-set label{font:600 calc(19px * var(--ui)) var(--font-body);color:var(--ink)}.pause-set output{font:700 16px var(--font-label);color:var(--brass-300);text-align:right}.pause-set .ps-range{height:calc(8px * var(--px));border:calc(1px * var(--px)) solid var(--wood-700);background:linear-gradient(to right,var(--sea-500) var(--fill, 0%),var(--navy-900) var(--fill, 0%))}.pause-set .ps-range:focus{outline:none;border-color:var(--brass-300)}.pause-set label:has(+.ps-range:focus){color:var(--brass-300)}.pause-set .ps-range::-webkit-slider-thumb{height:calc(12px * var(--px))}@media (max-width: 1919px){.pause{--pause-w: 400px;--pause-controls-w: 800px;--pause-settings-w: 500px;--pause-phone-w: 620px;--pause-mark: 220px}}@media (min-width: 2560px){.pause{--pause-w: 700px;--pause-controls-w: 1400px;--pause-settings-w: 860px;--pause-phone-w: 880px;--pause-mark: 400px}}.pause-gfx{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(3px * var(--px))}.pause-gfx-btn{display:flex;flex-direction:column;align-items:flex-start;gap:calc(1px * var(--px));text-align:left;padding:calc(5px * var(--px)) calc(7px * var(--px))}.pause-gfx-btn b{font:700 calc(16px * var(--ui)) var(--font-body)}.pause-gfx-btn span{font:500 calc(15px * var(--ui)) var(--font-body);color:var(--ink-dim);white-space:normal;line-height:1.2;text-transform:none;letter-spacing:0}.pause-gfx-btn.on,.tx-btn.on{border-image-source:url(/assets/brand/ui/frame-brass-sm.png);background-color:var(--navy-600);box-shadow:inset 0 0 0 calc(1px * var(--px)) var(--brass-500)}.pause-gfx-btn.on b,.tx-btn.on b{color:var(--brass-100)}.pause-gfx-btn.on span,.tx-btn.on span{color:var(--ink)}.pause-gfx-btn:disabled{opacity:.45}.pause-gfx-auto{grid-column:1 / -1;display:flex;align-items:center;gap:calc(4px * var(--px));font:600 calc(13px * var(--ui)) var(--font-body);color:var(--ink-dim)}.pause-gfx-note{grid-column:1 / -1;margin:0;font:600 calc(12px * var(--ui)) var(--font-body);color:var(--ink-dim);opacity:.8}.tx-set{grid-column:1 / -1;display:flex;flex-direction:column;gap:calc(3px * var(--px));margin-top:calc(3px * var(--px))}.tx-label{font:600 calc(19px * var(--ui)) var(--font-body);color:var(--ink)}.tx-row{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(3px * var(--px))}.tx-btn{display:flex;flex-direction:column;align-items:flex-start;gap:calc(1px * var(--px));text-align:left;padding:calc(5px * var(--px)) calc(7px * var(--px))}.tx-btn b{font:700 calc(16px * var(--ui)) var(--font-body)}.tx-btn span{font:500 calc(15px * var(--ui)) var(--font-body);color:var(--ink-dim);white-space:normal;line-height:1.2;text-transform:none;letter-spacing:0}.tx-btn:disabled{opacity:.45}.tx-foot{display:flex;align-items:center;justify-content:space-between;gap:calc(4px * var(--px))}.tx-note{margin:0;font:600 calc(12px * var(--ui)) var(--font-body);color:var(--ink-dim);opacity:.8}.tx-reload{flex:none;padding:calc(3px * var(--px)) calc(8px * var(--px))}html,body{margin:0;font-synthesis:none;height:100%;overflow:hidden;background:var(--navy-900);color:var(--ink);font-family:var(--font-body)}canvas{display:block}#app{position:fixed;inset:0}#ui{position:fixed;inset:0;pointer-events:none;user-select:none}:where(#ui)>*{pointer-events:auto}button,input{font-family:var(--font-body)}.load-root{z-index:30}.load-root .m-load{overflow:hidden}.load-root--out .m-load{opacity:0;pointer-events:none}.load-root--out{pointer-events:none}.load-bob{animation:load-bob 2.8s steps(1,end) infinite;will-change:transform}@keyframes load-bob{0%,to{transform:translateY(0)}12.5%{transform:translateY(calc(-1px * var(--px)))}25%{transform:translateY(calc(-2px * var(--px)))}37.5%{transform:translateY(calc(-3px * var(--px)))}50%{transform:translateY(calc(-3px * var(--px)))}62.5%{transform:translateY(calc(-2px * var(--px)))}75%{transform:translateY(calc(-1px * var(--px)))}87.5%{transform:translateY(0)}}.m-bar i{position:relative;overflow:hidden}.load-glint{position:absolute;top:0;bottom:0;left:0;width:calc(18px * var(--px));background:linear-gradient(90deg,transparent 0 calc(3px * var(--px)),rgba(255,255,255,.28) calc(3px * var(--px)) calc(6px * var(--px)),rgba(255,255,255,.5) calc(6px * var(--px)) calc(12px * var(--px)),rgba(255,255,255,.28) calc(12px * var(--px)) calc(15px * var(--px)),transparent calc(15px * var(--px)));animation:load-glint 2.2s steps(40,end) infinite;will-change:transform}@keyframes load-glint{0%{transform:translate(calc(-18px * var(--px)))}80%,to{transform:translate(calc(189px * var(--px)))}}.load-next{position:absolute;top:var(--m-1);left:calc(var(--m-1) + var(--cells) * 9px * var(--px));width:calc(8px * var(--px));height:calc(8px * var(--px));background:var(--sea-300);animation:load-blink .9s steps(1,end) infinite;will-change:opacity}.load-bar--full .load-next{display:none}@keyframes load-blink{0%,to{opacity:.1}50%{opacity:.65}}.load-tips{position:relative;display:grid;min-height:2.6em}.load-tip{grid-area:1 / 1;margin:0;opacity:0;will-change:opacity,transform}.load-tip:before{content:"TIP";font:600 16px var(--font-label);color:var(--sea-300);margin-right:calc(3px * var(--px))}.m-tip.load-tips:before{content:none}@media (prefers-reduced-motion: reduce){.load-tip:first-child{opacity:1}}.load-steps{width:100%;margin-top:calc(9px * var(--px));padding-top:calc(6px * var(--px));border-top:calc(1px * var(--px)) solid rgba(232,189,58,.22);text-align:center}.load-steps-head{display:block;color:var(--brass-300);margin-bottom:calc(4px * var(--px))}.load-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(3px * var(--px)) calc(8px * var(--px));text-align:left}.load-steps li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(3px * var(--px));font:600 calc(16px * var(--ui)) / 1.15 var(--font-body);color:var(--ink)}.load-num{display:grid;place-items:center;width:calc(10px * var(--px));height:calc(10px * var(--px));background:var(--navy-700);box-shadow:inset 0 0 0 calc(1px * var(--px)) var(--brass-500);color:var(--brass-300);font:600 16px/1 var(--font-label)}.load-sea{position:absolute;left:0;right:0;bottom:0;height:calc(12px * var(--px));pointer-events:none}.load-deep{position:absolute;left:0;right:0;bottom:0;height:calc(6px * var(--px));background:var(--navy-700)}.load-wave{position:absolute;left:0;bottom:calc(4px * var(--px));width:calc(100% + 16px * var(--px));height:calc(6px * var(--px));background:url(/assets/brand/ui/wave.png) repeat-x left bottom / calc(16px * var(--px)) 100%;image-rendering:pixelated;animation:load-waves 1.6s steps(16,end) infinite;will-change:transform}.load-wave--back{bottom:calc(6px * var(--px));opacity:.35;animation-duration:2.6s;animation-direction:reverse}@keyframes load-waves{0%{transform:translate(0)}to{transform:translate(calc(-16px * var(--px)))}}.load-ship{position:absolute;left:0;bottom:calc(6px * var(--px));width:calc(26px * var(--px));height:calc(19px * var(--px));animation:load-sail 46s steps(640,end) infinite;will-change:transform}.load-ship-art{display:block;width:100%;height:100%;animation:load-pitch 1.8s steps(1,end) infinite;will-change:transform}@keyframes load-sail{0%{transform:translate(calc(-30px * var(--px)))}to{transform:translate(100vw)}}@keyframes load-pitch{0%,to{transform:translateY(0)}25%{transform:translateY(calc(1px * var(--px)))}50%{transform:translateY(calc(2px * var(--px)))}75%{transform:translateY(calc(1px * var(--px)))}}.load-root .m-load-foot{bottom:calc(var(--m-edge) + 6px * var(--px))}@media (max-height: 820px){.load-steps{margin-top:calc(6px * var(--px));padding-top:calc(4px * var(--px))}}.load-pitch{margin:calc(6px * var(--px)) 0 0;max-width:calc(189px * var(--px));font:600 calc(19px * var(--ui)) / 1.3 var(--font-body);color:var(--ink);text-align:center}@media (max-height: 820px){.load-pitch{margin-top:calc(4px * var(--px));font-size:calc(17px * var(--ui))}}