@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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)format("woff2"),url(./pixelify-sans-cyrillic-400-normal-DfOZNMlW.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./pixelify-sans-latin-ext-400-normal-DdH6zlBQ.woff2)format("woff2"),url(./pixelify-sans-latin-ext-400-normal-BkfTUL4s.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./pixelify-sans-latin-400-normal-DLrIX9QE.woff2)format("woff2"),url(./pixelify-sans-latin-400-normal-JapMNN6Z.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(data:font/woff2;base64,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)format("woff2"),url(./pixelify-sans-cyrillic-700-normal-BrZTw8tu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-ext-700-normal-ClyJstAh.woff2)format("woff2"),url(./pixelify-sans-latin-ext-700-normal-BadXkHzZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./pixelify-sans-latin-700-normal-D3Xxx3QE.woff2)format("woff2"),url(./pixelify-sans-latin-700-normal-BctWAS0u.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--vh:1vh;--ink:#0d0b1a;--night:#171428;--indigo:#221d3a;--violet:#3b3566;--lilac:#6a5f9e;--mist:#b3a8d4;--cream:#e9e2c7;--paper:#fff3c4;--amber:#ffd27a;--fire:#f39a3a;--ember:#d4552f;--blood:#a3302f;--teal:#3c8a84;--sea:#1f5a5d;--moss:#6ea34a;--rose:#ff5a8a;--orchid:#b066c8;--px:3px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);color:var(--cream);background:var(--night);font-synthesis:none;-webkit-font-smoothing:none;font-smooth:never;font-family:Pixelify Sans,monospace}*{box-sizing:border-box}html,body,#app{background:var(--night);overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:300px}#app{position:relative}#game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none;display:block;position:absolute;inset:0}.hidden{display:none!important}.px-icon{width:24px;height:24px;image-rendering:pixelated;display:block}kbd{min-width:22px;font:inherit;color:var(--ink);background:var(--cream);box-shadow:0 3px 0 var(--lilac), 0 0 0 2px var(--ink), 0 3px 0 2px var(--ink);text-align:center;margin:0 2px;padding:1px 6px 3px;font-size:13px;display:inline-block}.plate,.panel,.card,.btn,.icon-btn,.skill-slot{box-shadow:inset 0 0 0 2px var(--violet), inset 0 2px 0 2px #b3a8d42e, 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), 0 6px 0 0 #0d0b1a73;background:#171428e0;position:relative}#hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud-tl{top:calc(14px + var(--safe-t));left:calc(14px + var(--safe-l));position:absolute}.hull-cluster{align-items:center;gap:8px;padding:7px 8px;display:flex}.hull-icon{width:30px;height:30px}.meters{flex-direction:column;gap:5px;width:clamp(130px,22vw,210px);display:flex}.meter{background:var(--ink);height:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #2e2850}.meter-fill{transform-origin:0;background:linear-gradient(var(--moss) 0 50%, #3f7a3c 50% 100%);width:calc(100% - 4px);transition:width 90ms steps(3,end);position:absolute;inset:2px auto 2px 2px}.meter-ghost{background:var(--paper);opacity:.8;z-index:0;width:calc(100% - 4px);transition:width .5s steps(6,end) .2s;position:absolute;inset:2px auto 2px 2px}.hull-meter .meter-fill{z-index:1}.hull-meter.low .meter-fill{background:linear-gradient(var(--ember) 0 50%, var(--blood) 50% 100%);animation:.5s steps(2,end) infinite blink}.meter-text{z-index:2;color:var(--paper);text-shadow:1px 1px 0 var(--ink), -1px 1px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink);font-variant-numeric:tabular-nums;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;inset:0}.xp-meter{height:9px}.xp-meter .meter-fill{background:linear-gradient(var(--amber) 0 50%, var(--fire) 50% 100%);width:0}.level-badge{background:var(--amber);width:42px;height:42px;color:var(--ink);box-shadow:inset 0 -4px 0 var(--fire), 0 0 0 3px var(--ink);place-items:center;line-height:.9;display:grid}.level-badge span{font-size:10px}.level-badge strong{font-size:20px}.hud-tc{top:calc(14px + var(--safe-t));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wave-plate{text-align:center;min-width:170px;padding:5px 16px 7px}.wave-line{color:var(--paper);letter-spacing:1px;font-size:20px;line-height:1.2}.wave-label,.wave-of{color:var(--mist);font-size:13px}.wave-name{color:var(--amber);white-space:nowrap;margin-top:2px;font-size:12px}.wave-progress{background:var(--ink);height:5px;margin-top:4px}.wave-progress-fill{background:var(--rose);width:0;height:100%;transition:width .12s steps(4,end)}.boss-bar{text-align:center;width:min(520px,70vw)}.boss-name{color:var(--orchid);text-shadow:2px 2px 0 var(--ink);letter-spacing:2px;margin-bottom:3px;font-size:14px}.boss-meter{height:14px;box-shadow:inset 0 0 0 2px var(--orchid), 0 0 0 3px var(--ink)}.boss-meter .meter-fill{background:linear-gradient(var(--rose) 0 50%, #8a2848 50% 100%)}.hud-tr{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));align-items:flex-start;gap:10px;display:flex;position:absolute}.score-plate,.time-plate{height:40px;color:var(--paper);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 10px;font-size:18px;display:flex}.score-plate strong{text-align:right;min-width:5ch}.time-plate strong{text-align:center;min-width:5ch}.icon-btn{cursor:pointer;pointer-events:auto;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-btn:hover,.icon-btn:focus-visible{background:var(--violet);outline:none}.icon-btn:active{transform:translateY(2px)}.hud-bl{left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));flex-wrap:wrap;gap:6px;max-width:min(46vw,420px);display:flex;position:absolute}.tray-item{width:34px;height:34px;box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 2px var(--ink);background:#171428d9;place-items:center;display:grid;position:relative}.tray-item.movement{box-shadow:inset 0 0 0 2px var(--teal), 0 0 0 2px var(--ink)}.tray-item.passive{box-shadow:inset 0 0 0 2px var(--moss), 0 0 0 2px var(--ink)}.tray-item.relic{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink), 0 0 0 4px #ffd27a59}.tray-item.module{box-shadow:inset 0 0 0 2px #86c2b2, 0 0 0 2px var(--ink), 0 0 0 4px #86c2b259}.tray-item.projectile{box-shadow:inset 0 0 0 2px var(--fire), 0 0 0 2px var(--ink)}.tray-item .lvl{background:var(--ink);color:var(--amber);padding:0 3px;font-size:10px;position:absolute;bottom:-5px;right:-4px}.tray-item.pop{animation:.35s steps(4,end) pop}.skill-slot{right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));pointer-events:auto;cursor:pointer;touch-action:none;width:76px;height:76px;color:var(--cream);font:inherit;box-shadow:inset 0 0 0 3px var(--teal), 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);border:0;place-items:center;padding:0;display:grid;position:absolute}.skill-slot.ready{animation:1.2s steps(2,end) infinite ready-glow}.skill-icon{z-index:1;width:40px;height:40px}.skill-cd{background:conic-gradient(#0d0b1ac7 var(--cd,0%), transparent 0);z-index:2;position:absolute;inset:3px}.skill-key{z-index:3;color:var(--mist);white-space:nowrap;text-shadow:1px 1px 0 var(--ink);font-size:11px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.skill-name{color:var(--l,#86c2b2);white-space:nowrap;text-shadow:2px 2px 0 var(--ink);font-size:13px;position:absolute;bottom:6px;right:calc(100% + 12px)}.banner{text-align:center;pointer-events:none;opacity:0;white-space:nowrap;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}.banner.show{animation:2.4s steps(24,end) forwards banner}.banner .b-kicker{letter-spacing:4px;color:var(--mist);text-shadow:2px 2px 0 var(--ink);font-size:14px;display:block}.banner .b-title{color:var(--paper);text-shadow:3px 3px 0 var(--ember), 6px 6px 0 var(--ink);font-size:clamp(30px,6vw,56px);line-height:1;display:block}.banner.boss .b-title{color:var(--rose);text-shadow:3px 3px 0 #8a2848, 6px 6px 0 var(--ink)}body.modal .banner{display:none}#damage-vignette{pointer-events:none;z-index:4;opacity:0;background:radial-gradient(#0000 55%,#a3302f8c 100%);transition:opacity .3s steps(3,end);position:absolute;inset:0}#offscreen{pointer-events:none;z-index:4;position:absolute;inset:0}.off-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:14px solid var(--rose);width:0;height:0;filter:drop-shadow(2px 2px 0 var(--ink));transform-origin:50%;position:absolute}.off-arrow.boss{border-bottom-color:var(--orchid);border-bottom-width:20px;border-left-width:12px;border-right-width:12px}.off-arrow.goal{border-bottom-color:var(--amber);border-bottom-width:17px;border-left-width:10px;border-right-width:10px}#touch-zone{z-index:3;touch-action:none;width:62%;height:72%;display:none;position:absolute;bottom:0;left:0}body.touch #touch-zone,body.coarse #touch-zone{display:block}body.touch .skill-key,body.coarse .skill-key{display:none}body.touch .skill-slot,body.coarse .skill-slot{width:92px;height:92px;right:calc(22px + var(--safe-r));bottom:calc(26px + var(--safe-b))}body.touch .hud-bl,body.coarse .hud-bl{bottom:auto;top:calc(72px + var(--safe-t));max-height:calc(calc(100 * var(--vh)) - 230px - var(--safe-t) - var(--safe-b));flex-flow:column wrap;align-content:flex-start;gap:4px;max-width:none}body.touch .hud-bl .tray-item,body.coarse .hud-bl .tray-item{width:26px;height:26px}body.touch .hud-bl .px-icon,body.coarse .hud-bl .px-icon{width:20px;height:20px}#stick-base{opacity:.55;background:#17142859;border-radius:50%;width:116px;height:116px;position:absolute;top:calc(100% - 130px);left:90px;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #b3a8d459}#stick-base.active{opacity:1}#stick-knob{background:var(--cream);width:48px;height:48px;box-shadow:inset 0 -5px 0 var(--lilac), 0 0 0 3px var(--ink);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-hint{left:34px;bottom:calc(22px + var(--safe-b));color:var(--mist);opacity:.7;text-shadow:1px 1px 0 var(--ink);font-size:11px;position:absolute}body.playing-long .touch-hint{display:none}.screen{z-index:10;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));place-items:center;display:none;position:absolute;inset:0;overflow-y:auto}.screen.visible{display:grid}#screen-levelup,#screen-muster,#screen-chart,#screen-debrief,#screen-port,#screen-event,#screen-refit,#screen-pause,#screen-over,#screen-victory{background:#0d0b1a8c repeating-linear-gradient(0deg,#0d0b1a59 0 3px,#0000 3px 6px)}.title-wrap{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:720px;display:flex}.logo h1{letter-spacing:2px;color:var(--paper);text-shadow:0 4px 0 var(--amber), 0 8px 0 var(--fire), 0 12px 0 var(--ember), 4px 16px 0 var(--ink), -4px 16px 0 var(--ink), 0 18px 0 var(--ink);margin:0;font-size:clamp(46px,11vw,112px);font-weight:700;line-height:.95}.logo-small{letter-spacing:5px;color:var(--mist);text-shadow:2px 2px 0 var(--ink);margin-bottom:10px;font-size:clamp(11px,2.4vw,15px);display:block}.tagline{color:var(--cream);text-shadow:2px 2px 0 var(--ink);margin:12px 0 0;font-size:clamp(14px,2.6vw,18px);line-height:1.45}.btn{font:inherit;letter-spacing:2px;min-width:220px;min-height:48px;color:var(--cream);cursor:pointer;pointer-events:auto;border:0;padding:12px 26px 14px;font-size:20px}.btn.primary{background:var(--ember);color:var(--paper);box-shadow:inset 0 -5px 0 var(--blood), inset 0 3px 0 var(--fire), 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), 0 7px 0 0 #0d0b1a80}.btn:hover:not(:disabled),.btn:focus-visible{filter:brightness(1.15);outline:none}.btn:active:not(:disabled){transform:translateY(3px)}.btn:disabled{background:var(--violet);color:var(--mist);cursor:progress;box-shadow:0 0 0 3px var(--ink)}.controls-legend{color:var(--mist);text-shadow:1px 1px 0 var(--ink);font-size:14px}.legend-desktop{flex-wrap:wrap;justify-content:center;gap:10px 22px;display:flex}.legend-touch,body.coarse .legend-desktop{display:none}body.coarse .legend-touch{display:block}.best{color:var(--amber);min-height:1em;text-shadow:1px 1px 0 var(--ink);font-size:13px}.panel{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(520px,100%);padding:22px 26px 26px;display:flex}.panel h2,.levelup-head h2{color:var(--paper);text-shadow:3px 3px 0 var(--ember), 6px 6px 0 var(--ink);margin:0;font-size:clamp(30px,6vw,44px);line-height:1}.panel.wreck h2{color:var(--rose);text-shadow:3px 3px 0 #8a2848, 6px 6px 0 var(--ink)}.kicker{letter-spacing:4px;color:var(--mist);font-size:13px}.cause{color:var(--amber);margin:0;font-size:15px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.stat{background:var(--ink);padding:6px 4px 8px;box-shadow:inset 0 0 0 2px #2e2850}.stat span{color:var(--mist);font-size:11px;display:block}.stat strong{color:var(--paper);font-variant-numeric:tabular-nums;font-size:20px}.build-list{flex-wrap:wrap;justify-content:center;gap:6px;min-height:34px;display:flex}.levelup-wrap{flex-direction:column;align-items:center;gap:18px;width:min(900px,100%);display:flex}.levelup-head{text-align:center}.levelup-head h2{font-size:clamp(22px,4.4vw,36px)}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;display:grid}.card{font:inherit;color:var(--cream);cursor:pointer;text-align:center;border:0;flex-direction:column;align-items:center;gap:8px;min-height:210px;padding:16px 14px 18px;animation:.35s steps(5,end) backwards card-in;display:flex}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card:focus-visible{background:#3b3566f2;outline:none;transform:translateY(-5px)}@media (hover:hover){.card:hover{background:#3b3566f2;outline:none;transform:translateY(-5px)}}.card .cat{letter-spacing:3px;color:var(--ink);padding:2px 8px;font-size:11px}.card.projectile .cat{background:var(--fire)}.card.movement .cat{background:#86c2b2}.card.passive .cat{background:var(--moss)}.card .card-icon{width:60px;height:60px;image-rendering:pixelated;background:var(--ink);box-sizing:content-box;padding:6px;box-shadow:inset 0 0 0 2px #2e2850}.card h3{color:var(--paper);margin:2px 0 0;font-size:20px;line-height:1.05}.card .lvl-pips{gap:3px;display:flex}.card .pip{background:var(--indigo);width:10px;height:6px;box-shadow:0 0 0 1px var(--ink)}.card .pip.on{background:var(--amber)}.card .pip.new{background:var(--paper);animation:.4s steps(2,end) infinite blink}.card p{color:var(--cream);margin:0;font-size:14px;line-height:1.35}.card .key{color:var(--mist);margin-top:auto;font-size:12px}.levelup-foot{color:var(--mist);font-size:13px}body.coarse .levelup-foot,body.coarse .card .key{display:none}@keyframes blink{50%{opacity:.45}}@keyframes pop{0%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes ready-glow{50%{box-shadow:inset 0 0 0 3px #86c2b2, 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,-30%)}12%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}@keyframes card-in{0%{opacity:0;transform:translateY(24px)}}.hull-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card.hull-card{gap:6px;min-height:0;animation:none}.card.hull-card ul{color:var(--cream);margin:0;padding:0;font-size:12px;line-height:1.35;list-style:none}.card.hull-card.selected{box-shadow:inset 0 0 0 3px var(--amber), 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);background:#3b3566f2}.card.hull-card.locked .card-icon,.card.hull-card.locked h3,.card.hull-card.locked ul{opacity:.55}.unlock-btn{font:inherit;letter-spacing:1px;min-height:32px;color:var(--ink);background:var(--amber);cursor:pointer;border:0;padding:6px 8px;font-size:11px;display:inline-block}.unlock-btn.short{background:var(--lilac);cursor:default}.tide-row{gap:8px;display:flex}.tide-btn{font:inherit;width:48px;height:48px;color:var(--paper);background:var(--ink);box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 2px var(--ink);cursor:pointer;border:0;font-size:18px}.tide-btn.selected{box-shadow:inset 0 0 0 3px var(--rose), 0 0 0 2px var(--ink);color:var(--rose)}.tide-btn:disabled{opacity:.35;cursor:default}.tide-text{color:var(--amber);text-align:center;max-width:640px;margin:0;font-size:13px;line-height:1.4}.relic-unlocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.relic-unlock{box-shadow:inset 0 0 0 2px #2e2850, 0 0 0 2px var(--ink);background:#0d0b1ae0;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:grid}.relic-unlock .px-icon{width:24px;height:24px}.relic-unlock strong{color:var(--paper);font-size:14px;font-weight:400;display:block}.relic-unlock span{color:var(--mist)}.relic-unlock em{letter-spacing:1px;color:var(--moss);font-size:10px;font-style:normal}.muster-actions{bottom:calc(-16px - var(--safe-b));z-index:2;width:calc(100% + 32px);margin:0 -16px calc(-16px - var(--safe-b));padding:10px 16px calc(12px + var(--safe-b));box-shadow:0 -3px 0 var(--ink), 0 -5px 0 #6a5f9e73;background:#0d0b1af0;flex-direction:column;align-items:center;gap:8px;display:flex;position:sticky}.muster-buttons{justify-content:center;gap:14px;width:min(520px,100%);display:flex}.muster-pick{letter-spacing:2px;color:var(--amber);text-transform:uppercase;font-size:12px}.muster-rank{text-align:center;max-width:620px;color:var(--mist);margin:0;font-size:12px;line-height:1.5}.renown-total{color:var(--amber)!important}.rank-up{text-align:center;color:var(--ink);background:var(--amber);padding:6px 10px;font-size:13px;line-height:1.4}.rank-line{text-align:center;color:var(--mist);font-size:12px}.renown-bank{text-align:center;color:var(--amber);font-size:13px}.debrief-wrap{flex-direction:column;align-items:center;gap:14px;width:min(900px,100%);display:flex}.debrief-summary{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.debrief-summary .chip,.omen-row .chip,.event-purse .chip.omen{color:var(--paper);background:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:4px 10px 5px;font-size:13px;display:flex;box-shadow:inset 0 0 0 2px #2e2850}.debrief-summary .px-icon,.omen-row .px-icon{width:18px;height:18px}.debrief-section{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.debrief-section.hidden{display:none}.debrief-section.locked{opacity:.45;pointer-events:none}.section-title{letter-spacing:3px;color:var(--amber);margin:0;font-size:14px;font-weight:400}#debrief-go:disabled{cursor:default}.level-badge{position:relative}.level-badge .banked{color:var(--ink);background:var(--amber);box-shadow:0 0 0 2px var(--ink);padding:0 4px;font-size:11px;animation:.8s steps(2,end) infinite blink;position:absolute;top:-8px;right:-10px}.level-badge .banked.hidden{display:none}.link-btn{font:inherit;letter-spacing:1px;color:var(--mist);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:10px 12px;font-size:12px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.playtest-links{flex-wrap:wrap;justify-content:center;gap:0 10px;display:flex}.link-btn:disabled{opacity:.45;cursor:default}.link-btn:hover,.link-btn:focus-visible{color:var(--paper);outline:none}.panel.port{width:min(900px,100%)}.panel.event{width:min(600px,100%)}.service-btn,.event-option{font:inherit;color:var(--cream);cursor:pointer;pointer-events:auto;text-align:left;width:100%;min-height:48px;box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 2px var(--ink);background:#0d0b1ae6;border:0;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 14px;display:flex}.service-btn{text-align:center;align-items:center;width:min(420px,100%)}.service-btn strong,.event-option strong{color:var(--paper);font-size:16px;font-weight:400}.service-btn span,.event-option span{color:var(--amber);font-size:13px}.service-btn:hover:not(:disabled),.service-btn:focus-visible,.event-option:hover:not(:disabled),.event-option:focus-visible{background:#3b3566f2;outline:none}.service-btn:disabled,.event-option:disabled{cursor:default;opacity:.5}.event-option{padding-left:40px;position:relative}.event-option .key{background:var(--paper);color:var(--ink);padding:0 4px;font-size:11px;position:absolute;top:11px;left:12px}body.coarse .event-option .key{display:none}body.coarse .event-option{padding-left:14px}.event-option em{color:var(--mist);font-style:normal}.event-options{flex-direction:column;gap:10px;width:100%;display:flex}.event-options.hidden,.event-result.hidden,#event-go.hidden{display:none}.event-text{color:var(--cream);margin:0;font-size:15px;line-height:1.45}.event-result{color:var(--amber);margin:0;font-size:15px;line-height:1.45}.port-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-btn.wide{width:100%}.service-btn.relic{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink)}.relic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card.relic-card{min-height:0;animation:none}.card.relic-card .cat{background:var(--amber)}#continue-btn.hidden,.service-btn.hidden{display:none}.refit-groups{flex-direction:column;gap:14px;width:100%;display:flex}.refit-group{flex-direction:column;gap:8px;display:flex}.slot-title{letter-spacing:2px;color:var(--mist);margin:0;font-size:12px;font-weight:400}.card.priced{min-height:0;animation:none}.card.priced .price{color:var(--ink);background:var(--amber);padding:2px 8px;font-size:13px}.card.priced.sold,.card.priced.unaffordable{opacity:.5;cursor:default}.card.priced.sold .price{background:var(--lilac)}.card.priced:disabled:hover{background:#171428e0;transform:none}.chart-wrap{flex-direction:column;align-items:center;gap:12px;width:min(980px,100%);display:flex}.chart-head{text-align:center;flex-direction:column;gap:4px;display:flex}.chart-head h2{color:var(--paper);text-shadow:3px 3px 0 var(--ember), 6px 6px 0 var(--ink);margin:0;font-size:clamp(26px,5vw,40px);line-height:1}.chart-map{width:100%;height:clamp(220px, calc(42 * var(--vh)), 380px);box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 3px var(--ink);background:repeating-linear-gradient(0deg,#3b356638 0 1px,#0000 1px 24px),repeating-linear-gradient(90deg,#3b356638 0 1px,#0000 1px 24px),#171428e6;position:relative}.chart-routes{width:100%;height:100%;position:absolute;inset:0}.chart-routes .route{stroke:var(--lilac);stroke-width:2px;stroke-dasharray:4 6;vector-effect:non-scaling-stroke;opacity:.55}.chart-routes .route.open{stroke:var(--amber);stroke-dasharray:8 5;opacity:1}.chart-routes .route.travelled{stroke:#86c2b2;stroke-dasharray:none;stroke-width:3px;opacity:.9}.chart-node,.chart-harbour{place-items:center;width:56px;height:56px;display:grid;position:absolute;transform:translate(-50%,-50%)}.chart-harbour .px-icon{opacity:.8;width:28px;height:28px}.chart-node{font:inherit;cursor:default;background:var(--ink);box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 3px var(--ink);pointer-events:auto;border:0;padding:0}.chart-node .node-icon{width:30px;height:30px}.chart-node .threat{gap:2px;display:flex;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.pip{background:var(--indigo);width:8px;height:5px;box-shadow:0 0 0 1px var(--ink)}.pip.on{background:var(--rose)}.chart-node .node-reward{background:var(--ink);width:22px;height:22px;padding:2px;position:absolute;bottom:-10px;right:-10px;box-shadow:inset 0 0 0 2px #2e2850}.chart-map.up .chart-node .node-reward{width:20px;height:20px;top:50%;bottom:auto;right:-14px;transform:translateY(-50%)}.chart-node .node-key{background:var(--paper);color:var(--ink);padding:0 4px;font-size:11px;position:absolute;bottom:-8px;left:-8px}body.coarse .chart-node .node-key{display:none}.chart-node.port{box-shadow:inset 0 0 0 2px #86c2b2, 0 0 0 3px var(--ink)}.chart-node.event{box-shadow:inset 0 0 0 2px var(--orchid), 0 0 0 3px var(--ink)}.chart-node.elite{box-shadow:inset 0 0 0 2px var(--fire), 0 0 0 3px var(--ink)}.chart-node.warden{width:62px;height:62px;box-shadow:inset 0 0 0 3px var(--orchid), 0 0 0 3px var(--ink)}.chart-node.boss{width:68px;height:68px;box-shadow:inset 0 0 0 3px var(--rose), 0 0 0 3px var(--ink)}.chart-node.locked{filter:grayscale(.6)brightness(.65)}.chart-node.visited{filter:grayscale()brightness(.55)}.chart-node.current{box-shadow:inset 0 0 0 3px #86c2b2, 0 0 0 3px var(--ink)}.chart-node.available{cursor:pointer;animation:1.1s steps(2,end) infinite node-pulse}.chart-node.available:hover,.chart-node.available:focus-visible{outline:none;transform:translate(-50%,-50%)scale(1.08)}.chart-node.selected{box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 3px var(--ink), 0 0 16px #ffd27a80;animation:none;transform:translate(-50%,-50%)scale(1.1)}@keyframes node-pulse{50%{box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 3px var(--ink)}}.chart-foot{grid-template-columns:1fr auto;align-items:center;gap:14px;width:100%;display:grid}.chart-detail{min-height:108px;box-shadow:inset 0 0 0 2px #2e2850, 0 0 0 2px var(--ink);text-align:left;background:#0d0b1ae0;padding:10px 14px;font-size:13px}.chart-detail-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chart-detail h3{color:var(--paper);margin:0;font-size:18px}.chart-detail .kind{letter-spacing:2px;color:var(--ink);background:var(--lilac);padding:1px 6px;font-size:10px}.chart-detail .kind.elite{background:var(--fire)}.chart-detail .kind.boss{background:var(--rose)}.chart-detail .kind.warden{background:var(--orchid)}.chart-detail .kind.port{background:#86c2b2}.chart-detail .kind.event{background:var(--orchid)}.chart-detail .threat{gap:2px;display:flex}.chart-detail p,.chart-detail ul{margin:6px 0 0}.chart-detail ul{color:var(--amber);padding-left:16px}.chart-detail .enemies,.chart-detail .hull-note,.chart-hint{color:var(--mist)}.objective{max-width:min(460px,100vw - 32px);color:var(--paper);box-shadow:inset 0 0 0 2px var(--fire), 0 0 0 2px var(--ink);text-shadow:1px 1px 0 var(--ink);background:#0d0b1ad1;align-items:center;gap:8px;padding:5px 12px 6px;font-size:13px;line-height:1.25;display:flex}.objective.hidden,.objective-meter.hidden,.trial-report.hidden{display:none}.objective .px-icon{flex:none;width:18px;height:18px}.objective.in-arc{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink), 0 0 12px #ffd27a73}.objective.done{box-shadow:inset 0 0 0 2px #86c2b2, 0 0 0 2px var(--ink)}.objective.urgent{animation:.5s steps(2,end) infinite blink}.objective-meter{background:var(--indigo);width:64px;height:8px;box-shadow:0 0 0 2px var(--ink);flex:none}.objective-meter-fill{background:var(--amber);width:0;height:100%}.tray-item.inactive{filter:grayscale()brightness(.6)}.tray-item.inactive .lvl{color:var(--mist)}.panel.refit{width:min(660px,100%)}.refit-lede,.refit-consequence{margin:0;font-size:14px;line-height:1.4}.refit-lede{color:var(--mist)}.refit-consequence{min-height:2.8em;color:var(--amber)}.refit-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.card.refit-card{text-align:left;align-items:stretch;gap:6px;min-height:0;animation:none}.refit-card .card-head{align-items:center;gap:10px;display:flex}.refit-card .card-icon{width:36px;height:36px}.refit-card h3{margin:0;font-size:18px}.refit-card .origin{letter-spacing:1px;color:var(--mist);font-size:11px}.refit-card p{font-size:13px}.refit-card .mount-upgrades{flex-direction:column;gap:4px;font-size:12px;display:flex}.refit-card .tag{letter-spacing:1px;color:var(--ink);background:var(--moss);margin-left:6px;padding:0 5px;font-size:10px;display:inline-block}.refit-card .tag.inactive{background:var(--lilac)}.refit-card .tag.fitted{background:#86c2b2}.refit-card.selected{box-shadow:inset 0 0 0 3px var(--amber), 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);background:#3b3566f2}.trial-report{text-align:left;flex-direction:column;gap:8px;width:100%;font-size:13px;display:flex}.trial-report .rows{background:var(--ink);grid-template-columns:1fr auto;gap:3px 12px;padding:8px 10px;display:grid;box-shadow:inset 0 0 0 2px #2e2850}.trial-report .rows span{color:var(--mist)}.trial-report .rows strong{color:var(--paper);text-align:right;font-weight:400}.trial-q{text-align:center;color:var(--amber)}.trial-answers{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.trial-answers .btn{min-width:0;min-height:44px;padding:8px 14px 10px;font-size:15px}.trial-answers .btn.chosen{background:var(--teal)}@media (width<=760px){.chart-map{height:clamp(280px, calc(50 * var(--vh) + 40px), 580px)}.chart-wrap{gap:10px}.chart-node{width:44px;height:44px}.chart-node .node-icon{width:26px;height:26px}.chart-node.boss,.chart-node.warden{width:50px;height:50px}.chart-foot{grid-template-columns:1fr}.section-title{letter-spacing:1px;text-align:center}.port-cards,.relic-cards,.relic-unlocks{grid-template-columns:1fr}.cards.hull-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card.hull-card{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;display:flex}.card.hull-card .card-icon{width:30px;height:30px;padding:4px}.card.hull-card h3{font-size:15px}.card.hull-card ul{font-size:11px}.card.hull-card .key{display:none}.muster-buttons .btn{flex:1;min-width:0}.card.priced .price{white-space:nowrap;grid-column:1/-1;justify-self:start}.chart-foot .btn{width:100%}.chart-detail{min-height:88px}.refit-options{grid-template-columns:1fr;gap:10px}.card.refit-card{flex-direction:column;padding:12px;display:flex}.objective{font-size:12px}.cards{grid-template-columns:1fr;gap:10px}.card{text-align:left;grid-template-columns:56px 1fr;grid-template-areas:"icon cat""icon title""icon desc""icon pips";align-items:start;gap:4px 12px;min-height:0;padding:12px;display:grid}.card .card-icon{grid-area:icon;width:44px;height:44px}.card .cat{grid-area:cat;justify-self:start}.card h3{grid-area:title;font-size:18px}.card p{grid-area:desc;font-size:13px}.card .lvl-pips{grid-area:pips}.card .key{display:none}.hud-tl{top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l))}.hull-cluster{gap:6px;padding:5px 6px}.hull-icon{display:none}.meters{width:118px}.level-badge{width:34px;height:34px}.level-badge strong{font-size:16px}.hud-tc{top:auto;bottom:calc(10px + var(--safe-b));left:50%}body.touch .hud-tc,body.coarse .hud-tc{bottom:auto;top:calc(10px + var(--safe-t));left:auto;right:calc(10px + var(--safe-r));align-items:flex-end;transform:none}.wave-plate{min-width:0;padding:4px 10px 6px}.wave-line{font-size:16px}.wave-name{display:none}.hud-tr{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));gap:6px}body.touch .hud-tr,body.coarse .hud-tr{top:calc(64px + var(--safe-t))}body.touch .hud-tc .wave-plate,body.coarse .hud-tc .wave-plate{margin-bottom:48px}body.touch .hud-tc .objective,body.coarse .hud-tc .objective{max-width:calc(100vw - 76px - var(--safe-l) - var(--safe-r))}.score-plate,.time-plate{height:34px;padding:0 7px;font-size:15px}.time-plate{display:none}.icon-btn{width:34px;height:34px}.boss-bar{left:calc(50% + 24px);top:calc(118px + var(--safe-t));width:min(280px,100vw - 150px);position:fixed;transform:translate(-50%)}.boss-name{font-size:12px}.skill-name{display:none}.stats strong{font-size:16px}}@media (height<=500px){.title-wrap{gap:8px}.logo h1{font-size:48px}.tagline{display:none}.card{min-height:0;padding:10px}.card p{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#screen-title.visible{padding-left:calc(clamp(20px, 5.5vw, 96px) + var(--safe-l));grid-template-rows:1fr;grid-template-columns:minmax(320px,430px) minmax(0,440px) 1fr;place-items:center stretch;column-gap:28px;display:grid}.menu-scrim{pointer-events:none;background:linear-gradient(90deg,#0d0b1ae6 0%,#0d0b1ab8 26%,#0d0b1a2e 52%,#0d0b1a00 66%),radial-gradient(at 70%,#0d0b1a00 40%,#0d0b1a73 100%);position:absolute;inset:0}.menu-scrim:after{content:"";background-image:repeating-linear-gradient(0deg,#0d0b1a38 0 2px,#0000 2px 5px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 30%,#0000 60%);mask-image:linear-gradient(90deg,#000 0% 30%,#0000 60%)}.menu-shell{z-index:1;flex-direction:column;grid-area:1/1;gap:16px;width:100%;display:flex;position:relative}.menu-brand{text-align:left}.menu-brand .logo h1{letter-spacing:1px;font-size:clamp(54px,6vw,88px)}.menu-brand .logo-small{letter-spacing:6px;color:var(--lilac);align-items:center;gap:10px;margin-bottom:8px;display:flex}.menu-brand .logo-small:before{content:"";background:var(--ember);width:28px;height:3px;box-shadow:0 3px 0 var(--ink)}.menu-brand .tagline{color:var(--mist);margin:18px 0 0;font-size:15px}.captain-strip{box-shadow:inset 0 2px 0 #6a5f9e73, 0 0 0 3px var(--ink);background:#171428db;gap:7px;min-height:74px;padding:10px 12px 9px;display:grid}.cs-rank{align-items:center;gap:10px;display:flex}.cs-pips{gap:4px;display:inline-flex}.cs-pips i{background:var(--violet);width:9px;height:9px;box-shadow:0 0 0 2px var(--ink)}.cs-pips i.on{background:var(--amber);box-shadow:0 0 0 2px var(--ink), inset 0 -3px 0 var(--fire)}.cs-name{letter-spacing:3px;color:var(--amber);text-shadow:2px 2px 0 var(--ink);font-size:16px}.cs-record{letter-spacing:2px;color:var(--mist);white-space:nowrap;margin-left:auto;font-size:12px}.cs-bar{background:var(--ink);height:8px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--violet);overflow:hidden}.cs-bar span{background:var(--amber);height:100%;box-shadow:inset 0 -3px 0 var(--fire), inset 0 2px 0 var(--paper);transition:width .6s steps(8,end);display:block}.cs-meta{color:var(--mist);white-space:nowrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.cs-renown{color:var(--cream);align-items:center;gap:4px;display:inline-flex}.cs-renown .px-icon{width:14px;height:14px}.menu-nav{flex-direction:column;gap:8px;display:flex}.menu-item{--i:0;width:100%;min-height:60px;font:inherit;text-align:left;color:var(--cream);box-shadow:inset 0 2px 0 #6a5f9e66, 0 0 0 3px var(--ink);cursor:pointer;pointer-events:auto;animation:.42s steps(6,end) both menu-in;animation-delay:calc(.12s + var(--i) * 60ms);background:#171428cc;border:0;grid-template-columns:38px 1fr;align-items:center;gap:14px;padding:8px 40px 8px 12px;transition:transform .12s steps(3,end),background-color .12s steps(3,end);display:grid;position:relative}.menu-item:nth-child(2){--i:1}.menu-item:nth-child(3){--i:2}.menu-item:nth-child(4){--i:3}.menu-item:before{content:"";background:0 0;width:6px;position:absolute;top:-3px;bottom:-3px;left:-3px}.menu-item:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:7px solid var(--amber);opacity:0;width:0;height:0;margin-top:-6px;transition:opacity .12s steps(2,end),transform .12s steps(3,end);position:absolute;top:50%;right:16px;transform:translate(-6px)}.menu-item:hover:not(:disabled),.menu-item:focus-visible,.menu-nav .menu-item.open{background:#3b3566f0;outline:none;transform:translate(6px)}.menu-item:hover:not(:disabled):before,.menu-item:focus-visible:before,.menu-nav .menu-item.open:before{background:var(--amber)}.menu-item:hover:not(:disabled):after,.menu-item:focus-visible:after,.menu-nav .menu-item.open:after{opacity:1;transform:none}.menu-item:active:not(:disabled){transform:translate(6px)translateY(2px)}.menu-item:disabled{cursor:progress}.menu-item.primary{background:var(--ember);box-shadow:inset 0 -4px 0 var(--blood), inset 0 3px 0 var(--fire), 0 0 0 3px var(--ink), 0 6px 0 3px #0d0b1a73}.menu-item.primary:hover:not(:disabled),.menu-item.primary:focus-visible{background:#e0643a}.menu-item.primary:after{border-left-color:var(--paper)}.menu-item.primary:disabled{background:var(--violet);box-shadow:inset 0 2px 0 #b3a8d440, 0 0 0 3px var(--ink)}.mi-icon{background:var(--ink);place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 2px #6a5f9e99}.menu-item.primary .mi-icon{background:#0d0b1a8c;box-shadow:inset 0 0 0 2px #ffd27a73}.mi-icon .px-icon{width:24px;height:24px}.mi-text{flex-direction:column;gap:3px;min-width:0;display:flex}.mi-label{letter-spacing:3px;color:var(--paper);text-shadow:2px 2px 0 var(--ink);font-size:20px;line-height:1}.mi-sub{letter-spacing:1px;color:var(--mist);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.menu-item.primary .mi-sub{color:#ffe3b0}.menu-shell .controls-legend{margin-top:4px;font-size:12px}.menu-shell .legend-desktop{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;gap:12px}.menu-shell .legend-desktop kbd{font-size:11px}.menu-panel{z-index:1;box-shadow:inset 0 2px 0 #6a5f9e73, 0 0 0 3px var(--ink), 0 10px 0 3px #0d0b1a66;background:#171428ed;flex-direction:column;grid-area:1/2;gap:10px;padding:14px;animation:.3s steps(5,end) both panel-in;display:none;position:relative}#screen-title[data-panel=modes] #menu-modes,#screen-title[data-panel=single] #menu-single,#screen-title[data-panel=cpu] #menu-cpu,#screen-title[data-panel=multi] #menu-multi{display:flex}.mp-head{align-items:center;gap:12px;margin-bottom:2px;display:flex}.mp-head h2{letter-spacing:4px;color:var(--amber);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:18px}.mp-back{width:40px;height:40px;font:inherit;color:var(--cream);background:var(--ink);box-shadow:inset 0 0 0 2px var(--violet);cursor:pointer;border:0;font-size:26px;line-height:1}.mp-back:hover,.mp-back:focus-visible{color:var(--ink);background:var(--amber);outline:none}.mode-card{font:inherit;text-align:left;color:var(--cream);background:var(--night);box-shadow:inset 0 2px 0 #6a5f9e59, 0 0 0 3px var(--ink);cursor:pointer;border:0;gap:4px;padding:12px 14px 12px 16px;transition:transform .12s steps(3,end),background-color .12s steps(3,end);display:grid;position:relative}.mode-card:before{content:"";background:var(--violet);width:6px;position:absolute;top:-3px;bottom:-3px;left:-3px}.mode-card:hover:not(:disabled),.mode-card:focus-visible{background:var(--indigo);outline:none;transform:translate(4px)}.mode-card:hover:not(:disabled):before,.mode-card:focus-visible:before{background:var(--amber)}.mode-card:disabled{opacity:.6;cursor:progress}.mc-kicker{letter-spacing:4px;color:var(--teal);font-size:11px}.mc-title{letter-spacing:3px;color:var(--paper);text-shadow:2px 2px 0 var(--ink);font-size:22px}.mc-body{color:var(--cream);font-size:13px;line-height:1.45}.mc-foot{color:var(--mist);min-height:1em;font-size:12px}.mc-foot.best{color:var(--amber)}.settings-sheet{z-index:30;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#0d0b1ab3 repeating-linear-gradient(0deg,#0d0b1a59 0 3px,#0000 3px 6px);place-items:center;display:grid;position:absolute;inset:0}.settings-sheet[hidden]{display:none}.ss-panel{width:min(580px,100%);max-height:calc(calc(100 * var(--vh)) - 32px - var(--safe-t) - var(--safe-b));max-height:calc(100dvh - 32px - var(--safe-t) - var(--safe-b));box-shadow:inset 0 2px 0 #6a5f9e73, 0 0 0 3px var(--ink), 0 10px 0 3px #0d0b1a66;background:#171428f5;flex-direction:column;padding:14px 16px 16px;animation:.28s steps(5,end) both panel-in;display:flex}.ss-body{flex-direction:column;gap:14px;margin-top:8px;padding:3px;display:flex;overflow-y:auto}.ss-group{flex-direction:column;gap:4px;display:flex}.ss-group h3{letter-spacing:4px;color:var(--lilac);align-items:center;gap:10px;margin:0 0 4px;font-size:12px;font-weight:400;display:flex}.ss-group h3:after{content:"";background:var(--violet);flex:1;height:2px}.ss-row{min-height:44px;color:var(--cream);grid-template-columns:minmax(110px,150px) 1fr 52px;align-items:center;gap:14px;font-size:15px;display:grid}.ss-row>.seg,.ss-row>.ss-btn{grid-column:2/4;justify-self:start}.ss-hint{color:var(--lilac);margin:-2px 0 2px;font-size:11px;line-height:1.4}.ss-row output{color:var(--amber);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.ss-row input[type=range]{--fill:100%;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:40px;margin:0}.ss-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--amber) 0 var(--fill), var(--ink) var(--fill) 100%);height:10px;box-shadow:0 0 0 3px var(--ink), inset 0 -3px 0 #f39a3a8c}.ss-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);width:16px;height:26px;box-shadow:inset 0 -4px 0 var(--lilac), 0 0 0 3px var(--ink);border:0;margin-top:-8px}.ss-row input[type=range]::-moz-range-track{background:var(--ink);height:10px;box-shadow:0 0 0 3px var(--ink)}.ss-row input[type=range]::-moz-range-progress{background:var(--amber);height:10px}.ss-row input[type=range]::-moz-range-thumb{background:var(--cream);width:16px;height:26px;box-shadow:inset 0 -4px 0 var(--lilac), 0 0 0 3px var(--ink);border:0;border-radius:0}.ss-row input[type=range]:focus-visible{outline:none}.ss-row input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--amber)}.ss-row input[type=range]:focus-visible::-moz-range-thumb{background:var(--amber)}.seg{box-shadow:0 0 0 3px var(--ink);display:inline-flex}.seg button,.ss-btn{min-height:40px;font:inherit;letter-spacing:2px;color:var(--mist);background:var(--night);cursor:pointer;border:0;padding:8px 12px;font-size:13px}.seg button+button{box-shadow:inset 3px 0 0 var(--ink)}.seg button.on{color:var(--ink);background:var(--amber);box-shadow:inset 0 -3px 0 var(--fire)}.seg button+button.on{box-shadow:inset 3px 0 0 var(--ink), inset 0 -3px 0 var(--fire)}.seg button:hover:not(.on),.seg button:focus-visible:not(.on),.ss-btn:hover:not(:disabled),.ss-btn:focus-visible{color:var(--paper);background:var(--violet);outline:none}.seg button.on:focus-visible{outline:2px solid var(--paper);outline-offset:-5px}.ss-btn{box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #6a5f9e66;color:var(--cream)}.ss-btn:disabled{opacity:.5;cursor:default}body.modal #touch-zone,body.settings-open #touch-zone{display:none}@keyframes menu-in{0%{opacity:0;transform:translate(-18px)}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=760px) and (aspect-ratio<=1){#screen-title.visible{padding:calc(20px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));grid-template-columns:1fr;align-items:stretch}.menu-scrim{background:linear-gradient(#0d0b1ad1 0%,#0d0b1a59 22%,#0d0b1a00 34% 44%,#0d0b1acc 62%,#0d0b1af0 100%)}.menu-scrim:after{-webkit-mask-image:linear-gradient(#0000 50%,#000 70%);mask-image:linear-gradient(#0000 50%,#000 70%)}.menu-shell{gap:12px;height:100%}.menu-brand{text-align:center}.menu-brand .logo-small{justify-content:center}.menu-brand .logo-small:before{display:none}.menu-brand .logo h1{font-size:clamp(44px,14vw,68px)}.menu-brand .tagline{margin-top:12px;font-size:13px}.captain-strip{margin-top:auto}.menu-item{min-height:56px}.menu-item:hover:not(:disabled),.menu-item:focus-visible,.menu-nav .menu-item.open{transform:none}.menu-shell .controls-legend{text-align:center;font-size:11px}.menu-panel{grid-column:1;align-self:end}#screen-title[data-panel=modes] .menu-nav,#screen-title[data-panel=modes] .captain-strip,#screen-title[data-panel=modes] .controls-legend,#screen-title[data-panel=single] .menu-nav,#screen-title[data-panel=single] .captain-strip,#screen-title[data-panel=single] .controls-legend,#screen-title[data-panel=cpu] .menu-nav,#screen-title[data-panel=cpu] .captain-strip,#screen-title[data-panel=cpu] .controls-legend,#screen-title[data-panel=multi] .menu-nav,#screen-title[data-panel=multi] .captain-strip,#screen-title[data-panel=multi] .controls-legend{visibility:hidden}.ss-row{grid-template-columns:104px 1fr 44px;gap:10px;font-size:13px}.seg button{letter-spacing:1px;padding:8px 9px;font-size:12px}}@media (height<=500px){#screen-title.visible{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b));grid-template-columns:minmax(280px,340px) minmax(0,360px) 1fr}.menu-shell{gap:8px}.menu-brand .logo h1{margin-bottom:8px;font-size:40px}.menu-brand .logo-small{margin-bottom:4px;font-size:10px}.menu-brand .tagline,.menu-shell .controls-legend{display:none}.captain-strip{gap:5px;min-height:0;padding:7px 10px}.menu-nav{gap:6px}.menu-item{min-height:46px;padding-top:4px;padding-bottom:4px}.mi-icon{width:32px;height:32px}.mi-label{font-size:17px}.mode-card{padding:8px 12px}.mc-body{font-size:12px}.ss-row{min-height:40px}}@media (prefers-reduced-motion:reduce){.menu-item,.menu-panel,.ss-panel{animation:none}}#screen-harbour.visible{padding-left:calc(clamp(20px, 5.5vw, 96px) + var(--safe-l));background:linear-gradient(90deg,#0d0b1ad1 0%,#0d0b1a8c 30%,#0d0b1a00 55%);grid-template-columns:minmax(320px,440px) 1fr;align-items:center;display:grid;overflow:hidden}.harbour-drag{cursor:grab;touch-action:none;position:absolute;inset:0}.harbour-drag:active{cursor:grabbing}.harbour-panel{z-index:1;max-height:calc(100% - 8px);box-shadow:inset 0 2px 0 #6a5f9e73, 0 0 0 3px var(--ink), 0 10px 0 3px #0d0b1a66;background:#171428ed;flex-direction:column;gap:10px;padding:14px;animation:.3s steps(5,end) both panel-in;display:flex;position:relative}.hb-count{letter-spacing:2px;color:var(--mist);margin-left:auto;font-size:13px}.hb-tabs{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.hb-tab{min-height:58px;font:inherit;letter-spacing:1px;color:var(--mist);background:var(--night);box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #6a5f9e59;cursor:pointer;border:0;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 6px;font-size:10px;display:flex;position:relative}.hb-tab kbd{opacity:.7;min-width:0;padding:0 3px;font-size:9px;position:absolute;top:3px;right:3px}.hb-tab.on{color:var(--ink);background:var(--amber);box-shadow:0 0 0 3px var(--ink), inset 0 -3px 0 var(--fire)}.hb-tab:hover:not(.on),.hb-tab:focus-visible{color:var(--paper);background:var(--violet);outline:none}.hb-sw{background:linear-gradient(135deg, var(--a) 0 55%, var(--b) 55% 100%);width:20px;height:20px;box-shadow:0 0 0 2px var(--ink);display:block}.hb-sw.big{width:34px;height:34px;box-shadow:0 0 0 3px var(--ink), inset 0 0 0 2px #fff3c426}.hb-list{flex-direction:column;gap:8px;min-height:0;padding:3px;display:flex;overflow-y:auto}.hb-item{min-height:60px;font:inherit;text-align:left;color:var(--cream);background:var(--night);box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #6a5f9e59;cursor:pointer;border:0;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:8px 12px;transition:transform .12s steps(3,end),background-color .12s steps(3,end);display:grid;position:relative}.hb-item:before{content:"";background:0 0;width:6px;position:absolute;top:-3px;bottom:-3px;left:-3px}.hb-item:hover,.hb-item:focus-visible{background:var(--indigo);outline:none;transform:translate(4px)}.hb-item.fitted:before{background:var(--amber)}.hb-item.previewing:before{background:var(--teal)}.hb-item.locked .hb-sw{filter:saturate(.35)brightness(.7)}.hb-item.locked .hb-name{color:var(--mist)}.hb-text{flex-direction:column;gap:3px;min-width:0;display:flex}.hb-name{letter-spacing:1px;color:var(--paper);font-size:16px}.hb-line{color:var(--mist);font-size:12px;line-height:1.4}.hb-tag{letter-spacing:2px;color:var(--cream);background:var(--ink);box-shadow:inset 0 0 0 2px var(--violet);white-space:nowrap;padding:4px 7px;font-size:11px}.hb-tag.fitted{color:var(--ink);background:var(--amber);box-shadow:inset 0 -2px 0 var(--fire)}.hb-tag.preview{color:var(--ink);background:var(--teal);box-shadow:none}.hb-tag.locked{color:var(--mist);box-shadow:inset 0 0 0 2px var(--ink);opacity:.8}.hb-note{color:var(--lilac);margin:0;font-size:11px;line-height:1.4}.hb-drag-hint{right:calc(24px + var(--safe-r));bottom:calc(20px + var(--safe-b));letter-spacing:3px;color:var(--mist);opacity:.7;text-shadow:1px 1px 0 var(--ink);pointer-events:none;font-size:11px;position:absolute}.mi-new{letter-spacing:1px;color:var(--ink);background:var(--rose);text-shadow:none;padding:2px 5px 3px;font-size:10px;animation:1.2s steps(2,end) infinite new-pulse;position:absolute;top:-9px;right:12px}@keyframes new-pulse{50%{background:var(--amber)}}.menu-item:nth-child(5){--i:4}.harbour-up{text-align:center;color:var(--ink);background:var(--teal);padding:6px 10px;font-size:13px;line-height:1.4}@media (width<=760px) and (aspect-ratio<=1){#screen-harbour.visible{padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:linear-gradient(#0d0b1a00 35%,#0d0b1abf 60%);grid-template-columns:1fr;align-items:end}.harbour-panel{max-height:60%;padding:12px}.hb-note{display:none}.hb-list{flex:auto}.hb-tab{letter-spacing:0;min-height:52px;font-size:9px}.hb-tab kbd{display:none}.hb-drag-hint{top:calc(14px + var(--safe-t));text-align:center;bottom:auto;left:0;right:0}}@media (height<=500px){#screen-harbour.visible{padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b));grid-template-columns:minmax(300px,380px) 1fr}.harbour-panel{gap:8px;max-height:100%;padding:10px}.hb-tab{min-height:44px;padding-top:5px}.hb-note{display:none}.hb-item{min-height:50px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.harbour-panel,.mi-new{animation:none}}#screen-title[data-panel=daily] #menu-daily{display:flex}.menu-nav .menu-item.open{background:#3b3566f0;outline:none;transform:translate(6px)}.menu-nav .menu-item.open:before{background:var(--amber)}.menu-nav .menu-item.open:after{opacity:1;transform:none}.menu-item:nth-child(6){--i:5}.dv-date{letter-spacing:2px;color:var(--mist);margin-left:auto;font-size:13px}.dv-body{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dv-card{background:var(--night);box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #6a5f9e59;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.dv-condition{box-shadow:0 0 0 3px var(--ink), inset 3px 0 0 var(--amber), inset 0 2px 0 #6a5f9e59}.dv-kicker{letter-spacing:3px;color:var(--teal);font-size:10px}.dv-row{align-items:center;gap:8px;display:flex}.dv-row strong{letter-spacing:1px;color:var(--paper);font-size:17px;font-weight:400}.dv-row em{letter-spacing:1px;color:var(--ink);background:var(--teal);margin-left:auto;padding:2px 5px;font-size:10px;font-style:normal}.dv-card ul{color:var(--cream);margin:0;padding-left:16px;font-size:12px;line-height:1.5}.dv-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dv-stats>div{background:var(--ink);box-shadow:inset 0 0 0 2px var(--violet);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.dv-stats span{letter-spacing:2px;color:var(--lilac);font-size:9px}.dv-stats strong{color:var(--amber);font-variant-numeric:tabular-nums;font-size:20px;font-weight:400}.dv-stats em{color:var(--mist);font-size:11px;font-style:normal}.dv-note{color:var(--lilac);grid-column:1/-1;margin:0;font-size:11px;line-height:1.4}.dv-actions{gap:12px;display:flex}.dv-actions .btn{flex:1;min-width:0}.dv-actions .btn.primary{flex:2}.dv-actions .btn:not(.primary){background:var(--night);box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #6a5f9e66}.daily-up{letter-spacing:2px;color:var(--cream);background:var(--ink);box-shadow:inset 0 0 0 2px var(--amber);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:8px 10px;font-size:12px;display:flex}.daily-up strong{color:var(--amber);font-size:18px;font-weight:400}.daily-up .btn{background:var(--night);min-width:0;min-height:36px;box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #6a5f9e66;padding:6px 14px;font-size:13px}@media (width<=760px) and (aspect-ratio<=1){#screen-title[data-panel=daily] .menu-nav,#screen-title[data-panel=daily] .captain-strip,#screen-title[data-panel=daily] .controls-legend{visibility:hidden}.menu-nav .menu-item.open{transform:none}.dv-body{grid-template-columns:1fr}.dv-stats strong{font-size:17px}}@media (width<=760px) and (aspect-ratio<=1) and (height<=740px){.menu-brand .tagline{display:none}.menu-brand .logo h1{font-size:clamp(40px,12vw,56px)}.menu-shell{gap:8px}.menu-nav{gap:6px}.menu-item{min-height:50px;padding-top:4px;padding-bottom:4px}.captain-strip{gap:5px;min-height:0;padding:7px 10px}}@media (height<=500px){.dv-body{grid-template-columns:1fr 1fr;gap:8px}.dv-note,.dv-card ul{display:none}#screen-title.visible{grid-template-columns:minmax(300px,520px) minmax(0,360px) 1fr}.menu-nav{grid-template-columns:1fr 1fr;display:grid}.menu-item{padding-right:26px}.menu-item:after{right:10px}}.omen-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.omen-row:empty{display:none}.chip.omen{gap:6px}.chip.omen em{color:var(--mist);font-size:11px;font-style:normal}.chip.omen.blessing{box-shadow:inset 0 0 0 2px var(--teal), 0 0 0 3px var(--ink)}.chip.omen.curse{box-shadow:inset 0 0 0 2px var(--blood), 0 0 0 3px var(--ink)}.chip.omen.curse span{color:var(--rose)}@media (width<=760px){.chip.omen em{display:none}.omen-row{gap:4px}.omen-row .chip{gap:4px;padding:2px 7px 3px;font-size:11px}.omen-row .px-icon{width:13px;height:13px}}.panel.event{text-align:left;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch;gap:18px;width:min(980px,100%);display:grid}.event-art{aspect-ratio:3/4;background:var(--ink);min-height:0;box-shadow:0 0 0 3px var(--ink), inset 0 0 0 2px var(--violet);align-self:start;margin:0;position:relative;overflow:hidden}.event-art img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.event-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #0d0b1a8c}.event-body{flex-direction:column;align-items:stretch;gap:12px;min-width:0;display:flex}.event-body h2{margin:0}.event-body .debrief-summary{justify-content:flex-start}.event-body #event-go{align-self:flex-start}.event-decide{display:none}@media (width<=900px) and (aspect-ratio>=1){.panel.event{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}}@media (width<=760px) and (aspect-ratio<=1){.panel.event{text-align:center;grid-template-columns:1fr;gap:12px}.event-body{align-items:stretch;gap:10px}.event-body .debrief-summary{justify-content:center}.event-body #event-go{align-self:stretch}.event-art{aspect-ratio:auto;height:min(calc(44 * var(--vh)), 110vw);width:100%}#event-panel[data-step=scene] .event-options,#event-panel[data-step=scene] .event-result{display:none}#event-panel[data-step=scene] .event-decide{width:100%;display:block}#event-panel[data-step=choose] .event-art{height:92px}#event-panel[data-step=choose] .event-art img{object-position:center var(--focus,38%)}#event-panel[data-step=choose] .event-text{display:none}}@media (height<=500px){.panel.event{grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:12px;padding-top:12px;padding-bottom:12px}.event-art{aspect-ratio:auto;height:calc(calc(100 * var(--vh)) - 56px)}.event-body{gap:8px}.event-body h2{font-size:26px}.chip.omen em,#event-panel[data-step=scene] .event-options,#event-panel[data-step=scene] .event-result{display:none}#event-panel[data-step=scene] .event-decide{width:100%;display:block}#event-panel[data-step=choose]{grid-template-columns:1fr}#event-panel[data-step=choose] .event-art,#event-panel[data-step=choose] .event-text,#event-panel[data-step=choose] .kicker{display:none}#event-panel .event-option{min-height:44px;padding-top:6px;padding-bottom:6px}}.step-dots{justify-content:center;gap:6px;min-height:8px;margin-top:6px;display:flex}.step-dots i{background:var(--violet);width:18px;height:5px;box-shadow:0 0 0 2px var(--ink)}.step-dots i.done{background:var(--teal)}.step-dots i.on{background:var(--amber)}#debrief-wrap[data-step=upgrade] #debrief-relics,#debrief-wrap[data-step=upgrade] #debrief-refit,#debrief-wrap[data-step=relics] #debrief-levelups,#debrief-wrap[data-step=relics] #debrief-refit,#debrief-wrap[data-step=refit] #debrief-levelups,#debrief-wrap[data-step=refit] #debrief-relics,#debrief-wrap[data-step=done] #debrief-levelups,#debrief-wrap[data-step=done] #debrief-relics,#debrief-wrap[data-step=done] #debrief-refit,#debrief-wrap:not([data-step=stores]) #debrief-stores,#debrief-wrap[data-step=stores] #debrief-levelups,#debrief-wrap[data-step=stores] #debrief-relics,#debrief-wrap[data-step=stores] #debrief-refit{display:none}.tab-bar{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.tab-bar .tab{max-width:180px;min-height:40px;font:inherit;letter-spacing:2px;color:var(--mist);background:var(--night);box-shadow:0 0 0 3px var(--ink), inset 0 2px 0 #6a5f9e59;cursor:pointer;border:0;flex:1 1 0;padding:8px 10px;font-size:13px}.tab-bar .tab.on{color:var(--ink);background:var(--amber);box-shadow:0 0 0 3px var(--ink), inset 0 -3px 0 var(--fire)}.tab-bar .tab:hover:not(.on),.tab-bar .tab:focus-visible{color:var(--paper);background:var(--violet);outline:none}#port-panel .port-pane{display:none}#port-panel[data-tab=ship] .port-pane[data-group=ship],#port-panel[data-tab=market] .port-pane[data-group=market]{display:flex}#port-panel .port-pane.hidden{display:none!important}.pinned-actions{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}@media (width<=760px){.tab-bar .tab{letter-spacing:1px;padding:6px 4px;font-size:11px}}#muster-panel .muster-pane,#settings-body .ss-group{display:none}#muster-panel[data-tab=hull] .muster-pane[data-pane=hull],#muster-panel[data-tab=tide] .muster-pane[data-pane=tide],#muster-panel[data-tab=relics] .muster-pane[data-pane=relics],#muster-panel[data-tab=contract] .muster-pane[data-pane=contract],#settings-body[data-tab=audio] .ss-group[data-pane=audio],#settings-body[data-tab=display] .ss-group[data-pane=display],#settings-body[data-tab=playtest] .ss-group[data-pane=playtest]{display:flex}#settings-tabs{margin-top:8px}#settings-body .ss-group h3,#muster-panel .muster-pane>.section-title{display:none}@media (width<=760px) and (aspect-ratio<=1){.refit-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.refit-card .card-head .origin{display:none}#screen-harbour .hb-item{min-height:54px;padding-top:6px;padding-bottom:6px}#screen-harbour .hb-line{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (height<=500px){.screen{padding-top:calc(6px + var(--safe-t));padding-bottom:calc(6px + var(--safe-b))}.levelup-head .kicker,.panel>.kicker,.wreck-main>.kicker,#port-panel .port-pane>.section-title{display:none}.levelup-head h2,.panel h2{margin:0;font-size:24px}.debrief-wrap,.panel{gap:8px}.card{gap:4px;padding:8px 10px}.card .cat{display:none}.card .card-icon{width:30px;height:30px}.card p{font-size:11px;line-height:1.3}.card .key,.levelup-foot,.refit-card p,.refit-card .card-head .origin{display:none}.refit-consequence{margin:0;font-size:12px}.service-btn{min-height:44px;padding:6px 12px}.muster-actions{padding-top:6px;padding-bottom:calc(6px + var(--safe-b))}.muster-pick,.muster-rank{display:none}.hull-card ul,.card.hull-card li{font-size:11px}.debrief-summary .chip{padding:2px 8px 3px;font-size:12px}}@media (width<=760px) and (aspect-ratio<=1){#port-panel>.kicker{display:none}#port-panel h2{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(20px,6.4vw,28px);overflow:hidden}.chart-head h2{margin:0}.chart-head{gap:2px}#screen-harbour .harbour-panel{max-height:62%}}@media (height<=500px){.chart-head .kicker{display:none}.chart-head h2{margin:0;font-size:22px}#screen-harbour .hb-line,#screen-harbour .hb-tab kbd{display:none}#screen-harbour .hb-item{min-height:44px;padding-top:4px;padding-bottom:4px}#screen-harbour .hb-tabs .hb-tab{min-height:40px;padding-top:4px}.mode-card{gap:2px}.mode-card .mc-kicker,.mode-card .mc-foot{display:none}}@media (width<=760px) and (aspect-ratio<=1){.chart-wrap{gap:8px}}@media (height<=500px){.chart-wrap{gap:4px}}.menu-dock{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.menu-dock .menu-item{--i:3;grid-template-columns:30px 1fr;gap:10px;padding-right:12px}.menu-dock .menu-item+.menu-item{--i:4}.menu-dock .mi-icon{width:30px;height:30px}.menu-dock .mi-icon .px-icon{width:20px;height:20px}.menu-dock .mi-label{letter-spacing:2px;font-size:17px}.menu-dock .menu-item:after{display:none}.menu-dock .menu-item:hover:not(:disabled),.menu-dock .menu-item:focus-visible{transform:translateY(-2px)}.menu-dock .mi-new{right:6px}#screen-almanac.visible{padding-left:calc(clamp(20px, 5.5vw, 96px) + var(--safe-l));background:linear-gradient(90deg,#0d0b1ad9 0%,#0d0b1a8c 32%,#0d0b1a1a 60%);grid-template-columns:minmax(340px,470px) 1fr;place-items:center stretch;display:grid;overflow:hidden}.almanac-panel{z-index:1;min-height:0;max-height:calc(100% - 8px);box-shadow:inset 0 2px 0 #6a5f9e73, 0 0 0 3px var(--ink), 0 10px 0 3px #0d0b1a66;background:#171428f0;flex-direction:column;grid-area:1/1;gap:10px;padding:14px;animation:.3s steps(5,end) both panel-in;display:flex;position:relative}.al-progress{background:var(--ink);height:6px;box-shadow:inset 0 0 0 1px var(--violet)}.al-progress i{background:linear-gradient(90deg, var(--teal), var(--amber));height:100%;transition:width .3s steps(6,end);display:block}.al-tabs .tab{letter-spacing:1px;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:6px 2px;font-size:11px;display:flex;position:relative}.al-tabs .tab small{letter-spacing:0;opacity:.8;font-size:10px}.al-tabs .tab.fresh:after{content:"";background:var(--rose);width:6px;height:6px;box-shadow:0 0 0 2px var(--ink);position:absolute;top:3px;right:3px}.al-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;display:grid}.al-tile{aspect-ratio:1;background:var(--night);min-height:44px;box-shadow:inset 0 0 0 2px #6a5f9e73, 0 0 0 2px var(--ink);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.al-tile .px-icon{width:26px;height:26px}.al-tile.unknown{background:#0d0b1ab3}.al-tile .al-thumb{object-fit:cover;object-position:50% 35%;width:calc(100% - 6px);max-width:none;height:calc(100% - 6px);image-rendering:pixelated;position:absolute;inset:3px}.al-tile.unknown .px-icon{opacity:.35}.al-tile.blessing{box-shadow:inset 0 0 0 2px #3c8a84cc, 0 0 0 2px var(--ink)}.al-tile.curse{box-shadow:inset 0 0 0 2px #a3302fcc, 0 0 0 2px var(--ink)}.al-tile.unknown.blessing,.al-tile.unknown.curse{box-shadow:inset 0 0 0 2px #6a5f9e4d, 0 0 0 2px var(--ink)}.al-tile:hover,.al-tile:focus-visible{background:var(--violet);outline:none}.al-tile.on{background:var(--indigo);box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 2px var(--ink)}.al-tile.fresh:after{content:"";background:var(--rose);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);animation:1.2s steps(2,end) infinite new-pulse;position:absolute;top:-3px;right:-3px}.al-detail{background:#0d0b1a99;flex-direction:column;gap:5px;min-height:132px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 2px #6a5f9e59}.al-detail h3{letter-spacing:2px;color:var(--paper);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:20px}.al-kicker{letter-spacing:3px;color:var(--mist);font-size:11px}.al-kicker.blessing{color:#86c2b2}.al-kicker.curse{color:var(--rose)}.al-text,.al-note{color:var(--cream);margin:0;font-size:13px;line-height:1.4}.al-note{color:var(--amber)}.al-stats{letter-spacing:2px;color:var(--mist);flex-wrap:wrap;gap:6px 14px;font-size:11px;display:flex}.al-stats b{color:var(--paper);font-weight:400}.al-stage{z-index:0;pointer-events:none;grid-area:1/2;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.al-stage img{aspect-ratio:224/300;object-fit:cover;max-width:90%;height:min(78%,560px);image-rendering:pixelated;box-shadow:0 0 0 4px var(--ink), 0 0 0 7px var(--violet), 0 14px 0 6px #0d0b1a80;animation:.3s steps(5,end) both panel-in}.al-stage.unknown img{filter:grayscale()brightness(.35)}.al-stage img,.al-stage .al-medal,.al-stage .al-q{grid-area:1/1}.al-medal{aspect-ratio:1;width:clamp(120px,22vmin,190px);box-shadow:0 0 0 4px var(--ink), 0 0 0 8px var(--amber), 0 0 0 11px var(--ink), 0 0 40px 10px #ffd27a40;background:radial-gradient(circle,#3b3566f2 0 55%,#221d3af2 56% 100%);place-items:center;animation:.3s steps(5,end) both panel-in;display:grid}.al-stage.blessing .al-medal{box-shadow:0 0 0 4px var(--ink), 0 0 0 8px var(--teal), 0 0 0 11px var(--ink), 0 0 40px 10px #3c8a8459}.al-stage.curse .al-medal{box-shadow:0 0 0 4px var(--ink), 0 0 0 8px var(--blood), 0 0 0 11px var(--ink), 0 0 40px 10px #a3302f59}.al-stage.unknown .al-medal{box-shadow:0 0 0 4px var(--ink), 0 0 0 8px var(--violet), 0 0 0 11px var(--ink);opacity:.7}.al-medal .px-icon{width:55%;height:55%}.al-q{color:var(--mist);text-shadow:4px 4px 0 var(--ink);opacity:.85;font-size:clamp(64px,12vmin,120px)}.al-stage.ship .al-q{opacity:.5}.almanac-toast{z-index:30;top:calc(84px + var(--safe-t));right:calc(16px + var(--safe-r));max-width:min(320px,100% - 32px);box-shadow:inset 0 2px 0 #6a5f9e73, 0 0 0 3px var(--ink);pointer-events:none;opacity:0;background:#171428f0;align-items:center;gap:10px;padding:8px 12px;transition:opacity .2s steps(3,end),transform .2s steps(3,end);display:flex;position:absolute;transform:translate(24px)}.almanac-toast.show{opacity:1;transform:none}.almanac-toast .px-icon{flex:none;width:24px;height:24px}.almanac-toast span{min-width:0;color:var(--paper);flex-direction:column;gap:2px;font-size:14px;display:flex}.almanac-toast b{letter-spacing:2px;color:var(--amber);font-size:10px;font-weight:400}.almanac-toast em{color:var(--mist);font-size:12px;font-style:normal}@media (width<=760px) and (aspect-ratio<=1){.menu-dock .menu-item{grid-template-columns:26px 1fr;gap:8px;min-height:56px;padding:6px 8px}.menu-dock .mi-icon{width:26px;height:26px}.menu-dock .mi-label{letter-spacing:1px;font-size:15px}.menu-dock .mi-sub{letter-spacing:0;font-size:11px}#screen-almanac.visible{padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));background:linear-gradient(#0d0b1a00 25%,#0d0b1abf 50%);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;align-items:stretch}.al-stage{grid-area:1/1}.almanac-panel{grid-area:2/1;gap:8px;padding:10px}.al-stage img{height:92%}.al-medal{width:min(38vw, calc(22 * var(--vh)))}.al-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px}.al-tile{min-height:40px}.al-tile .px-icon{width:22px;height:22px}.al-tabs .tab{letter-spacing:0;padding:5px 1px;font-size:9px}.al-detail{min-height:118px;padding:8px 10px}.al-detail h3{font-size:17px}.al-text,.al-note{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.al-note{-webkit-line-clamp:2}.almanac-toast{top:calc(64px + var(--safe-t));right:50%;transform:translate(50%,-12px)}.almanac-toast.show{transform:translate(50%)}}@media (height<=500px){.menu-dock .menu-item{padding-top:4px;padding-bottom:4px}#screen-almanac.visible{padding-top:calc(6px + var(--safe-t));padding-bottom:calc(6px + var(--safe-b));grid-template-columns:minmax(320px,400px) 1fr}.almanac-panel{gap:6px;max-height:100%;padding:8px 10px}.almanac-panel .mp-back{width:34px;height:34px}.al-tabs .tab{letter-spacing:0;flex-direction:row;gap:4px;min-height:34px;padding:3px 2px;font-size:9px}.al-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px}.al-tile{min-height:36px}.al-tile .px-icon{width:20px;height:20px}.al-detail{gap:3px;min-height:0;padding:6px 10px}.al-detail h3{font-size:16px}.al-text,.al-note{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.al-stage img{height:88%}}@media (prefers-reduced-motion:reduce){.almanac-panel,.al-stage img,.al-medal,.al-tile.fresh:after{animation:none}}@media (width<=760px) and (aspect-ratio<=1){#screen-harbour .hb-list{gap:6px}#screen-harbour .hb-item{min-height:48px;padding-top:4px;padding-bottom:4px}#screen-harbour .hb-line{-webkit-line-clamp:1}}@media (height<=500px){#screen-harbour .hb-list{gap:5px}#screen-harbour .hb-item{min-height:42px}}@media (width<=760px) and (aspect-ratio<=1){#screen-harbour .harbour-panel{max-height:66%}}.skill-pips{pointer-events:none;gap:3px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.skill-pips i{background:var(--night);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink)}.skill-pips i.on{background:var(--amber)}.skill-pips i.lust{width:6px}.skill-pips i.lust.on{background:var(--ember)}.hull-sig{color:var(--cream);margin:0;font-size:12px;line-height:1.35}.hull-sig b{letter-spacing:2px;color:var(--amber);font-size:11px;font-weight:400;display:block}.hull-mastery{letter-spacing:1px;width:100%;color:var(--mist);grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;font-size:10px;display:grid}.hull-mastery i{background:linear-gradient(90deg, var(--teal) var(--p), var(--ink) var(--p));height:5px;box-shadow:0 0 0 1px var(--violet)}.hull-mastery small{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:10px;overflow:hidden}.mastery-up{text-align:center;color:var(--ink);background:var(--amber);padding:6px 10px;font-size:13px;line-height:1.4}.mastery-line{text-align:center;color:var(--mist);font-size:12px}@media (width<=760px) and (aspect-ratio<=1),(height<=500px){.card.hull-card ul,.hull-mastery small{display:none}.hull-sig{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.hull-sig b{letter-spacing:1px;font-size:10px}}.menu-dock .menu-item:nth-child(3){--i:5}.menu-dock .menu-item:nth-child(4){--i:6}@media (width<=760px) and (aspect-ratio<=1),(height<=500px){.menu-dock{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-dock .menu-item{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:60px;padding:8px 2px 6px}.menu-dock .mi-icon{width:30px;height:30px}.menu-dock .mi-text{align-items:center}.menu-dock .mi-label{letter-spacing:1px;text-shadow:1px 1px 0 var(--ink);font-size:11px}.menu-dock .mi-sub{display:none}.menu-dock .mi-new{padding:1px 4px 2px;font-size:9px;top:-6px;right:-4px}.menu-dock .menu-item:hover:not(:disabled),.menu-dock .menu-item:focus-visible,.menu-dock .menu-item.open{transform:translateY(-2px)}}@media (height<=500px){.menu-dock .menu-item{min-height:48px;padding-top:5px;padding-bottom:4px}.menu-dock .mi-icon{width:24px;height:24px}.menu-dock .mi-icon .px-icon{width:18px;height:18px}}.boon-lines{text-align:left;margin:0;padding:0;font-size:13px;line-height:1.4;list-style:none}.boon-lines li:before{width:1.1em;font-weight:400;display:inline-block}.boon-lines .gain{color:#a3c65a}.boon-lines .gain:before{content:"+"}.boon-lines .cost{color:var(--rose)}.boon-lines .cost:before{content:"−"}.boon-card.gift .cat{color:#86c2b2}.boon-card.trade .cat{color:var(--fire)}.boon-card.fortune .cat{color:var(--orchid)}@media (width<=760px) and (aspect-ratio<=1),(height<=500px){.boon-lines{font-size:12px}}.port-offer{display:grid;position:relative}.strike-btn{z-index:2;min-height:30px;font:inherit;letter-spacing:1px;color:var(--rose);background:var(--ink);cursor:pointer;border:0;padding:4px 8px;font-size:10px;position:absolute;top:6px;right:6px;box-shadow:inset 0 0 0 2px #ff5a8a8c}.strike-btn:hover:not(:disabled),.strike-btn:focus-visible{color:var(--ink);background:var(--rose);outline:none}.strike-btn:disabled{opacity:.45;cursor:default}body.coarse .strike-btn{min-height:36px}.port-struck{color:var(--mist);text-align:center;margin:0;font-size:11px;line-height:1.35}@media (height<=500px){.port-struck{display:none}}.tide-stepper{align-items:center;gap:10px;display:flex}.tide-step{width:44px;height:36px;font:inherit;color:var(--amber);background:var(--night);box-shadow:inset 0 0 0 2px #6a5f9e99, 0 0 0 2px var(--ink);cursor:pointer;border:0;font-size:22px;line-height:1}.tide-step:hover:not(:disabled),.tide-step:focus-visible{color:var(--ink);background:var(--amber);outline:none}.tide-step:disabled{color:var(--lilac);opacity:.45;cursor:default}.tide-now{letter-spacing:2px;min-width:190px;color:var(--amber);text-align:center;text-transform:uppercase;font-size:13px}.muster-actions .tide-text{max-width:560px;color:var(--mist);text-align:center;margin:0;font-size:11px;line-height:1.35}@media (width<=760px) and (aspect-ratio<=1){.tide-now{letter-spacing:1px;flex:auto;min-width:0;font-size:12px}.tide-stepper{width:100%}}@media (height<=500px){.muster-actions .muster-pick{display:inline}.muster-actions .tide-text{display:none}.tide-step{height:30px}}@media (width<=760px) and (aspect-ratio<=1){.muster-actions{gap:6px;padding-top:8px}.tide-step{height:34px}}@media (height<=500px){.muster-actions{flex-direction:row;justify-content:center;gap:16px}.muster-actions .muster-buttons{flex:0 380px;width:auto}.tide-now{letter-spacing:1px;min-width:170px;font-size:11px}}@media (width<=760px) and (aspect-ratio<=1){.muster-actions .tide-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.muster-actions .muster-buttons .btn{min-height:46px}#muster-panel .muster-pane>.section-title{display:none}#muster-panel{gap:8px}.card.hull-card.locked .hull-mastery{display:none}}.hb-hull{flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.hb-hull h2{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:0 auto;min-width:0;overflow:hidden}.hb-hull .tide-step{flex:none;width:36px;height:34px}.unlock-hint{letter-spacing:0;color:var(--mist);text-align:center;font-size:10px;line-height:1.3;display:block}@media (width<=760px) and (aspect-ratio<=1),(height<=500px){.hb-hull h2{letter-spacing:2px;font-size:14px}}.card.hull-card.selected,.card.hull-card.selected:hover,.card.hull-card.selected:focus-visible{transform:none}@media (hover:none){.menu-item:hover:not(:focus-visible),.menu-dock .menu-item:hover:not(:focus-visible),.mode-card:hover:not(:focus-visible),.hb-item:hover:not(:focus-visible),.al-tile:hover:not(:focus-visible){transform:none}}@supports (height:1svh){:root{--vh:1svh}}@media (width<=760px) and (aspect-ratio<=1){#port-panel{gap:8px}}.chart-orders{align-items:stretch;gap:10px;display:flex}.chart-orders #chart-menu{flex:none;min-width:96px}@media (width<=760px){.chart-orders{width:100%}.chart-orders #chart-go{flex:auto;width:auto}.chart-orders #chart-menu{width:auto;min-width:0;padding-left:18px;padding-right:18px}}.store-slots{right:calc(18px + var(--safe-r));bottom:calc(18px + 76px + 26px + var(--safe-b));pointer-events:none;gap:8px;display:flex;position:absolute}.store-slot{width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 3px var(--ink);cursor:pointer;pointer-events:auto;touch-action:none;background:#171428e0;border:0;place-items:center;padding:0;display:grid;position:relative}.store-slot .px-icon{width:26px;height:26px}.store-slot kbd{font-size:9px;position:absolute;bottom:-6px;right:-4px}.store-slot:hover,.store-slot:focus-visible{background:var(--violet);outline:none}.store-slot.empty{cursor:default;pointer-events:none;background:#0d0b1a73;box-shadow:inset 0 0 0 2px #6a5f9e66,0 0 0 2px #0d0b1a99}body.touch .store-slots,body.coarse .store-slots{right:calc(22px + var(--safe-r));bottom:calc(26px + 92px + 26px + var(--safe-b))}body.touch .store-slot:not(.empty),body.coarse .store-slot:not(.empty),body.touch .store-slot.empty,body.coarse .store-slot.empty{width:52px;height:52px}.service-btn.store{box-shadow:inset 0 0 0 2px var(--teal), 0 0 0 2px var(--ink)}@media (height<=500px){#port-panel .service-btn.wide span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.port-pane[data-pane=armoury]{gap:6px}.port-pane[data-pane=armoury] .service-btn{min-height:44px;padding-top:4px;padding-bottom:4px}}.boon-card.selected{box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 3px var(--ink);background:#3b3566f2}.boon-detail{width:min(760px,100%);min-height:64px;box-shadow:inset 0 0 0 2px #2e2850, 0 0 0 2px var(--ink);text-align:left;background:#0d0b1ae6;padding:10px 14px}.boon-detail h3{letter-spacing:1px;color:var(--paper);margin:0 0 6px;font-size:16px}.boon-detail h3 small{letter-spacing:0;color:var(--mist);margin-left:6px;font-size:11px}.boon-detail ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.boon-detail li{color:var(--cream);grid-template-columns:22px 1fr;align-items:start;gap:8px;font-size:12px;line-height:1.4;display:grid}.boon-detail li .px-icon{width:20px;height:20px}.boon-detail li b{color:#a3c65a;font-weight:400}.boon-detail li.cost b{color:var(--rose)}.boon-hint{color:var(--mist);text-align:center;margin:0;font-size:12px}#boon-go{width:min(360px,100%)}@media (height<=500px){.boon-detail{min-height:0;padding:6px 10px}.boon-detail li{font-size:11px}.boon-detail li span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.store-swap{flex-direction:column;gap:8px;width:100%;display:flex}.store-swap.hidden{display:none}.store-swap-new{box-shadow:inset 0 0 0 2px var(--teal), 0 0 0 2px var(--ink);text-align:left;background:#120e26d9;align-items:center;gap:10px;padding:8px 12px;display:flex}.store-swap-new img{width:36px;height:36px;image-rendering:pixelated;flex:none}.store-swap-new strong{color:var(--amber);display:block}.store-swap-new span{opacity:.9;font-size:.85em}.store-swap-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.store-swap-btn{justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.store-swap-btn img{width:24px;height:24px;image-rendering:pixelated}@media (height<=500px){.store-swap-new{padding:4px 10px}.store-swap-btn{min-height:44px}}.chart-node.op{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 3px var(--ink)}.chart-detail .kind.op{background:var(--amber)}.chart-detail .op-brief{color:var(--amber);font-size:.85em;line-height:1.3}.chart-detail .op-brief+.enemies{margin-top:0}@media (width<=760px) and (aspect-ratio<=1),(height<=500px){.chart-detail .op-brief{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.wreck-report{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.wreck-report.hidden{display:none}.wreck-causes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cause-chip{box-shadow:inset 0 0 0 2px var(--rose), 0 0 0 2px var(--ink);background:#0d0b1ab3;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:inline-flex}.cause-chip .px-icon{width:16px;height:16px}.cause-chip em{color:var(--amber);font-style:normal}.wreck-lost{color:var(--mist);margin:0;font-size:12px}.try-next{text-align:left;width:min(520px,100%);box-shadow:inset 0 0 0 2px #86c2b2, 0 0 0 2px var(--ink);background:#0d0b1a99;padding:6px 10px;font-size:12px;line-height:1.35}.try-next .try-label{letter-spacing:2px;color:#86c2b2;font-size:10px}.try-next p{margin:2px 0 0}@media (height<=700px){.panel.wreck .stats>:nth-child(n+4),.panel.wreck .build-list,.panel.wreck .rows>:nth-last-child(n+3){display:none}.cause-chip{padding:2px 6px;font-size:11px}.wreck-report{gap:4px}.try-next{padding:4px 8px;line-height:1.25}}.wreck-main,.wreck-side{display:contents}@media (height<=500px){.panel.wreck{grid-template-columns:1fr 1fr;align-items:start;column-gap:16px;width:min(860px,100vw - 24px);display:grid}.wreck-main,.wreck-side{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.wreck-side .stats{width:100%}}@media (width<=760px) and (height<=700px) and (aspect-ratio<=1){#debrief-summary{gap:5px}#debrief-summary .chip{gap:4px;padding:2px 7px 3px;font-size:12px}#debrief-summary .px-icon{width:14px;height:14px}}.contract-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.contract-card{font:inherit;text-align:left;color:var(--paper);cursor:pointer;box-shadow:inset 0 0 0 2px #2e2850, 0 0 0 2px var(--ink);background:#0d0b1ae0;border:0;grid-template-columns:24px 1fr;grid-template-areas:"icon name""icon text""icon bonus";align-items:start;gap:2px 8px;padding:8px 10px;font-size:12px;display:grid}.contract-card .px-icon{grid-area:icon;width:22px;height:22px}.contract-card strong{color:var(--amber);grid-area:name}.contract-card strong em{letter-spacing:1px;color:#86c2b2;font-size:9px;font-style:normal}.contract-card span{opacity:.9;grid-area:text}.contract-card b{color:#a3c65a;grid-area:bonus;font-weight:400}.contract-card.none{text-align:center;grid-template-columns:1fr;grid-template-areas:"name""text";align-content:center}.contract-card.on{box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 3px var(--ink);background:#3b3566f2}.chip.contract{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink)}.chip.contract.broken{opacity:.6;box-shadow:inset 0 0 0 2px var(--rose), 0 0 0 2px var(--ink)}@media (height<=500px),(width<=760px) and (aspect-ratio<=1){.contract-card{padding:6px 8px;font-size:11px}}.card.hull-card.locked.loanable .card-icon,.card.hull-card.locked.loanable h3,.card.hull-card.locked.loanable ul{opacity:.85}.unlock-hint.loan{color:#86c2b2;letter-spacing:1px}.chart-detail .tiding-line{font-size:.85em;line-height:1.3}.chart-detail .tiding-line.blessing b{color:#a3c65a}.chart-detail .tiding-line.curse b{color:var(--rose)}.chart-node .node-tiding{width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);background:#a3c65a;position:absolute;top:-5px;right:-5px}.chart-node .node-tiding.curse{background:var(--rose)}@media (height<=700px){.chart-detail .enemies{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.chart-map{background:radial-gradient(at 30% 20%,#3c8a842e,#0000 60%),radial-gradient(at 70% 80%,#6a5f9e29,#0000 60%),repeating-linear-gradient(0deg,#86c2b20f 0 1px,#0000 1px 18px),#121828eb}.chart-map.up{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:hidden auto}.chart-map.up::-webkit-scrollbar{display:none}.chart-canvas{width:100%;position:relative}@media (height<=500px){#screen-chart .chart-head h2{display:none}.chart-map{height:208px}}.fitting-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.fitting-card{text-align:left;min-height:48px;font:inherit;color:var(--cream);border:2px solid var(--line,#3b3566);cursor:pointer;background:#171428eb;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;display:flex;position:relative}.fitting-card strong{font-size:15px}.fitting-card span{color:var(--mist);font-size:11px}.fitting-card:hover,.fitting-card:focus-visible{border-color:var(--amber)}.fitting-card.selected{border-color:var(--amber);background:#3b3566}.fitting-text b{color:var(--cream)}@media (width<=760px){.fitting-card span{display:none}.fitting-card{justify-content:center;align-items:center;min-height:44px}}.refit-groups:has(.fittings) .refit-card p{display:none}.refit-groups:has(.fittings) .refit-card .mount-upgrades .origin{display:none}@media (width<=760px){.refit-groups:has(.fittings) .refit-card .card-icon{width:28px;height:28px}.fitting-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.almanac-toast.placed,.almanac-toast.placed.show{max-width:calc(100vw - 16px);right:auto}.almanac-toast.placed{transform:translateY(-6px)}.almanac-toast.placed.show{transform:none}.chart-node .node-name{letter-spacing:1px;white-space:nowrap;color:var(--rose);pointer-events:none;background:#0d0b1ad9;padding:1px 6px;font-size:11px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.chart-map:not(.up) .chart-node.boss .node-name,.chart-map:not(.up) .chart-node.warden .node-name{left:auto;right:0;transform:none}.contract-card .c-kind{letter-spacing:1px;color:var(--ink);background:var(--rose);margin-right:6px;padding:0 5px;font-size:10px;font-style:normal;display:inline-block}.contract-card .c-kind.goal{background:var(--moss)}#chart-omens .chip.trail{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 3px var(--ink);gap:6px}#chart-omens .chip.trail em{color:var(--mist);font-size:11px;font-style:normal}.event-option em.clue{color:var(--amber);font-style:normal;display:block}.chart-node.destination{box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 3px var(--ink), 0 0 12px #ffd27a73}@media (width<=760px){#chart-omens .chip.trail span{display:none}#chart-omens .chip.trail em{white-space:nowrap}}#chart-omens .chip.prize{box-shadow:inset 0 0 0 2px var(--cream), 0 0 0 3px var(--ink)}#chart-omens .chip.prize.low{box-shadow:inset 0 0 0 2px var(--rose), 0 0 0 3px var(--ink)}.prize-pane{gap:8px;width:100%;display:grid}.prize-pane.hidden{display:none}@media (width<=760px){.prize-pane{grid-template-columns:1fr 1fr}.prize-pane .section-title{grid-column:1/-1}.prize-pane .service-btn span{display:none}}#port-panel .port-pane{gap:8px;width:min(560px,100%)}#port-panel .port-pane>.section-title{letter-spacing:3px;color:var(--mist);text-align:left;align-self:flex-start;margin:4px 0 0;font-size:11px}.service-btn.port-row{text-align:left;grid-template-columns:30px 1fr auto;align-items:center;column-gap:12px;width:100%;min-height:52px;padding:8px 12px;display:grid}.port-row>.px-icon{width:28px;height:28px}.port-row .row-main{min-width:0;color:inherit;font-size:inherit;flex-direction:column;gap:2px;display:flex}.port-row .row-main strong{font-size:15px}.port-row .row-main strong i{letter-spacing:1px;color:var(--mist);margin-left:6px;font-size:11px;font-style:normal}.port-row .row-main em{-webkit-line-clamp:2;color:var(--mist);-webkit-box-orient:vertical;font-size:12px;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.port-row .row-price{color:var(--amber);white-space:nowrap;align-items:center;gap:4px;font-size:16px;font-weight:400;display:flex}.port-row .row-price .px-icon{width:16px;height:16px}.port-row .row-price.short{color:var(--rose)}.port-row .row-price.gain{color:var(--moss)}.port-row .row-key{color:var(--mist);font-size:9px;position:absolute;top:4px;right:8px}.service-btn.port-row{position:relative}.service-btn.port-row:disabled{opacity:.55}#port-panel .port-cards{flex-direction:column;gap:8px;width:100%;display:flex}#port-panel .port-offer{grid-template-columns:1fr auto;gap:6px;width:100%;display:grid}#port-panel .port-offer .strike-btn{width:58px;font-size:10px;line-height:1.3}.port-struck{color:var(--mist);margin:0;font-size:11px}.prize-line{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.prize-line .px-icon{width:22px;height:22px}.prize-line b{color:var(--amber);font-weight:400}.prize-choices{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.port-banner{aspect-ratio:4;width:min(560px,100%);image-rendering:pixelated;box-shadow:inset 0 0 0 2px #2e2850, 0 0 0 2px var(--ink);background:50%/cover no-repeat;flex:none;display:block}@media (width<=760px){.prize-choices{grid-template-columns:1fr}.port-row .row-main em{-webkit-line-clamp:1}}#port-panel{max-height:calc(100dvh - 32px - var(--safe-t) - var(--safe-b));min-height:0}.port-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b3566 transparent;flex-direction:column;flex:auto;align-items:center;gap:10px;width:100%;min-height:0;padding:2px 4px 12px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}@media (height<=500px){#port-panel{max-height:calc(100dvh - 12px - var(--safe-t) - var(--safe-b))}.port-banner{display:none}}#port-panel .port-offer{display:flex}#port-panel .port-offer .card.port-row{flex:auto;width:auto;min-width:0;max-width:none}#port-panel .port-offer .strike-btn{flex:none;position:static}#port-refit .refit-options{flex-direction:column;gap:8px;display:flex}#port-refit .service-btn.port-row.refit-card.selected{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink);background:#3b3566f2}#port-refit .refit-group .slot-title{letter-spacing:2px;color:var(--mist);text-align:left;font-size:10px}#port-refit .refit-consequence{margin:0;font-size:12px}.port-lede{color:var(--mist);align-self:flex-start;margin:-4px 0 2px;font-size:12px}#port-panel>:not(.port-body){flex-shrink:0}.prize-line{text-align:left;align-self:flex-start}#port-cards .card.port-row{gap:0;height:auto;min-height:52px;padding:8px 12px}.port-row .row-main strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=760px){.port-row .row-key{display:none}}#muster-panel{max-height:calc(100dvh - 32px - var(--safe-t) - var(--safe-b));width:min(640px,100%);min-height:0}#muster-panel>:not(.port-body){flex-shrink:0}#muster-panel .port-pane{gap:8px;width:min(560px,100%);display:none}#muster-panel[data-step=ship] .port-pane[data-group=ship],#muster-panel[data-step=terms] .port-pane[data-group=terms]{display:flex}#muster-panel .port-pane>.section-title{letter-spacing:3px;color:var(--mist);text-align:left;align-self:flex-start;margin:4px 0 0;font-size:11px}.muster-rows{flex-direction:column;gap:8px;width:100%;display:flex}#muster-panel[data-step=terms] .tide-stepper,#muster-panel[data-step=terms] .tide-text,#muster-panel[data-step=terms] #muster-next,#muster-panel[data-step=ship] #muster-go{display:none}.port-row.hull-card .row-main em{-webkit-line-clamp:2;min-height:2.7em}.port-row.hull-card .row-main em b{color:var(--amber);font-weight:400}.port-row.hull-card .hull-mastery{letter-spacing:1px;color:var(--mist);grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:10px;display:grid}.port-row.hull-card .hull-mastery i{background:linear-gradient(90deg, var(--teal) var(--p), #0d0b1ae6 var(--p));height:6px;display:block;box-shadow:0 0 0 1px #3b3566}.port-row.hull-card .unlock-hint{letter-spacing:1px;color:var(--rose);font-size:10px}.port-row.hull-card .unlock-hint.loan{color:var(--moss)}.port-row.hull-card.locked:not(.loanable){opacity:.6}.service-btn.port-row.hull-card.selected,.service-btn.port-row.contract-card.on{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink);background:#3b3566f2}.port-row .c-kind{text-align:center;letter-spacing:1px;width:58px;color:var(--ink);background:var(--rose);margin-left:6px;padding:1px 0;font-size:10px;font-style:normal;display:inline-block}.port-row .c-kind.goal{background:var(--moss)}#muster-relics{flex-direction:column;gap:8px;width:100%;display:flex}#muster-relics .relic-unlock{text-align:left;min-height:52px;box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 2px var(--ink);background:#0d0b1ae6;grid-template-columns:30px 1fr auto;align-items:center;column-gap:12px;padding:8px 12px;display:grid}#muster-relics .relic-unlock>div{flex-direction:column;gap:2px;min-width:0;display:flex}#muster-relics .relic-unlock span{color:var(--mist);font-size:12px}.muster-rank{color:var(--mist);text-align:left;margin:0;font-size:11px}#muster-panel .muster-pane>.section-title{display:block}#muster-panel .service-btn.port-row.contract-card,#muster-panel .service-btn.port-row.contract-card.none{text-align:left;font-size:inherit;grid-template-columns:30px 1fr auto;grid-template-areas:none;align-content:normal;align-items:center}#muster-panel .contract-card.port-row>*,#muster-panel .contract-card.port-row .row-main,#muster-panel .contract-card.port-row .row-price{grid-area:auto}#muster-panel .contract-card.port-row .row-main strong{color:var(--paper)}#muster-panel .port-row.hull-card .row-main em b{font-size:inherit;letter-spacing:0;display:inline}#muster-panel .port-row.hull-card .unlock-hint{text-align:left}#muster-panel .muster-buttons .btn{white-space:nowrap}@media (width<=760px){#muster-panel .muster-buttons .btn{letter-spacing:2px}}.hull-detail{width:100%}.hd-card{text-align:left;box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 2px var(--ink);background:#0d0b1ae6;grid-template-columns:64px 1fr;align-items:start;gap:12px;padding:12px;display:grid}.hd-card.chosen{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink)}.hd-icon{background:var(--night);place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 0 0 2px #3b3566}.hd-icon .px-icon{width:44px;height:44px}.hd-card.locked .hd-icon .px-icon{opacity:.45}.hd-main{flex-direction:column;gap:4px;min-width:0;display:flex}.hd-main strong{color:var(--paper);font-size:17px;font-weight:400}.hd-main strong i{letter-spacing:1px;color:var(--mist);margin-left:6px;font-size:11px;font-style:normal}.hd-main .hull-sig{color:var(--cream);margin:0;font-size:12px}.hd-main .hull-sig b{font-weight:400;font-size:inherit;letter-spacing:0;color:var(--amber);display:inline}.hd-traits{color:var(--mist);margin:0;padding-left:14px;font-size:11px}.hd-main .hull-mastery{letter-spacing:1px;color:var(--amber);grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:10px;display:grid}.hd-main .hull-mastery i{background:linear-gradient(90deg, var(--teal) var(--p), #0d0b1ae6 var(--p));height:6px;display:block;box-shadow:0 0 0 1px #3b3566}.hd-next{color:var(--mist);font-size:10px}.hd-main .unlock-hint{letter-spacing:1px;text-align:left;color:var(--rose);font-size:11px;display:block}.hd-main .unlock-hint.loan{color:var(--moss)}.hull-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;width:100%;display:grid}.hull-tile{aspect-ratio:1;cursor:pointer;background:var(--night);min-height:52px;box-shadow:inset 0 0 0 2px #6a5f9e73, 0 0 0 2px var(--ink);border:0;place-items:center;padding:0;display:grid;position:relative}.hull-tile .px-icon{width:30px;height:30px}.hull-tile.locked:not(.loanable) .px-icon{opacity:.35}.hull-tile:hover,.hull-tile:focus-visible{background:var(--violet);outline:none}.hull-tile.read{background:#3b3566}.hull-tile.selected{box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 2px var(--ink)}.tile-badge{letter-spacing:1px;color:var(--ink);background:var(--rose);padding:0 3px;font-size:7px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.tile-badge.loan{background:var(--moss)}.hull-tile .row-key{color:var(--mist);font-size:8px;position:absolute;top:2px;right:4px}@media (width<=760px){.hull-tile .row-key{display:none}}.port-body{scrollbar-gutter:stable;padding-right:10px}.port-body::-webkit-scrollbar{width:4px}.port-body::-webkit-scrollbar-track{background:0 0}.port-body::-webkit-scrollbar-thumb{background:#3b3566}.port-row .row-main strong.named{align-items:center;gap:6px;min-width:0;display:flex}.port-row .row-main strong.named>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.port-row .row-main strong.named>i{flex:none;margin-left:0}.port-row .row-main strong i.c-kind{color:var(--ink)}.hull-portrait{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.hull-tile{overflow:hidden}.hull-tile .hull-portrait{width:calc(100% - 4px);height:calc(100% - 4px)}.hull-tile.locked:not(.loanable) .hull-portrait{filter:grayscale(.8)brightness(.5)}.hd-icon{width:88px;height:88px;overflow:hidden}.hd-card{grid-template-columns:88px 1fr}.hd-card.locked .hd-icon .hull-portrait{filter:grayscale(.8)brightness(.55)}.hull-detail>.hd-card{height:100%}.hull-detail{flex-direction:column;display:flex}.hull-detail>.hd-card{flex:1}.hd-card,.hd-card.chosen{grid-template-columns:1fr;padding:10px 12px}.hd-traits{flex-wrap:wrap;gap:2px 12px;padding-left:0;list-style:none;display:flex}.hd-traits li:before{content:"· ";color:var(--amber)}#chart-omens .chip.sea-rule{box-shadow:inset 0 0 0 2px var(--teal), 0 0 0 3px var(--ink);gap:6px}#chart-omens .chip.sea-rule.curse{box-shadow:inset 0 0 0 2px var(--rose), 0 0 0 3px var(--ink)}#chart-omens .chip.sea-rule em{color:var(--mist);font-size:11px;font-style:normal}@media (width<=760px){#chart-omens .chip.sea-rule em{display:none}}button.captain-strip{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border:0;position:relative}button.captain-strip:hover,button.captain-strip:focus-visible{box-shadow:inset 0 2px 0 #6a5f9e73, inset 0 0 0 2px var(--amber), 0 0 0 3px var(--ink);outline:none}.captain-strip .cs-name i{letter-spacing:1px;color:var(--mist);margin-left:6px;font-size:.75em;font-style:normal}.captain-strip .cs-open{letter-spacing:1px;color:var(--amber);background:var(--ink);align-items:center;gap:6px;padding:1px 6px;font-size:10px;display:flex;position:absolute;top:-9px;right:12px}.captain-strip .cs-open .mi-new{position:static}#record-panel{max-height:calc(100dvh - 32px - var(--safe-t) - var(--safe-b));width:min(640px,100%);min-height:0}#record-panel>:not(.port-body){flex-shrink:0}#record-panel .port-pane{gap:8px;width:min(560px,100%);display:flex}#record-panel .port-pane>.section-title{letter-spacing:3px;color:var(--mist);text-align:left;align-self:flex-start;margin:4px 0 0;font-size:11px}.record-titles{flex-wrap:wrap;gap:8px;width:100%;display:flex}.record-title{min-height:40px;font:inherit;color:var(--cream);cursor:pointer;box-shadow:inset 0 0 0 2px var(--violet), 0 0 0 2px var(--ink);background:#0d0b1ae6;border:0;padding:6px 12px;font-size:13px}.record-title.on{box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink);background:#3b3566}.port-row.accomplishment{cursor:default}.port-row.accomplishment:not(.earned)>.px-icon{opacity:.5}.port-row.accomplishment .row-main em{-webkit-line-clamp:3}.port-row .row-main strong i.earned-tag{color:var(--ink);background:var(--moss);flex:none;padding:1px 6px;font-size:10px}.record-bests{flex-direction:column;width:100%;display:flex}.best-row{color:var(--mist);justify-content:space-between;gap:12px;padding:6px 2px;font-size:13px;display:flex;box-shadow:inset 0 -1px #2e2850}.best-row b{color:var(--amber);text-align:right;font-weight:400}.how-to{left:50%;bottom:calc(96px + var(--safe-b));z-index:25;text-align:center;width:min(460px,100% - 32px);color:var(--cream);box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 3px var(--ink);pointer-events:none;background:#0d0b1aeb;flex-direction:column;align-items:center;gap:10px;padding:12px 16px;font-size:14px;animation:.3s steps(5,end) both panel-in;display:flex;position:absolute;transform:translate(-50%)}.how-to.hidden{display:none}.how-to .kicker{color:var(--amber)}.how-to .btn{pointer-events:auto;min-height:40px;padding:6px 18px;font-size:14px}@media (width<=760px){.how-to{bottom:calc(150px + var(--safe-b))}}.record-title.earned:not(.on){box-shadow:inset 0 0 0 2px var(--moss), 0 0 0 2px var(--ink)}.dock-head{color:var(--muted,#b3a8d4);margin:0 0 6px;font-size:13px}.event-option.dock-pick .key{box-shadow:none;color:inherit;background:0 0;border:0}.event-option.dock-pick .key img{width:18px;height:18px;image-rendering:pixelated}.event-option.dock-back{opacity:.85}@media (height<=520px) and (aspect-ratio>=4/3){#menu-modes{gap:6px}#menu-modes .mode-card{gap:0;padding:6px 12px}#menu-modes .mode-card .mc-body{display:none}#menu-modes .mode-card .mc-foot{display:block}#menu-modes .mc-title{font-size:15px}}.encore{box-shadow:inset 0 0 0 2px var(--ember,#d4552f);background:#d4552f1f;gap:8px;margin-bottom:4px;padding:10px 12px;display:grid}.encore.hidden{display:none}.encore-text{margin:0;font-size:13px;line-height:1.4}.encore-text b{color:var(--amber)}.record-title.mastery:not(.on){box-shadow:inset 0 0 0 2px var(--amber), 0 0 0 2px var(--ink)}.record-tier{letter-spacing:3px;color:var(--amber);margin:10px 0 4px;font-size:11px}.accomplishment.mastery .named span{color:var(--amber)}.accomplishment.locked{opacity:.6}.challenge-card{cursor:default;min-width:0}.challenge-card>*{min-width:0}.challenge-row{gap:6px;margin-top:4px;display:flex}.challenge-row input{width:0;min-width:0;min-height:40px;font:inherit;letter-spacing:1px;color:var(--cream);background:var(--ink);box-shadow:inset 0 0 0 2px var(--violet);border:0;flex:1 1 0;padding:0 10px;font-size:14px}.challenge-row input:focus{box-shadow:inset 0 0 0 2px var(--amber);outline:none}.challenge-row .btn{flex:none;width:auto;min-width:0;min-height:40px;padding:0 14px}.challenge-error:empty{display:none}.challenge-error{color:var(--ember,#d4552f)}.end-actions{flex-direction:column;gap:8px;display:flex}.end-actions #retry-btn,.end-actions #duel-rematch{order:-1}.end-actions .btn.hidden{display:none}@media (width<=560px){#menu-modes .mode-card .mc-kicker{display:none}#menu-modes{gap:8px}}.arena-line{align-items:center;gap:8px;margin:2px 0 4px;display:flex}.arena-line p{margin:0;font-size:12px;line-height:1.35}.arena-map{flex:none}.arena-map .sea{fill:#1d4d55;stroke:#3c8a84;stroke-width:1px}.arena-map circle:not(.sea):not(.you){fill:#b07a3a}.arena-map .you{fill:#ffd27a}@media (width<=560px){.arena-map{width:44px;height:44px}.arena-line p{font-size:11px}}@media (height<=520px){.arena-map{width:30px;height:30px}.arena-line{margin:0}.arena-line .arena-what{display:none}}.sp-list{flex-direction:column;gap:8px;display:flex}.sp-list .menu-item{--i:0}.mode-card.mc-soon{cursor:default;opacity:.72}.mode-card.mc-soon .mc-kicker,#multi-btn .mi-sub{color:var(--rose)}body.duel #hud>:not(#banner),body.duel #offscreen{display:none!important}#duel-hud{z-index:6;pointer-events:none;position:absolute;inset:0}#duel-hud.hidden,body.modal #duel-hud{display:none}.duel-top{top:calc(12px + var(--safe-t));width:min(680px, calc(100% - 96px - var(--safe-l) - var(--safe-r)));align-items:stretch;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.duel-side{flex:1 1 0;grid-template-columns:auto 1fr;grid-template-areas:"who meter""pips dots";align-items:center;gap:5px 8px;min-width:0;padding:7px 10px 8px;display:grid}.duel-side.them{grid-template-columns:1fr auto;grid-template-areas:"meter who""dots pips"}.ds-who{letter-spacing:2px;color:#86c2b2;grid-area:who;font-size:14px}.them .ds-who{color:var(--rose)}.duel-meter{grid-area:meter}.duel-side.them .duel-meter .meter-fill{transform-origin:100%;background:linear-gradient(var(--rose) 0 50%, #8a2848 50% 100%);left:auto;right:2px}.duel-pips{grid-area:pips;gap:3px;display:flex}.them .duel-pips{justify-content:flex-end}.duel-pips .pip{background:var(--indigo);width:12px;height:8px;box-shadow:0 0 0 1px var(--ink)}.duel-pips .pip.on{background:var(--amber)}.duel-dots{grid-area:dots;justify-content:flex-end;gap:4px;display:flex}.them .duel-dots{justify-content:flex-start}.duel-dots .dot{background:var(--ink);width:8px;height:8px;box-shadow:inset 0 0 0 2px var(--lilac)}.you .duel-dots .dot.on{background:#86c2b2}.them .duel-dots .dot.on{background:var(--rose)}.duel-clock{min-width:64px;color:var(--paper);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding:0 10px;font-size:22px;display:grid}.duel-clock.urgent{color:var(--rose);font-size:13px;animation:.6s steps(2,end) infinite blink}.duel-hud-leave{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));pointer-events:auto;color:var(--mist);font-size:18px;position:absolute}.duel-buttons{right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));align-items:flex-end;gap:14px;display:flex;position:absolute}.skill-slot.duel-slot{position:relative;bottom:auto;right:auto}#duel-shield{width:64px;height:64px;box-shadow:inset 0 0 0 3px #6a8fd4, 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink)}.duel-slot .ds-cd{z-index:2;background:#0d0b1ab8;height:0;max-height:calc(100% - 6px);position:absolute;bottom:3px;left:3px;right:3px}.duel-slot .ds-icon{place-items:center;display:grid}.duel-slot .ds-icon .px-icon{width:36px;height:36px}#duel-shield .ds-icon .px-icon{width:30px;height:30px}.duel-slot .ds-name{letter-spacing:1px;text-align:center;color:var(--paper);text-shadow:1px 1px 0 var(--ink);z-index:3;font-size:10px;position:absolute;bottom:4px;left:0;right:0}.duel-slot .skill-key{white-space:nowrap;color:var(--mist);font-size:10px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}body.coarse .duel-slot .skill-key{display:none}body.coarse #duel-active{width:84px;height:84px}body.coarse #duel-shield{width:70px;height:70px}#screen-duel-draft,#screen-duel-result{background:#0d0b1a8c repeating-linear-gradient(0deg,#0d0b1a59 0 3px,#0000 3px 6px)}.duel-draft{gap:14px;width:min(1040px,100%)}.duel-sub{color:var(--cream);margin:8px 0 0;font-size:14px}.duel-timer{background:var(--ink);width:min(320px,80%);height:6px;margin:10px auto 0;box-shadow:0 0 0 2px #2e2850}#duel-draft-timer{background:var(--amber);width:100%;height:100%}.cards.duel-offers{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.duel-card{min-height:190px;padding:12px 10px 14px}.duel-card .card-icon{width:44px;height:44px}.duel-card h3{font-size:18px}.duel-card p{font-size:13px}.duel-card .cat{letter-spacing:2px;font-size:10px}.duel-card.offence .cat{background:var(--fire)}.duel-card.defence .cat{background:var(--moss)}.duel-card.mobility .cat{background:#86c2b2}.duel-card.control .cat{background:var(--orchid)}.duel-card.active .cat{background:var(--rose)}.duel-card.default{box-shadow:inset 0 0 0 2px var(--amber), 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink)}.duel-builds{gap:6px;width:100%;display:grid}.duel-build{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.duel-build b{letter-spacing:2px;color:#86c2b2;margin-right:4px}.duel-build.them b{color:var(--rose)}.duel-build em{color:var(--mist)}.duel-build .chip{color:var(--paper);background:var(--ink);align-items:center;gap:5px;padding:3px 8px 4px;display:flex;box-shadow:inset 0 0 0 2px #2e2850}.duel-build .chip.active{box-shadow:inset 0 0 0 2px #8a2848}.duel-build .chip.replaced{opacity:.5;text-decoration:line-through}.duel-build .px-icon{width:16px;height:16px}.duel-draft-leave{min-width:140px;min-height:40px;padding:8px 18px;font-size:15px}.duel-result{width:min(600px,100%)}.duel-history{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.duel-history .dh{background:var(--lilac);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink)}.duel-history .dh.you{background:#86c2b2}.duel-history .dh.them{background:var(--rose)}@media (width<=760px) and (orientation:portrait){.cards.duel-offers{grid-template-columns:1fr;gap:8px}.duel-card{text-align:left;grid-template-columns:40px 1fr;grid-template-areas:"icon cat""icon name""icon text";justify-items:start;gap:2px 12px;min-height:0;padding:8px 12px;animation:none;display:grid}.duel-card .card-icon{grid-area:icon;align-self:center;width:32px;height:32px}.duel-card .cat{grid-area:cat}.duel-card h3{grid-area:name;font-size:16px}.duel-card p{grid-area:text;font-size:12px}.duel-card .key{display:none}.duel-top{width:calc(100% - 64px - var(--safe-l) - var(--safe-r));left:calc(10px + var(--safe-l));gap:6px;transform:none}.duel-clock{min-width:44px;padding:0 4px;font-size:18px}.duel-clock.urgent{font-size:9px}.duel-side,.duel-side.them{grid-template-columns:1fr;grid-template-areas:"who""meter""pips""dots";gap:4px;padding:6px 7px}.duel-side.them{text-align:right}.duel-pips .pip{width:8px}}@media (height<=500px) and (orientation:landscape){.duel-draft{gap:8px}.duel-draft .levelup-head h2{font-size:20px}.duel-sub{margin-top:2px;font-size:12px}.duel-timer{margin-top:4px}.duel-card{gap:4px;min-height:0;padding:8px 6px 10px}.duel-card .card-icon{width:28px;height:28px}.duel-card h3{font-size:14px}.duel-card p{font-size:11px}.duel-card .key{display:none}}.menu-dock .mi-sub{display:none}#duel-fire{width:84px;height:84px;box-shadow:inset 0 0 0 3px var(--fire), 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink)}body.coarse #duel-fire{width:96px;height:96px}.duel-ammo{z-index:3;justify-content:center;gap:3px;display:flex;position:absolute;top:5px;left:0;right:0}.duel-ammo i{background:var(--ink);width:6px;height:10px;box-shadow:0 0 0 1px var(--lilac)}.duel-ammo i.on{background:var(--amber)}.duel-controls{color:var(--mist);margin:8px 0 0;font-size:12px}.duel-controls kbd{font-size:11px}@media (height<=500px){.duel-controls{display:none}}.duel-controls .legend-desktop{display:block}body.coarse .duel-buttons,body.touch .duel-buttons{grid-template-areas:".shield""active fire";place-items:end;gap:12px;display:grid}body.coarse #duel-shield,body.touch #duel-shield{grid-area:shield;justify-self:center}body.coarse #duel-active,body.touch #duel-active{grid-area:active}body.coarse #duel-fire,body.touch #duel-fire{grid-area:fire}.skill-slot.duel-slot,body.coarse .skill-slot.duel-slot,body.touch .skill-slot.duel-slot{border-radius:50%}#duel-shield{box-shadow:inset 0 0 0 3px #6a8fd4, 0 0 0 3px var(--ink), 0 4px 0 3px #0d0b1a73}#duel-active{box-shadow:inset 0 0 0 3px var(--teal), 0 0 0 3px var(--ink), 0 4px 0 3px #0d0b1a73}#duel-fire{box-shadow:inset 0 0 0 3px var(--fire), 0 0 0 3px var(--ink), 0 4px 0 3px #0d0b1a73}.duel-slot .ds-cd{background:linear-gradient(to top, #0d0b1ab8 var(--cd,0%), transparent var(--cd,0%));border-radius:50%;height:auto;max-height:none;inset:3px}.duel-slot .ds-name{bottom:14%}.duel-ammo{top:14%}#duel-fire .ds-icon{opacity:.45}#duel-fire.inrange .ds-icon{opacity:1}#duel-fire.inrange{box-shadow:inset 0 0 0 3px var(--amber), 0 0 0 3px var(--ink), 0 0 0 6px #f39a3a59, 0 4px 0 3px #0d0b1a73}.duel-tag{pointer-events:none;will-change:transform;justify-items:center;gap:2px;display:grid;position:fixed;top:0;left:0}.duel-tag.hidden{display:none}.dt-pips{box-shadow:0 0 0 1px var(--ink);background:#0d0b1ab3;gap:2px;padding:2px 3px;display:flex}.dt-pips i{background:#2e2850;width:5px;height:8px}.duel-tag.you .dt-pips i.on{background:var(--amber)}.duel-tag.them .dt-pips i.on{background:var(--rose)}.dt-bar{background:var(--ink);width:100%;min-width:26px;height:3px;box-shadow:0 0 0 1px var(--ink);display:none}.duel-tag.reloading .dt-bar{display:block}.dt-bar i{background:var(--paper);width:0;height:100%;display:block}.duel-tag.reloading .dt-pips{animation:.5s steps(2,end) infinite blink}.mode-card.cpu-level.last:before{background:var(--amber)}.mode-card.cpu-level .mc-kicker{color:var(--rose)}@media (height<=520px) and (aspect-ratio>=4/3){#menu-cpu{gap:6px}#menu-cpu .mode-card{gap:0;padding:5px 12px}#menu-cpu .mc-title{font-size:15px}#menu-cpu .mc-body{font-size:12px;line-height:1.25}}