:root{--ink:#e8f0f2;--muted:#93a9b1;--panel:#08161ee0;--edge:#d8b25a73;--gold:#e6c068;--blue:#4da3ff;--red:#ff5a4a;--good:#5bd46c;--bad:#e2563f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#0a1c26;font:13px/1.45 ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:8px 10px;position:fixed}button{font:inherit;color:var(--ink);cursor:pointer;background:#173540;border:1px solid #3f5f68;border-radius:4px;padding:5px 8px}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#top{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:14px;display:flex;top:8px;left:50%;transform:translate(-50%)}#top .b{color:var(--blue)}#top .r{color:var(--red)}#top .m{color:#c9a2ff}#feed{text-align:center;pointer-events:none;gap:3px;display:grid;position:fixed;top:52px;left:50%;transform:translate(-50%)}#feed div{background:#00000073;border-radius:3px;padding:2px 10px;transition:opacity .6s}#bottom{gap:6px;width:min(430px,100vw - 16px);display:grid;bottom:8px;left:8px}#bottom .row{align-items:center;gap:8px;display:flex}#shipname{color:var(--gold);font-weight:600}#gold{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.hp{background:#0009;border-radius:4px;flex:1;height:8px;overflow:hidden}.hp i{background:var(--good);height:100%;display:block}#slots{grid-template-columns:repeat(6,1fr) 6px repeat(2,1fr) 6px 1fr;gap:4px;display:grid}#slots button.gear:nth-child(7){grid-column:8}#slots button.gear{border-style:dashed}#slots button.relic{color:#e2ccff;border-color:#b57bff;grid-column:11}#slots button.relic:disabled{opacity:1}#slots button.relic.empty{opacity:.45}#slots button{min-height:34px;padding:4px 2px;font-size:11px;line-height:1.2}#slots button.empty{opacity:.35}#slots button.new{border-color:var(--gold);background:#4a4224}#stats{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}#skill{min-width:112px}#skill.ready{border-color:var(--gold);color:#ffe7a6}#hint{color:var(--muted);font-size:11px}#shop{width:290px;max-height:calc(100vh - 16px);top:8px;right:8px;overflow:auto}#shop h3{color:var(--gold);margin:6px 0 4px;font-size:12px;font-weight:600}#shop .item{text-align:left;grid-template-columns:1fr auto;gap:2px 8px;width:100%;margin-bottom:4px;display:grid}#shop .item small{color:var(--muted);grid-column:1/-1;font-size:10.5px}#shop .item b{font-weight:600}#shop .item em{margin-left:6px;font-size:10.5px;font-style:normal;font-weight:400}#shop .item .why{color:#e8907f}#shop .item .go{color:#8fd6ff}#shop .price{color:var(--gold);font-variant-numeric:tabular-nums}#shopnote{color:var(--muted);margin:0 0 6px;font-size:11px}#shop.closed,#debug:not(.show){display:none}#debug{z-index:9;color:#b8c9a8;white-space:pre;pointer-events:none;font:11px ui-monospace,Menlo,monospace;bottom:8px;left:8px}#score{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#edf6f3;font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#244e61f5,#102e42fa);border:0;border-radius:10px;flex-direction:column;width:min(960px,100vw - 40px);max-height:calc(100dvh - 48px);padding:0;display:none;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 18px 70px #03142399}#score.show{display:flex}#score .score-header{justify-content:space-between;align-items:center;gap:16px;padding:26px 30px 10px;display:flex}#score .score-header small{color:#a7c7d1;letter-spacing:.12em;font-size:12px}#score h2{color:#f0e8cd;margin:4px 0 0;font-size:26px;line-height:1.3}#score .score-close{color:#c9dde2;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font:26px/1 system-ui,sans-serif;display:grid}#score .score-teams{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#80afbd66 transparent;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;min-height:0;padding:18px 30px 20px;display:grid;overflow-y:auto}#score .score-team{min-width:0;overflow:hidden}#score .score-team-heading{background:linear-gradient(90deg,#579fce38,#579fce08);justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}#score h3{color:#a9d6f6;align-items:center;gap:8px;margin:0;font-size:17px;display:flex}#score .score-team-1 h3{color:#f0b7ae}#score h3 i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px}#score .score-team-heading>span{color:#b9cfd7;font-size:12px}#score table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px}#score th,#score td{text-align:center;border:0;padding:12px 10px}#score thead th{color:#d5e3e8;background:#06172555;padding-top:12px;padding-bottom:12px;font-size:13px;font-weight:700}#score thead th:first-child{text-align:left;width:38%;padding-left:14px}#score thead th:nth-child(2){width:32%}#score thead th:nth-child(n+3){width:15%}#score tbody tr{height:66px}#score tbody th{text-align:left;padding-left:14px;font-weight:600}#score .score-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}#score .score-you{color:#edcf88;font-size:10px;font-weight:500}#score tbody tr:nth-child(odd){background:#b7d7e20d}#score tbody tr:nth-child(2n){background:#06172522}#score thead th:nth-child(3){color:#f3e4b8}#score .score-ship img{vertical-align:middle;object-fit:contain;width:30px;height:30px;margin:0 7px 0 0;display:inline-block}#score .score-ship span{color:#d1e0e6;white-space:nowrap;font-size:13px}#score .score-kills{color:#f3e4b8;font-size:20px;font-weight:700}#score .score-deaths{color:#bbced8;font-size:20px}#score .score-footer{color:#c9dce1;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:13px;display:flex}#score kbd{color:#f0e8cd;background:#416a8044;border:0;border-radius:6px;padding:3px 10px;font:600 13px ui-monospace,monospace}#score .score-close:hover{color:#fff;background:#a3cedc18}@media (width<=680px){#score{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}#score .score-teams{grid-template-columns:1fr;gap:14px;padding:14px}#score .score-header{padding:16px}#score h2{font-size:22px}#score .score-ship img{vertical-align:middle;margin:0 5px 0 0;display:inline-block}#score th,#score td{padding-top:10px;padding-bottom:10px}}#join,#over{z-index:5;background:#040c12b8;place-items:center;display:grid;position:fixed;inset:0}#join form,#over div{background:var(--panel);border:1px solid var(--edge);border-radius:8px;gap:10px;width:min(360px,100vw - 32px);padding:18px 20px;display:grid}#join h1{color:var(--gold);margin:0;font-size:20px}#join p{color:var(--muted);margin:0;font-size:12px}#join label{color:var(--muted);gap:4px;font-size:12px;display:grid}#join input{font:inherit;color:var(--ink);background:#0f2630;border:1px solid #3f5f68;border-radius:4px;padding:7px 8px}#join button{border-color:var(--gold);color:#ffe7a6;background:#3b4a2f;padding:8px;font-weight:600}#over{display:none}#over.show{display:grid}#over>div{pointer-events:auto}#over h2{margin:0;font-size:22px}#overleave{border:1px solid var(--edge);background:var(--panel);color:inherit;font:inherit;cursor:pointer;border-radius:8px;justify-self:center;margin-top:4px;padding:8px 18px;font-weight:700}#overleave:hover,#overleave:focus-visible{filter:brightness(1.25)}@media (width<=760px){#shop{width:calc(100vw - 16px);max-height:38vh;top:auto;bottom:150px}#debug{display:none}#top{gap:8px;font-size:11px}}#menu-ui .audio-volume input[type=range]{width:45%;accent-color:var(--brass);background:0 0;border:0;flex:0 0 45%;margin:0;padding:0}#menu-ui .audio-volume output{text-align:right;min-width:3.5em}#menu-ui .audio-volume>span{flex:1}body:not(.in-game) :is(#top,#bottom,#shop,#debug,#feed,#settings,#minimap,#minimap-danger,#score,#ship-inspect,#goldfx,.ship-labels){visibility:hidden;pointer-events:none}body:not(.in-game) #menu-button,body.match-finale #menu-button,body.menu-open #menu-button{display:none}#menu-ui{--ink:#f1e6c8;--brass:#d0a94c;--brass2:#8f7230;--navy:#091a28db;--parch:#efe0bb;--brown:#3a2a17;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.22, 1, .36, 1);--u:min(1vw, 1.7778vh);--font:"Cinzel", "Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif;z-index:20;color:var(--ink);font-family:var(--font);font-size:max(14px, calc(var(--u) * 1.15));letter-spacing:.02em;touch-action:manipulation;line-height:1.25;position:fixed;inset:0}#menu-ui[hidden]{display:none}#menu-ui *,#menu-ui :before,#menu-ui :after{box-sizing:border-box}#menu-ui :where(button,input){font:inherit;color:inherit}#menu-ui :where(button){cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}#menu-ui button:disabled{opacity:.45;cursor:default}#menu-ui :focus-visible{outline:none}#menu-ui.busy{pointer-events:none}#menu-ui .scrim{pointer-events:none;background:linear-gradient(90deg,#040e18d1 0,#040e188c 34%,#040e1800 62%);position:absolute;inset:0}#menu-ui.leaving-title[data-screen=title] :is(.stage,.scrim){opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(-1.5vh)}#menu-ui.leaving-title[data-screen=title] .scrim{transform:none}#menu-ui[data-screen=title] .scrim{background:radial-gradient(55% 40% at 50% 45%,#040e1866,#040e1800 70%),radial-gradient(#040e1800,#040e1880)}#menu-ui :is([data-screen=lobby],[data-screen=pause]) .scrim{background:#040e1873}#menu-ui .corner{width:46vh;color:var(--brass);opacity:.16;pointer-events:none;animation:240s linear infinite menu-spin;position:absolute;bottom:-6vh;right:-6vh}#menu-ui .stage{padding:calc(var(--u) * 4) calc(var(--u) * 4) calc(var(--u) * 4) calc(var(--u) * 7);justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}#menu-ui .stage.center{padding-left:calc(var(--u) * 4);justify-content:center}#menu-ui[data-screen=title] .stage{justify-content:center;gap:calc(var(--u) * 6);flex-direction:column}#menu-ui .menu,#menu-ui .card{gap:calc(var(--u) * 1.3);width:min(calc(var(--u) * 36), 92vw);flex-direction:column;margin:auto 0;display:flex}#menu-ui .card--wide{width:min(calc(var(--u) * 46), 94vw)}#menu-ui .card--lobby{width:min(calc(var(--u) * 70), 94vw)}#menu-ui .card--narrow{width:min(calc(var(--u) * 30), 92vw)}#menu-ui .logo{text-align:center;flex-direction:column;align-items:center;gap:.3em;display:flex}#menu-ui .logo .rose{width:calc(var(--u) * 8);color:var(--brass);filter:drop-shadow(0 4px 10px #00000080);animation:60s linear infinite menu-spin}#menu-ui .logo h1{font-size:calc(var(--u) * 9);letter-spacing:.25em;color:var(--parch);text-shadow:0 2px 0 var(--brass2), 0 8px 24px #0009;margin:0;padding-left:.25em;font-weight:800}html:lang(en) #menu-ui .logo h1{font-size:min(calc(var(--u) * 5), 8vw);letter-spacing:.12em;padding-left:.12em}html:lang(en) #menu-ui .brand b{font-size:calc(var(--u) * 2.6);letter-spacing:.08em}#menu-ui .logo p{letter-spacing:.5em;color:var(--brass);font-size:calc(var(--u) * 1.6);margin:0}#menu-ui .logo hr{width:calc(var(--u) * 26);background:linear-gradient(90deg, transparent, var(--brass), transparent);border:0;height:2px;margin:.8em 0 0}#menu-ui .press{text-align:center;font-weight:700;font-size:calc(var(--u) * 1.8);color:var(--parch);text-shadow:0 2px 10px #000000b3;animation:menu-in .55s var(--spring) backwards .5s, menu-blink 1.8s ease-in-out 1.2s infinite;margin:0}#menu-ui .press small{opacity:.6;letter-spacing:.3em;margin-top:.3em;font-size:.55em;display:block}#menu-ui .brand{border-bottom:1px solid var(--brass2);align-items:baseline;gap:.8em;margin-bottom:.4em;padding:0 .3em .3em;display:flex}#menu-ui .brand b{font-size:calc(var(--u) * 3.6);color:var(--parch);letter-spacing:.2em;text-shadow:0 2px 0 var(--brass2)}#menu-ui .brand small{color:var(--brass);letter-spacing:.35em;font-size:calc(var(--u) * 1.1)}#menu-ui .ver{left:calc(var(--u) * 7);bottom:calc(var(--u) * 3);opacity:.7;margin:0;font-size:.85em;position:absolute}#menu-ui .btn,#menu-ui .card{background:var(--navy);color:var(--ink);box-shadow:inset 0 0 0 3px var(--navy), inset 0 0 0 4px #d0a94c47, 0 10px 30px #00000059;border:1px solid #d0a94c99;border-radius:3px}#menu-ui .card{padding:calc(var(--u) * 2.2)}#menu-ui .btn{text-align:left;min-height:calc(var(--u) * 5);transition:translate .25s var(--spring), transform .25s var(--spring);flex-direction:column;justify-content:center;align-items:flex-start;gap:.15em;padding:.5em 1.1em;display:flex;position:relative}#menu-ui .btn b{font-size:calc(var(--u) * 1.9);letter-spacing:.12em;font-weight:800}#menu-ui .btn small{opacity:.75;font-size:.85em}#menu-ui .btn--primary{color:#2a1d0b;background:linear-gradient(#e6c56c,#c19a3e);border-color:#f3dc98;box-shadow:inset 0 0 0 3px #c9a247,inset 0 0 0 4px #3a2a1766,0 10px 30px #00000059}#menu-ui .btn--go{align-items:center}#menu-ui .btn--go b{font-size:calc(var(--u) * 2.4)}#menu-ui .btn.is-focus{translate:calc(var(--u) * .8) 0}#menu-ui .card .btn.is-focus{translate:0}#menu-ui :is(.btn,.back,.pill,.slot):active:not(:disabled){transition-duration:60ms;transform:scale(.96)}#menu-ui .head{align-items:center;gap:calc(var(--u) * 1.4);border-bottom:1px solid #d0a94c66;padding-bottom:.6em;display:flex}#menu-ui .head h2{min-width:0;font-size:calc(var(--u) * 2.4);letter-spacing:.2em;color:var(--parch);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}#menu-ui .head--c{justify-content:center}#menu-ui .head--c h2{flex:none}#menu-ui :is(.back,.pill){color:var(--brass);white-space:nowrap;transition:transform .25s var(--spring);border:1px solid #d0a94c80;border-radius:2px;font-weight:700}#menu-ui .back{padding:.3em .8em}#menu-ui .pill{padding:.35em .9em;font-size:.9em}#menu-ui :is(.back,.pill).is-focus{color:var(--parch)}#menu-ui .row{min-height:calc(var(--u) * 4);border-bottom:1px dotted #d0a94c40;justify-content:space-between;align-items:center;gap:1em;display:flex}#menu-ui .row>span{font-weight:700}#menu-ui .seg{border:1px solid #d0a94c80;border-radius:3px;gap:.3em;padding:2px;display:flex}#menu-ui .seg button{opacity:.75;border-radius:2px;padding:.4em 1em;font-weight:700}#menu-ui .seg button.on{background:var(--parch);color:var(--brown);opacity:1}#menu-ui .tog{background:#0006;border:1px solid #d0a94c99;border-radius:99px;flex:none;width:3.4em;height:1.8em;position:relative}#menu-ui .tog i{background:var(--brass2);width:1.4em;height:1.4em;transition:transform .3s var(--spring);border-radius:50%;position:absolute;top:.2em;left:.2em}#menu-ui .tog[aria-checked=true]{background:#d0a94c4d}#menu-ui .tog[aria-checked=true] i{background:var(--parch);transform:translate(1.6em)}#menu-ui .join{gap:.6em;display:flex}#menu-ui .join .btn{flex:none;min-height:0}#menu-ui .join .btn b{font-size:calc(var(--u) * 1.6)}#menu-ui input{min-width:0;color:var(--parch);background:#00000059;border:1px solid #d0a94c99;border-radius:3px;outline:0;flex:1;padding:.5em .8em;font-weight:800}#menu-ui select.lang{color:var(--parch);font:inherit;background:#00000059;border:1px solid #d0a94c99;border-radius:3px;outline:0;padding:.4em .8em;font-weight:800}#menu-ui select.lang:focus{border-color:var(--parch)}#menu-ui select.lang option{color:initial}#menu-ui input:focus{border-color:var(--parch)}#menu-ui input::placeholder{color:#efe0bb66;font-weight:700}#menu-ui .join--code input{text-transform:uppercase;letter-spacing:.3em;text-align:center}#menu-ui .field{color:var(--brass);white-space:nowrap;align-items:center;gap:.8em;font-weight:700;display:flex}#menu-ui .note{opacity:.7;margin:0;font-size:.85em}#menu-ui .loading{color:var(--brass);margin:0}#menu-ui .rooms{max-height:min(calc(var(--u) * 26), 40vh);gap:.5em;display:grid;overflow-y:auto}#menu-ui .room{background:#00000047;border:1px solid #d0a94c4d;border-radius:2px;align-items:center;gap:.8em;padding:.6em .9em;display:flex}#menu-ui .room>div{flex:1;gap:.2em;min-width:0;display:grid}#menu-ui .room strong{color:var(--parch);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#menu-ui .room small{opacity:.7;font-size:.8em}#menu-ui .room .count{color:var(--brass);white-space:nowrap;font-size:.85em}#menu-ui .code{color:var(--parch);letter-spacing:.25em;font-family:ui-monospace,Menlo,monospace}#menu-ui .teams{gap:calc(var(--u) * 1.6);grid-template-columns:1fr 1fr;display:grid}#menu-ui .team{flex-direction:column;gap:.5em;display:flex}#menu-ui .team h3{letter-spacing:.3em;color:var(--brass);margin:0 0 .2em;font-size:1.15em}#menu-ui .team--b h3{color:#9fc4f5}#menu-ui .team--r h3{color:#ff9a86}#menu-ui .slot{text-align:left;background:#00000047;border:1px solid #d0a94c4d;border-radius:2px;justify-content:space-between;align-items:center;gap:.6em;padding:.7em 1em;font-weight:700;display:flex}#menu-ui .slot small{opacity:.7;font-weight:500}#menu-ui .slot--me{border-color:var(--brass);background:#d0a94c26}#menu-ui .slot--open{opacity:.6;width:100%;color:inherit;font:inherit;cursor:pointer;border-style:dashed;font-weight:700}#menu-ui .slot--open:hover,#menu-ui .slot--open:focus-visible{opacity:1;border-color:var(--brass)}#menu-ui .bar{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}#menu-ui .bar .note{flex:1;min-width:12em}#menu-ui .keys{gap:.7em;margin:0;padding:0;list-style:none;display:grid}#menu-ui .keys kbd{border:1px solid var(--brass);color:var(--parch);background:#d0a94c24;border-radius:2px;margin-right:.2em;padding:.05em .45em;font:700 .8em ui-monospace,Menlo,monospace}#menu-ui .toast{left:50%;bottom:calc(var(--u) * 5);translate:-50% calc(var(--u) * 2);background:var(--parch);max-width:90vw;color:var(--brown);border:1px solid var(--brass2);opacity:0;pointer-events:none;transition:opacity .25s, translate .35s var(--spring);z-index:40;border-radius:2px;padding:.6em 1.2em;position:absolute}#menu-ui .toast.on{opacity:1;translate:-50%}#menu-ui .in{animation:menu-in .55s var(--spring) backwards;animation-delay:calc(var(--i,0) * 45ms + 30ms - var(--since,0s))}#menu-ui .stage.steady .in,#menu-ui .stage.ghost .in{animation:none}#menu-ui .stage.ghost{pointer-events:none;animation:menu-out .18s var(--out) forwards}#menu-ui .stage.ghost.back{animation-name:menu-out-back}#menu-ui .wipe{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}#menu-ui .wipe[hidden]{display:none}#menu-ui .wipe b{background:radial-gradient(circle,#0d2c40,#061622 72%);border-radius:50%;width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;position:absolute;top:50%;left:50%}#menu-ui .wipe .rose{width:calc(var(--u) * 9);margin:calc(var(--u) * -4.5) 0 0 calc(var(--u) * -4.5);color:var(--brass);animation:2.4s linear infinite menu-spin;position:absolute;top:50%;left:50%}@keyframes menu-in{0%{opacity:0;translate:0 calc(var(--u) * 2.4)}}@keyframes menu-out{to{opacity:0;translate:calc(var(--u) * -3) 0}}@keyframes menu-out-back{to{opacity:0;translate:calc(var(--u) * 3) 0}}@keyframes menu-spin{to{rotate:360deg}}@keyframes menu-blink{50%{opacity:.45}}@media (width<=720px){#menu-ui{--u:9px}#menu-ui .corner{width:min(46vh,70vw)}#menu-ui .stage,#menu-ui .stage.center{padding:calc(var(--u) * 4) 16px;padding-top:max(24px, env(safe-area-inset-top));justify-content:center}#menu-ui .teams{grid-template-columns:1fr}#menu-ui .ver{display:none}#menu-ui .scrim{background:#040e1899}}@media (prefers-reduced-motion:reduce){#menu-ui .stage.ghost{display:none}#menu-ui *,#menu-ui :before,#menu-ui :after{transition:none!important;animation:none!important}}:root{--hud-bottom-gap:max(clamp(8px, 1.2dvh, 12px), env(safe-area-inset-bottom,0px));--console-height:calc(116px * var(--hud-scale,1) + var(--hud-bottom-gap))}#bottom.console{--text:#eef8f5;--muted:#abc8ce;top:auto;left:50%;bottom:var(--hud-bottom-gap);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:490px;max-width:none;height:116px;color:var(--text);z-index:2;isolation:isolate;transform:translateX(-50%) scale(var(--hud-scale,1));transform-origin:50% 100%;background:linear-gradient(145deg,#244e61b8,#102e42cf);border:1px solid #b4e6e84d;border-radius:12px;padding:0;font:500 14px/1.2 PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:fixed;box-shadow:inset 0 1px #c2f0eb26,0 3px 12px #061e3233}#bottom.console *,#bottom.console :before,#bottom.console :after{box-sizing:border-box}#bottom.console [hidden]{display:none!important}#bottom.console button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}#bottom.console b,#bottom.console #gold,#bottom.console #kd{font-variant-numeric:tabular-nums}#bottom.console .porthole{background:#4d899344;border:1px solid #d8c58e99;border-radius:10px;width:36px;height:36px;padding:0;position:absolute;top:9px;left:9px;overflow:hidden}#bottom.console #portrait{object-fit:contain;pointer-events:none;width:100%;height:100%}#bottom.console .plate{width:288px;position:absolute;top:8px;left:55px}#bottom.console #shipname{text-overflow:ellipsis;color:#fff1cd;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}#bottom.console .hpwrap{background:#102d3c;border:1px solid #112f3e;border-radius:5px;width:288px;height:18px;position:absolute;top:29px;left:55px;overflow:hidden}#bottom.console #hpbar{background:linear-gradient(#91e878 0 28%,#5fc763 28% 76%,#3d9c59 76%);transition:width .16s linear;position:absolute;inset:0 auto 0 0}#bottom.console #hptext{text-shadow:0 1px 2px #133c2a,1px 0 #133c2a;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}#bottom.console #hint{color:#e9e8c4;pointer-events:none;background:#16394ce8;border:1px solid #8fb9c24d;border-radius:7px;max-width:490px;padding:5px 9px;font-size:12px;position:absolute;bottom:122px;left:0}#bottom.console #hint:empty{display:none}#bottom.console:has(#console-details:not([hidden])) #hint{display:none}#bottom.console #shopbtn{white-space:nowrap;background:#8a916533;border:1px solid #d1b97b88;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:124px;height:38px;padding:0 5px;display:flex;position:absolute;top:9px;right:9px}#bottom.console .coin{background:linear-gradient(135deg,#ffe9a0 0 40%,#f5c95c 40%);border:1px solid #d09f41;border-radius:50%;flex:0 0 15px;width:15px;height:17px;box-shadow:inset 0 0 0 2px #ffe7a0}#bottom.console #gold{color:#ffe49a;letter-spacing:-.03em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:800}#bottom.console .shop-label{color:#eadcb1;font-size:12px}#bottom.console #skill{background:#225d6c99;border:2px solid #e7ca7b;border-radius:9px;width:46px;min-width:0;height:46px;padding:0;position:absolute;top:58px;left:9px;box-shadow:0 2px #102e3d55}#bottom.console #skill img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#bottom.console #skill .sweep{background:conic-gradient(#082331d9 var(--cd,0deg), transparent 0);border-radius:6px;position:absolute;inset:0}#bottom.console #skilltime{text-shadow:0 2px 3px #061e2c;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;inset:0}#bottom.console #skill.ready .sweep{display:none}#bottom.console #skill:disabled{cursor:default;filter:grayscale(.8)}#bottom.console #skill .key{background:#102f40ed;border-radius:3px;padding:0 3px;font-size:11px;position:absolute;bottom:1px;left:1px}#bottom.console #skillname{display:none}#bottom.console #loadout-toggle{text-align:left;background:0 0;border:0;border-radius:6px;width:177px;height:50px;padding:0;position:absolute;top:56px;left:67px}#bottom.console .loadout-counts{color:#d7e8df;white-space:nowrap;align-items:center;gap:10px;height:18px;font-size:12px;display:flex}#bottom.console #gear-count{color:#acd4d4;font-size:11px}#bottom.console .equipment-toggle{text-align:left;background:0 0;border:0;border-radius:5px;height:50px;padding:0;position:absolute;top:56px}#bottom.console #gear-toggle{width:57px;left:256px}#bottom.console #relic-toggle{width:27px;left:327px}#bottom.console #relic-toggle .loadout-counts{color:#c4b6d7;justify-content:center;font-size:11px}#bottom.console #relic-toggle:before{content:"";background:#9dc6d144;width:1px;position:absolute;top:3px;bottom:0;left:-8px}#bottom.console #gear-strip{grid-template-columns:repeat(2,27px);gap:3px;margin-top:3px;display:grid}#bottom.console #relic-strip{margin-top:3px;display:block}#bottom.console .mini-slot.gear-slot{border-color:#66b9b76b}#bottom.console .mini-slot.relic-slot{border-color:#b89bd680}#bottom.console .mini-slot.relic-slot.occupied{background:#43446766}#bottom.console .mini-slot.relic-slot.empty:after{content:"";border:1px solid #b89bd655;width:9px;height:9px;transform:rotate(45deg)}#bottom.console .expand-mark{color:#a9cbd3;margin-left:auto}#bottom.console #loadout-toggle[aria-expanded=true] .expand-mark{transform:rotate(180deg)}#bottom.console #weapon-strip{grid-template-columns:repeat(6,27px);gap:3px;margin-top:3px;display:grid}#bottom.console .mini-slot{background:#0b2b3d70;border:1px solid #9dc6d15c;border-radius:5px;place-items:center;width:27px;height:27px;display:grid;position:relative}#bottom.console .mini-slot.occupied{background:#35636a88;border-color:#b1c78a}#bottom.console .mini-slot img{object-fit:contain;pointer-events:none;width:25px;height:25px}#bottom.console .mini-slot.locked img{opacity:.5;width:14px;height:14px}#bottom.console .battle-actions{grid-template-columns:52px 52px;gap:8px;display:grid;position:absolute;top:58px;right:9px}#bottom.console :is(.battle-actions button,#scorebtn){white-space:nowrap;background:#416a8044;border:1px solid #9dc6d166;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:0;height:46px;padding:4px;font-size:14px;display:flex}#bottom.console .battle-actions button{gap:3px;padding:2px;font-size:13px}#bottom.console .battle-actions .key{color:#9ab7c4;font-size:9px}html:not(:lang(zh)) #bottom.console .battle-actions button{flex-direction:column;gap:0;line-height:1.1}#bottom.console #console-details{background:#143448f5;border:1px solid #91c6d477;border-radius:12px;width:410px;max-height:calc(100dvh - 154px);padding:12px;position:absolute;bottom:126px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 24px #061b3155}#bottom.console .details-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}#bottom.console .details-header strong{color:#f6e8bf;font-size:16px;display:block}#bottom.console #kd{color:#a5c0cc;margin-top:4px;font-size:12px;display:block}#bottom.console #console-details-close{background:#416a8044;border:1px solid #829fa34d;border-radius:8px;width:36px;height:36px;padding:0;font-size:24px}#bottom.console #stats{color:#adc8cf;background:#082b3d55;border:1px solid #709eae33;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;display:grid}#bottom.console #stats span{white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}#bottom.console #stats svg{color:#82bdc5;width:16px;height:16px}#bottom.console #stats b{color:#f0faf7;margin-left:auto;font-size:15px}#bottom.console #stats .heal{color:#93e6a3}#bottom.console .details-label{justify-content:space-between;align-items:center;gap:8px;margin:14px 0 8px;display:flex}#bottom.console .details-label>span{color:#8dabb8;font-size:12px}#bottom.console #wslots{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}#bottom.console :is(.wslot,.gslot){background:#0b2b3d70;border:1px solid #9dc6d15c;border-radius:7px;min-width:0;height:54px;padding:0;position:relative;overflow:hidden}#bottom.console .wslot img{object-fit:contain;pointer-events:none;width:100%;height:43px;position:absolute;top:0;left:0}#bottom.console .wslot .item-name{text-overflow:ellipsis;color:#eef5dd;white-space:nowrap;pointer-events:none;background:#102c3ce6;padding:2px 0;font-size:12px;line-height:14px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#bottom.console .wslot.locked img{opacity:.55;width:22px;height:22px;top:15px;left:calc(50% - 11px)}#bottom.console :is(.wslot,.gslot):disabled{opacity:1;cursor:default}#bottom.console :is(.wslot,.gslot):not(:disabled):hover{filter:brightness(1.15);border-color:#d8edac}#bottom.console .equipment-details{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:14px;display:flex}#bottom.console .equipment-details strong{font-size:14px}#bottom.console #gslots{gap:7px;margin-top:8px;display:flex}#bottom.console .gslot{background:#23556255;border-color:#6ec7c477;width:48px;height:48px}#bottom.console .gslot.empty:after{content:"";border:2px dashed #65a8ad77;border-radius:50%;position:absolute;inset:13px}#bottom.console .gslot img{object-fit:contain;pointer-events:none;width:100%;height:100%}#bottom.console .relic-details{border-left:1px solid #9dc6d133;padding-left:16px}#bottom.console #relic{background:#43446744;border:1px solid #b89bd64d;border-radius:7px;place-items:center;width:48px;height:48px;margin-top:8px;padding:2px;display:grid;position:relative}#bottom.console #relic.empty:after{content:"";border:1px solid #b89bd655;width:14px;height:14px;transform:rotate(45deg)}#bottom.console #relic img{object-fit:contain;width:100%;height:100%}#bottom.console #relic.has{border-color:#c7a0ef}#bottom.console #console-details footer{border-top:1px solid #8bb7c533;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:10px;display:flex}#bottom.console #loadout-help{color:#a6bfca;font-size:12px}#bottom.console #scorebtn{height:34px;padding:4px 8px}#bottom.console #scorebtn .key{color:#9ab7c4;font-size:11px}#bottom.console button:not(:disabled):hover{filter:brightness(1.15)}#bottom.console button:focus-visible{outline-offset:3px;outline:2px solid #9ae8d3}#bottom.console button:active:not(:disabled){filter:brightness(.9)}#bottom.console .new{animation:1.5s ease-out console-new}@keyframes console-new{0%,40%{filter:brightness(1.7)drop-shadow(0 0 4px #e6c068)}}#shop .item.has-icon{grid-template-columns:40px 1fr auto;align-items:center;column-gap:8px}#shop .item.has-icon .icon{object-fit:contain;filter:drop-shadow(0 2px 2px #0009);grid-row:1/3;width:40px;height:40px}#shop .item.has-icon small{grid-column:2/-1}#shop .item.has-icon:disabled .icon{filter:grayscale(.6)brightness(.8)}@media (width<=900px){#bottom.console{transform:scale(var(--hud-scale,1));transform-origin:0 100%;left:12px}}@media (prefers-reduced-motion:reduce){#bottom.console #hpbar{transition:none}#bottom.console .new{animation:none}}#console-tooltip{z-index:8;color:#e7f4f2;pointer-events:none;background:#123247f5;border:1px solid #91c6d477;border-radius:9px;width:max-content;max-width:min(280px,100vw - 24px);padding:10px 13px;position:fixed;box-shadow:0 4px 16px #061b3155}#console-tooltip[hidden],body:not(.in-game) #console-tooltip,body.menu-open #console-tooltip,body.match-finale #console-tooltip{display:none}#console-tooltip strong{color:#f4e6bf;font-size:15px}#console-tooltip p{color:#bcd4dd;white-space:pre-line;margin:6px 0 0;font-size:13px;line-height:1.6}#console-tooltip p:empty{display:none}#bottom.console button:disabled[data-tip-title]{pointer-events:none}#shop.glass-shop{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#244e61cf,#102e42e0);border:1px solid #b4e6e84d;border-radius:12px;flex-direction:column;width:330px;max-height:min(80dvh,100dvh - 24px);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,PingFang SC,Microsoft YaHei,monospace;display:flex;top:12px;bottom:auto;right:12px;overflow:hidden;box-shadow:inset 0 1px #c2f0eb26,0 3px 16px #061e3233}#shop.glass-shop.closed{display:none}html:not(:lang(zh)) #shop.glass-shop{width:390px}#shop.glass-shop .shop-header{flex:none;align-items:center;gap:10px;min-height:32px;display:flex}#shop.glass-shop .shop-header>strong{color:#f0e8cd;white-space:nowrap;font-size:16px}#shop.glass-shop #shop-close{color:#bbd1d9;background:#416a8044;border:1px solid #9dc6d14d;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;font:24px/1 system-ui,sans-serif;display:grid}#shop.glass-shop .shop-wallet{color:#ffe49a;white-space:nowrap;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;display:flex}#shop.glass-shop .shop-wallet i{background:linear-gradient(135deg,#ffe9a0 0 40%,#f5c95c 40%);border:1px solid #d09f41;border-radius:50%;width:14px;height:16px;box-shadow:inset 0 0 0 2px #ffe7a0}#shop.glass-shop .shop-wallet b{font-variant-numeric:tabular-nums;font-size:15px}#shop.glass-shop .shop-wallet small{font-size:11px}#shop.glass-shop #shop-content{flex-direction:column;gap:9px;min-height:0;padding-top:10px;display:flex}#shop.glass-shop #shop-tabs{background:#0a293c55;border:1px solid #8bb7c526;border-radius:9px;flex:none;grid-template-columns:repeat(3,1fr);gap:5px;padding:3px;display:grid}#shop.glass-shop #shop-tabs button{color:#a7c1cc;background:0 0;border:1px solid #0000;border-radius:6px;height:34px;padding:4px;font-size:14px;font-weight:600}#shop.glass-shop #shop-tabs button[aria-selected=true]{color:#e5fff4;background:#488d9855;border-color:#8dd5d56b;box-shadow:inset 0 -2px #8cd7ca88}#shop.glass-shop #shopnote{color:#b3ced5;background:#0c293c44;border:1px solid #8bb7c526;border-radius:7px;flex:none;margin:0;padding:8px 9px;font-size:12px;line-height:1.6}#shop.glass-shop #shopcategory{color:#9ebcc9;flex:none;margin:0;font-size:11px;line-height:1.5}#shop.glass-shop #shoplist{scrollbar-width:thin;scrollbar-color:#80afbd66 transparent;scrollbar-gutter:stable;overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow:hidden auto}#shop.glass-shop .item{color:#eef8f5;text-align:left;background:#35607440;border:1px solid #9dc6d14d;border-radius:7px;grid-template-rows:18px 16px;grid-template-columns:36px minmax(0,1fr) auto;align-content:center;align-items:center;gap:2px 7px;width:100%;height:56px;min-height:56px;max-height:56px;margin:0;padding:7px;transition:background .12s,border-color .12s;display:grid;position:relative}#shop.glass-shop .shop-entry{margin-bottom:5px}#shop.glass-shop .shop-entry:last-child{margin-bottom:0}#shop.glass-shop .item.has-icon .icon{object-fit:contain;filter:drop-shadow(0 2px 2px #0005);grid-area:1/1/3;align-self:center;width:36px;height:36px}#shop.glass-shop .item-title{grid-area:1/2;align-items:baseline;gap:6px;min-width:0;display:flex}#shop.glass-shop .item-title b{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:100%;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}#shop.glass-shop .item>.price{color:#f4d88b;white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:1/3;align-self:center;font-size:14px;font-weight:700}#shop.glass-shop .item>.price small{color:#d7c58e;font-size:10px;font-weight:400}#shop.glass-shop .item-action{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}#shop.glass-shop .item-summary{color:#c3d9df;font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:2/2/auto/-1;align-items:center;gap:10px;min-width:0;max-width:100%;font-size:11.5px;line-height:16px;display:flex;overflow:hidden}#shop.glass-shop .item-summary span+span:before{content:"·";color:#7398a9;margin-right:10px}#shop.glass-shop #shoplist[aria-labelledby=shop-tab-ship] .item-summary{gap:4px}#shop.glass-shop #shoplist[aria-labelledby=shop-tab-ship] .item-summary span{flex-shrink:0}#shop.glass-shop #shoplist[aria-labelledby=shop-tab-ship] .item-summary span+span:before{margin-right:4px}#shop.glass-shop .item em{text-overflow:ellipsis;margin:0;font-size:10.5px;font-style:normal;line-height:1.3;display:block;overflow:hidden}#shop.glass-shop .item .buy{color:#b6ddc5}#shop.glass-shop .item .why{color:#e0a89b}#shop.glass-shop .item:disabled{pointer-events:none;opacity:.72;background:#15384b55}#shop.glass-shop .item.has-icon:disabled .icon{filter:grayscale(.35)brightness(.85)}#shop.glass-shop button:focus-visible,#shop.glass-shop #shoplist:focus-visible{outline-offset:2px;outline:2px solid #9ae8d3}#shop.glass-shop button:active:not(:disabled){background:#31596999}@media (prefers-reduced-motion:reduce){#shop.glass-shop .item{transition:none}}#shop-tooltip{z-index:8;color:#e7f4f2;pointer-events:none;background:#123247f5;border:1px solid #91c6d477;border-radius:9px;width:260px;max-width:calc(100vw - 24px);padding:12px 14px;position:fixed;box-shadow:0 4px 16px #061b3155}#shop-tooltip[hidden],body:not(.in-game) #shop-tooltip,body.menu-open #shop-tooltip,body.match-finale #shop-tooltip{display:none}#shop-tooltip strong{color:#f4e6bf;font-size:15px}#shop-tooltip p{color:#bcd4dd;font-variant-numeric:tabular-nums;white-space:pre-line;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,PingFang SC,Microsoft YaHei,monospace;font-size:13px;line-height:1.6}#top.battle-status{z-index:3;pointer-events:none;color:#dcebee;white-space:nowrap;text-shadow:0 1px 2px #071d2c88;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:0;width:min(560px,100vw - 700px);padding:0;font:600 12px/1.2 PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}#top.battle-status .status-ribbon{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#244e61cf,#102e42e0);border:1px solid #b4e6e84d;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:100%;height:36px;padding:0 16px;display:flex;position:relative;box-shadow:inset 0 1px #c2f0eb26,0 2px 8px #061e3226}#top.battle-status .status-ribbon:before,#top.battle-status .status-ribbon:after{content:"";border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px}#top.battle-status .status-ribbon:before{background:#61cbdf;left:6px}#top.battle-status .status-ribbon:after{background:#f18d83;right:6px}#top.battle-status .team-status,#top.battle-status .match-clock{align-items:baseline;gap:6px;display:flex}#top.battle-status .team-blue{--team-color:#80dce7}#top.battle-status .team-red{--team-color:#f3998f}#top.battle-status b,#top.battle-status time{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}#top.battle-status .team-status b{color:var(--team-color);font-size:13px}#top.battle-status .stat-divider{color:#829fac}#top.battle-status .match-clock{justify-content:center;gap:7px}#top.battle-status time{color:#fff0ce;font-size:17px;font-weight:800}#top.battle-status .wave-status{color:#b8cdd5;font-size:11px}#top.battle-status .monster-status{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#244e61cf,#102e42e0);border:1px solid #b4e6e84d;border-top:0;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:6px;height:30px;margin-top:-1px;padding:0 10px;display:flex}#top.battle-status .monster-status img{object-fit:contain;width:24px;height:24px;display:block}#top.battle-status .monster-label{color:#dce6ef;font-size:12px}#top.battle-status .monster-value{color:#c69be9;min-width:3ch;font-size:13px;font-weight:700}#top.battle-status .monster-status.soon .monster-value{color:#ffe0a1}body.in-game #feed{top:84px}@media (width<=1199px){#top.battle-status{width:min(560px,100vw - 520px);left:164px;transform:none}#top.battle-status .status-ribbon{gap:8px}#top.battle-status .team-status,#top.battle-status .match-clock{gap:4px}}@media (width<=999px){#top.battle-status{width:min(560px,100vw - 24px);top:10px;left:50%;transform:translate(-50%)}}#match-timeout[hidden],body.match-finale #match-timeout,body.menu-open #match-timeout{display:none}#match-timeout{z-index:4;text-align:left;pointer-events:none;-webkit-user-select:none;user-select:none;width:max-content;max-width:min(520px,100vw - 360px);color:var(--ui-cream);font-family:var(--ui-font);background:linear-gradient(145deg,#244e61e6,#102e42e8);border-radius:8px;grid-template-columns:64px auto;align-items:center;column-gap:10px;padding:6px 14px;display:grid;position:fixed;top:54px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #061e3226}.timeout-label{color:var(--ui-coral);letter-spacing:.12em;text-shadow:0 1px 2px var(--ui-ink);grid-area:1/2;align-self:end;font-size:11px;font-weight:900}.timeout-digit{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.045em;text-shadow:0 2px 0 var(--ui-ink);transform-origin:50%;grid-area:1/1/3;font-size:52px;font-weight:900;line-height:1}.timeout-message{text-shadow:0 1px 2px var(--ui-ink);grid-area:2/2;align-self:start;margin:4px 0 0;font-size:14px;font-weight:800;line-height:1.4}body.in-game:has(#match-timeout:not([hidden])) #top .monster-status{visibility:hidden}body.in-game:has(#match-timeout:not([hidden])) #feed{top:132px}#match-timeout[data-urgent=true] .timeout-digit{color:var(--ui-coral)}#match-timeout[data-beat="0"] .timeout-digit{animation:.35s ease-out both timeout-beat-a}#match-timeout[data-beat="1"] .timeout-digit{animation:.35s ease-out both timeout-beat-b}@keyframes timeout-beat-a{0%{opacity:.6;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes timeout-beat-b{0%{opacity:.6;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){#match-timeout .timeout-digit{animation:none}}#trade-confirm{color:#eef8f5;background:linear-gradient(145deg,#244e61f5,#102e42fa);border:1px solid #b4e6e877;border-radius:12px;width:min(360px,100vw - 32px);padding:18px;box-shadow:inset 0 1px #c2f0eb26,0 12px 48px #061e3277}#trade-confirm header,#trade-confirm footer{justify-content:space-between;align-items:center;gap:10px;display:flex}#trade-confirm h2{color:#f0e8cd;margin:0;font-size:17px}#trade-confirm .trade-close{width:30px;height:30px;padding:0;font-size:23px;line-height:1}#trade-confirm .trade-product{align-items:center;gap:12px;margin:14px 0;display:flex}#trade-confirm .trade-product img{object-fit:contain;width:48px;height:48px}#trade-confirm .trade-product strong{font-size:18px}#trade-confirm p{color:#b8ced5;margin:8px 0;font-size:12px;line-height:1.6}#trade-confirm .trade-total{background:#0c293c66;border:1px solid #b4e6e833;border-radius:8px;justify-content:space-between;align-items:baseline;margin:12px 0;padding:12px;display:flex}#trade-confirm .trade-total span{font-size:13px}#trade-confirm .trade-total b{color:#ffd898;font:800 22px ui-monospace,SFMono-Regular,Menlo,monospace}#trade-confirm .trade-total.income b{color:#a4e7b9}#trade-confirm .trade-balance{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,PingFang SC,monospace}#trade-confirm .trade-error:empty{display:none}#trade-confirm footer{justify-content:flex-end;margin-top:16px}#trade-confirm button{background:#416a8044;border-color:#9dc6d166;border-radius:7px;min-height:32px}#trade-confirm .trade-submit{color:#ffe6ad;background:#8a916544;border-color:#d1b97b88}:root{--ui-cream:#f5e8c9;--ui-text:#edf4ee;--ui-muted:#acc8ca;--ui-coral:#ef9465;--ui-coral-dark:#c86642;--ui-teal:#59bfb2;--ui-ink:#102b38;--ui-surface:linear-gradient(160deg, #254c5bee, #153746f5);--ui-face:linear-gradient(#315b6a, #254958);--ui-action:linear-gradient(#f5a577, #e37b52);--ui-relief:inset 0 1px #d6eeeb26, inset 0 -3px #09263366, 0 4px 10px #061b2a33;--ui-font:"Avenir Next Rounded Pro", "Trebuchet MS", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}#menu-ui{--ink:var(--ui-text);--brass:var(--ui-coral);--brass2:#b76549;--navy:#173747eb;--parch:var(--ui-cream);--brown:var(--ui-ink);--font:var(--ui-font);letter-spacing:0}#menu-ui .corner{display:none}#menu-ui .logo{width:min(calc(var(--u) * 52), 86vw);height:calc(var(--u) * 23);justify-content:center}#menu-ui .logo h1.sinkem-title{letter-spacing:0;width:100%;text-shadow:none;margin:0;padding:0;font-size:0}#menu-ui .sinkem-logo{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}#menu-ui .brand{min-height:calc(var(--u) * 5);border-color:#0000;align-items:center;padding-left:0}#menu-ui .brand b.sinkem-brand{width:min(100%, calc(var(--u) * 25));letter-spacing:0;text-shadow:none;font-size:0;display:block}#menu-ui .brand .sinkem-logo{max-height:calc(var(--u) * 5);object-position:left center}#menu-ui .press{color:var(--ui-cream);letter-spacing:.05em;text-shadow:0 2px 2px #102b3877;font-weight:800}#menu-ui .press small{letter-spacing:.2em}#menu-ui[data-screen=title] .press{top:calc(var(--u) * -10 + 40px);letter-spacing:.2em;padding-left:.2em;position:relative}#menu-ui .press.waiting{animation:menu-in .55s var(--spring) backwards .5s;letter-spacing:.08em;font-size:calc(var(--u) * 1.4)}#menu-ui .press .load-bar{width:calc(var(--u) * 22);background:#102c3a99;border-radius:2px;height:4px;margin:.7em auto 0;display:block;overflow:hidden}#menu-ui .press .load-bar i{background:var(--ui-teal);width:0;height:100%;transition:width .3s ease-out;display:block}#menu-ui :is(.btn,.card){background:var(--ui-surface);box-shadow:var(--ui-relief);border-color:#0000;border-radius:11px}#menu-ui .btn{background:linear-gradient(#254b5b,#173747)}#menu-ui .btn:has(.btn-icon){grid-template-columns:calc(var(--u) * 2.2) minmax(0, 1fr);align-content:center;align-items:center;column-gap:calc(var(--u) * 1);row-gap:0;display:grid}#menu-ui .btn-icon{fill:currentColor;width:100%;height:auto;max-height:34px;color:var(--ui-cream);filter:drop-shadow(0 1px 1px #102b3866);display:block}#menu-ui .btn-copy{flex-direction:column;gap:.15em;min-width:0;display:flex}#menu-ui .btn b{font-size:calc(var(--u) * 2.2);letter-spacing:.025em;color:var(--ui-cream);text-shadow:0 1px 2px #071e2b88;font-weight:800;line-height:1.15}#menu-ui .btn--primary{color:var(--ui-cream);background:linear-gradient(#f59968,#df704b);box-shadow:inset 0 1px #ffe8ca88,inset 0 -3px #a74b3777,0 4px #0a263755,0 6px 14px #071e2b33}#menu-ui .btn--primary b,#menu-ui .btn--primary .btn-icon{color:var(--ui-cream);text-shadow:0 1px 2px #70332099}#menu-ui .btn{transition:filter .16s,translate .16s,transform .12s,box-shadow .16s}#menu-ui .btn.is-focus,#menu-ui .card .btn.is-focus{filter:brightness(1.14);translate:0 -2px;box-shadow:inset 0 1px #e4f4e544,inset 0 -3px #09263388,0 7px 14px #061b2a55}#menu-ui .btn--primary.is-focus{box-shadow:inset 0 1px #fff0ccaa,inset 0 -3px #a74b3788,0 7px 14px #061b2a55}@media (hover:hover){#menu-ui .btn:not(:disabled):hover{filter:brightness(1.14);translate:0 -2px}}#menu-ui .btn:active:not(:disabled),#menu-ui .card .btn:active:not(:disabled){filter:brightness(.96);transition-duration:60ms;transform:scale(.99);box-shadow:inset 0 2px 4px #09263355,inset 0 1px #fff0cc22}#menu-ui :is(.back,.pill,.seg button,.tog):focus-visible{filter:brightness(1.2)}@media (prefers-reduced-motion:reduce){#menu-ui .btn{transition:none}#menu-ui .btn.is-focus,#menu-ui .card .btn.is-focus,#menu-ui .btn:not(:disabled):hover,#menu-ui .btn:active:not(:disabled){transform:none}}#menu-ui :is(.btn,.pill,.back):disabled{opacity:.55;filter:saturate(.45)}#menu-ui .head{border-bottom-color:#9ac8ca22}#menu-ui .head h2{color:var(--ui-cream);letter-spacing:.03em;font-weight:800}#menu-ui :is(.back,.pill){color:var(--ui-cream);background:#2c5261;border-color:#0000;border-radius:7px;box-shadow:inset 0 1px #cee9e71a,inset 0 -2px #09263355}#menu-ui :is(.back,.pill).is-focus{color:#fff;background:#386575}#menu-ui .row{border-bottom-color:#9ac8ca19}#menu-ui :is(input,select.lang){color:var(--ui-cream);background:#102c3acf;border-color:#6796a34d;border-radius:7px;box-shadow:inset 0 2px 3px #061e2b44}#menu-ui input::placeholder{color:#9bb8bc}#menu-ui :is(input,select.lang):focus{border-color:var(--ui-teal)}#menu-ui .field{color:var(--ui-muted)}#menu-ui .field input{letter-spacing:.04em}#menu-ui .seg{background:#102c3a88;border-color:#0000;border-radius:8px}#menu-ui .seg button{border-radius:5px}#menu-ui .seg button.on{background:var(--ui-action);color:var(--ui-ink);box-shadow:inset 0 1px #ffe8ca66,inset 0 -2px #a74b3766}#menu-ui .tog{background:#102b38;border-color:#7098a044}#menu-ui .tog i{background:#73949e}#menu-ui .tog[aria-checked=true]{border-color:var(--ui-teal);background:#407f7c}#menu-ui .tog[aria-checked=true] i{background:var(--ui-cream)}#menu-ui .audio-volume input[type=range]{accent-color:var(--ui-teal);box-shadow:none}#menu-ui .note{color:var(--ui-muted);opacity:1}#menu-ui :is(.loading,.code){color:var(--ui-cream)}#menu-ui :is(.room,.slot){background:#102c3a66;border-color:#0000;border-radius:7px}#menu-ui .room .count{color:var(--ui-teal)}#menu-ui .slot--me{box-shadow:inset 3px 0 var(--ui-teal);background:#437b783b}#menu-ui .slot--open{background:#102c3a33}#menu-ui .team h3{letter-spacing:.08em}#menu-ui .ready{color:#87dbc0}#menu-ui .keys kbd{color:var(--ui-cream);background:#315564;border-color:#0000;border-radius:5px;box-shadow:inset 0 -2px #0c273a77}#menu-ui .toast{color:var(--ui-cream);box-shadow:var(--ui-relief);background:#214957;border-color:#79c9b955;border-radius:9px}#menu-ui .wipe b{background:radial-gradient(circle,#244e5d,#102b38 72%)}#menu-ui .wipe .rose{color:var(--ui-teal)}#bottom.console,#shop.glass-shop,#score,#bottom.console #console-details,#trade-confirm,body #ship-inspect{background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-relief);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:var(--ui-font);border-color:#9ac7ca24;border-radius:12px}#bottom.console{--text:var(--ui-text);--muted:var(--ui-muted)}#bottom.console #shipname,#bottom.console .details-header strong,#bottom.console .equipment-details strong{color:var(--ui-cream)}#bottom.console .porthole{background:#386575;border-color:#8bcabc55;box-shadow:inset 0 -2px #0b2b3a66}#bottom.console .hpwrap{background:#0c2936;border-color:#0e2e3a}#bottom.console #hpbar{background:linear-gradient(#8ce2bb 0 24%,#58c7a2 24% 78%,#36a98e 78%)}#bottom.console #hptext{color:#f0fff5;text-shadow:0 1px 2px #123e3c}#bottom.console #shopbtn{background:var(--ui-face);border-color:#0000;box-shadow:inset 0 1px #cee9e71a,inset 0 -2px #0c293655}#bottom.console .shop-label{color:var(--ui-cream)}#bottom.console #skill{border-color:var(--ui-coral);background:#315f6b;box-shadow:inset 0 -2px #0a2a3a77,0 2px #09263355}#bottom.console #skill.ready{border-color:#a2e2c8;box-shadow:0 0 0 1px #59bfb226}#bottom.console #skill .sweep{background:conic-gradient(#102b38e6 var(--cd,0deg), transparent 0)}#bottom.console #skill .key{color:var(--ui-cream);background:#102b38ed}#bottom.console .loadout-counts{color:#d8e4d9}#bottom.console #gear-count{color:#9dd3ce}#bottom.console .mini-slot{background:#102e3d;border-color:#5d899539;box-shadow:inset 0 2px 2px #061c2a55}#bottom.console .mini-slot.occupied{background:#315f68;border-color:#77c8b966;box-shadow:inset 0 1px #b9e4db1a,inset 0 -2px #102b3855}#bottom.console .mini-slot.locked{background:#153541;border-color:#0000}#bottom.console .mini-slot.relic-slot.occupied{background:#4a506f;border-color:#c0a0d880}#bottom.console :is(.battle-actions button,#scorebtn,#console-details-close){background:var(--ui-face);color:var(--ui-cream);border-color:#0000;box-shadow:inset 0 1px #cee9e71a,inset 0 -2px #09263366}#bottom.console :is(.wslot,.gslot){background:#153541;border-color:#6895a144;box-shadow:inset 0 2px #09263355}#bottom.console .wslot:not(.empty):not(.locked){background:#315f68;border-color:#77c8b955}#bottom.console .wslot .item-name{color:var(--ui-cream);background:#173747ed}#bottom.console #stats{background:#102d3b77;border-color:#0000}#bottom.console #stats b{color:var(--ui-cream)}#bottom.console #stats svg{color:var(--ui-teal)}#bottom.console #console-details footer{border-top-color:#80ada52a}#bottom.console #hint{color:var(--ui-cream);box-shadow:var(--ui-relief);background:#214957f5;border-color:#6ea99b33}#bottom.console button:focus-visible{outline-color:var(--ui-teal)}#shop.glass-shop{--shop-width:330px;width:var(--shop-width)}html:not(:lang(zh)) #shop.glass-shop{--shop-width:390px;width:var(--shop-width)}#shop.glass-shop .shop-header>strong{color:#fff7e3;text-shadow:0 1px 2px #071e2b66;font-weight:800}#shop.glass-shop #shop-close{color:#d7e9df;background:#315564;border-color:#0000;box-shadow:inset 0 -2px #102b3855}#shop.glass-shop #shop-tabs{background:#102c3a88;border-color:#0000;box-shadow:inset 0 2px #09263344}#shop.glass-shop #shop-tabs button{font-family:var(--ui-font);color:#e2edf0;text-shadow:0 1px 2px #071e2b66}#shop.glass-shop #shop-tabs button[aria-selected=true]{color:#fff7e3;text-shadow:0 1px 2px #70332099;background:linear-gradient(#f59968,#df704b);border-color:#0000;box-shadow:inset 0 1px #ffe8ca66,inset 0 -2px #a74b3766}#shop.glass-shop #shopnote{color:var(--ui-muted);background:#102c3a55;border-color:#0000}#shop.glass-shop.in-port #shopnote{color:#a6ddc3}#shop.glass-shop #shopcategory{color:var(--ui-muted)}#shop.glass-shop .item{background:#2d5362aa;border-color:#0000;box-shadow:inset 0 1px #cee9e710,inset 0 -2px #0c293644}#shop.glass-shop .item-title b{color:#fff7e3;font-family:var(--ui-font);text-shadow:0 1px 2px #071e2b66}#shop.glass-shop .item-summary{color:#d4e7ed}#shop.glass-shop .item>.price,#shop.glass-shop .shop-wallet{color:#ffe49a}#shop.glass-shop .item>.price,#shop.glass-shop .shop-wallet b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#shop.glass-shop .item:not(:disabled){background:linear-gradient(#356777,#294f5f);box-shadow:inset 3px 0 #75d6b4,inset 0 1px #cee9e72b,inset 0 -2px #0c293666}#shop.glass-shop .item:disabled{opacity:1;background:#102a36;box-shadow:inset 0 1px 3px #061b2a66}#shop.glass-shop .item.has-icon:disabled .icon{filter:grayscale()brightness(.52);opacity:.7}#shop.glass-shop .item:disabled .item-title b{color:#a2b4bc;text-shadow:none}#shop.glass-shop .item:disabled .item-summary{color:#8299a5}#shop.glass-shop .item:disabled>.price,#shop.glass-shop .item:disabled>.price small{color:#9c9c86}#shop.glass-shop .item:not(:disabled):hover{background:#417d89;border-color:#a0e5cb77}#shop.glass-shop .item .buy{color:#c5ffe3;font-weight:700}#shop.glass-shop .item .go{color:#9bd9de}#shop.glass-shop .item .why{color:#f0b49a;font-weight:600}#shop.glass-shop :is(button,#shoplist):focus-visible{outline-color:var(--ui-teal)}body #shop-tooltip,body #console-tooltip{box-shadow:var(--ui-relief);font-family:var(--ui-font);background:#173b4cf5;border-color:#82b7b644;border-radius:10px}body :is(#shop-tooltip,#console-tooltip) strong{color:var(--ui-cream);font-weight:800}body :is(#shop-tooltip,#console-tooltip) p{color:#c0d5d4;font-family:var(--ui-font)}#trade-confirm h2,#trade-confirm .trade-product strong{color:var(--ui-cream);font-weight:800}#trade-confirm button{color:var(--ui-cream);background:var(--ui-face);font-family:var(--ui-font);border-color:#0000;box-shadow:inset 0 1px #cee9e71a,inset 0 -2px #09263366}#trade-confirm .trade-submit{background:var(--ui-action);color:var(--ui-ink);border-color:#0000;box-shadow:inset 0 1px #ffe8ca66,inset 0 -2px #a74b3766}#trade-confirm .trade-total{background:#102c3a88;border-color:#0000}#trade-confirm .trade-error{color:#ffb899}#trade-confirm::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#061c2999}#trade-confirm button:focus-visible{outline-color:var(--ui-teal)}#top.battle-status{font-family:var(--ui-font)}#top.battle-status :is(.status-ribbon,.monster-status){background:var(--ui-surface);box-shadow:var(--ui-relief);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#88b7ba26}#top.battle-status time{color:var(--ui-cream)}body #minimap{box-shadow:var(--ui-relief);-webkit-backdrop-filter:none;backdrop-filter:none;background:#173747;border-color:#87bbb944;border-radius:12px}#score h2,#score .score-kills{color:var(--ui-cream)}#score .score-close{color:var(--ui-cream);background:#31556477;border-radius:8px}#score .score-team-heading{background:linear-gradient(90deg,#59bfc82b,#0000)}#score .score-team-1 .score-team-heading{background:linear-gradient(90deg,#ef94652b,#0000)}#score tbody tr.score-self{background:#d0b57d2b}#score thead th{background:#102c3a77}#score kbd{color:var(--ui-cream);background:#315564;box-shadow:inset 0 -2px #09263377}#score button:focus-visible{outline-color:var(--ui-teal)}body #ship-inspect button{color:var(--ui-cream);background:var(--ui-face);border-color:#0000;border-radius:7px}body #feed div{color:var(--ui-text);font-family:var(--ui-font);background:#173747e6;border-radius:6px}body #game-hint{color:var(--ui-cream);font-family:var(--ui-font);box-shadow:var(--ui-relief);background:#214957f2;border-color:#80b8ad33}body #game-hint kbd{color:var(--ui-cream);background:#39747766;border-color:#0000;box-shadow:inset 0 -2px #09263366}body .hint-glow{animation-name:harbor-hint-glow}@keyframes harbor-hint-glow{50%{box-shadow:0 0 0 2px #9addc6bb,0 0 12px #59bfb24d}}body #over{color:var(--ui-cream);font-family:var(--ui-font)}body #over>div{background:var(--ui-surface);box-shadow:var(--ui-relief);border-color:#88b7ba33;border-radius:12px}body.match-finale #over>div{box-shadow:none;background:linear-gradient(110deg,#102b3822,#173747ed,#102b3822);border-color:#59bfb288;border-radius:12px}body.match-finale #over h2{letter-spacing:.08em;text-shadow:0 3px #102b38,0 0 22px #59bfb244;font-weight:900}body.match-finale[data-result=defeat] #over>div{border-color:#ef946588}body.match-finale[data-result=defeat] #over h2{text-shadow:0 3px #102b38,0 0 22px #ef946544}@media (width>=1000px) and (width<=1199px){#top.battle-status{width:min(560px,100vw - 520px)}html:not(:lang(zh)) #top.battle-status{width:min(560px,100vw - 580px)}#top.battle-status .match-clock{flex-direction:column;align-items:center;gap:1px}#top.battle-status .match-clock .stat-divider{display:none}#top.battle-status .team-status{gap:3px;font-size:11px}#top.battle-status .team-status b{font-size:12px}}@media (width>=761px) and (width<=999px){#top.battle-status{width:min(560px,100vw - 24px);left:50%;transform:translate(-50%)}#shop.glass-shop{max-height:min(70dvh, calc(100dvh - var(--console-height) - 104px));top:84px}}@media (width<=760px){#top.battle-status{top:8px}#top.battle-status .status-ribbon{gap:6px;padding:0 10px}#top.battle-status .team-status{flex-direction:column;align-items:center;gap:1px;font-size:10px}#top.battle-status .team-status b{font-size:11px}#top.battle-status .stat-divider{display:none}#top.battle-status .match-clock{flex-direction:column;align-items:center;gap:1px}#top.battle-status time{font-size:15px}#shop.glass-shop,html:not(:lang(zh)) #shop.glass-shop{top:auto;right:12px;bottom:calc(var(--console-height) + 16px);width:min(var(--shop-width), calc(100vw - 24px));max-height:min(48dvh, calc(100dvh - var(--console-height) - 100px))}#shop.glass-shop #shopnote{padding-top:4px;padding-bottom:4px}#shop.glass-shop #shopcategory{display:none}#shop.glass-shop #shop-content{gap:6px;padding-top:6px}}@media (prefers-reduced-motion:reduce){body .hint-glow{animation:none;box-shadow:0 0 0 2px #9addc6bb}}