@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--wood-950: #140d08;--wood-900: #1c130c;--wood-800: #2a1c12;--wood-700: #3a2718;--wood-600: #4e3420;--wood-500: #6a4729;--brass-hi: #f6dc94;--brass-mid: #d7a446;--brass-lo: #9b6d24;--brass-dk: #5c3f12;--parch-1: #f2e6c9;--parch-2: #e7d6af;--parch-3: #d8c193;--parch-edge: #a9875a;--ink: #3b2716;--ink-2: #6a4e33;--ink-3: #937659;--tex-wood: url(/ui/wood.png);--tex-paper: url(/ui/parchment.png);--tex-grain: url(/ui/grain.png);--bg: #120c07;--surface: #241810;--surface-2: #2f2015;--surface-3: #3b291b;--surface-4: #4b3524;--border: #4a3322;--border-2: #6b4c2f;--overlay: rgba(10, 6, 3, .62);--text: #f3e7cc;--text-2: #c9b48f;--text-3: #95806a;--brass: var(--brass-mid);--brass-2: var(--brass-hi);--brass-ink: #2a1a05;--blue: #7fb9e8;--teal: #5fd1bf;--green: #8fd47a;--red: #f0806f;--orange: #f0b25a;--violet: #c3a6ff;--c-gold: #f6cf55;--c-timber: #d8a36b;--c-stone: #c4ccd4;--c-iron: #9fc4e6;--c-rum: #e8906e;--c-aether: #8ee8ff;--c-citizens: #e9dcc3;--d-shot: #b8c4cf;--d-fire: #f08a4b;--d-rend: #e05d8e;--d-aether: #57d6f5;--z-calm: #6fcfbf;--z-contested: #e6c15f;--z-deep: #ec9455;--z-maelstrom: #e07aa0;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-brand: "Cinzel", "Times New Roman", serif;--fs-xs: 11px;--fs-sm: 12px;--fs: 13.5px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 24px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r1: 5px;--r2: 8px;--r3: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .55);--frame: 0 0 0 1px #1a0f07, 0 0 0 3px var(--brass-lo), 0 0 0 4px #1a0f07, 0 12px 28px rgba(0, 0, 0, .55);--top-h: 60px;--bottom-h: 0px;--nav-w: 218px;--rail-w: 300px;--rail-min-w: 64px;--sill-h: 8px;--frame-wood: #271a10;--page-max: 1240px}.paper{color-scheme:light;--surface: var(--parch-1);--surface-2: rgba(120, 84, 40, .08);--surface-3: rgba(120, 84, 40, .15);--surface-4: rgba(120, 84, 40, .24);--border: rgba(120, 84, 40, .28);--border-2: rgba(120, 84, 40, .5);--text: var(--ink);--text-2: var(--ink-2);--text-3: var(--ink-3);--blue: #2c6aa6;--teal: #1d877a;--green: #3d8a33;--red: #b5382b;--orange: #b2650f;--violet: #6e4bb8;--c-gold: #b8860b;--c-timber: #8a552a;--c-stone: #6a747d;--c-iron: #3f6d98;--c-rum: #a3432a;--c-aether: #1786ad;--c-citizens: #5a4632;--d-aether: #1786ad;--z-calm: #1f8a7c;--z-contested: #9b7413;--z-deep: #b25b1d;--z-maelstrom: #a33a62;color:var(--text)}@media(max-width:1499px){:root{--nav-w: 80px}}@media(max-width:1199px){:root{--rail-w: 8px}}@media(max-width:899px){:root{--nav-w: 0px;--top-h: 88px;--bottom-h: 60px;--sill-h: 0px;--fs-xs: 12px}}@media(max-width:899px)and (max-height:500px){:root{--top-h: 52px;--bottom-h: 52px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs);line-height:1.45;color:var(--text);background:linear-gradient(#0c07039e,#0c07039e),var(--tex-wood) 0 0 / 256px repeat,var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brass-2);text-decoration:none}a:hover{text-decoration:underline}.paper a{color:var(--blue)}::selection{background:#d7a44666}:focus-visible{outline:2px solid var(--brass-2);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#8c64378c;border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4{margin:0}h1,h2,h3{font-family:var(--font-brand);font-weight:700;letter-spacing:.02em}h1{font-size:var(--fs-xl);text-shadow:0 2px 0 rgba(0,0,0,.5)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:700}.paper h1{text-shadow:none}p{margin:0}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.sm{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.num{font-variant-numeric:tabular-nums}.good{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--orange)}.brass{color:var(--brass)}.teal{color:var(--teal)}.paper .brass{color:var(--brass-lo)}.b{font-weight:650}.nowrap{white-space:nowrap}.on-phone{display:none}@media(max-width:599px){.on-phone{display:inline-flex;align-items:center;gap:2px}.off-phone{display:none}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{text-align:right}.center{text-align:center}.row{display:flex;align-items:center;gap:var(--s2);min-width:0}.row.top{align-items:flex-start}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.col{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.gap1{gap:var(--s1)}.gap3{gap:var(--s3)}.gap4{gap:var(--s4)}.gap5{gap:var(--s5)}.grow{flex:1;min-width:0}.spacer{flex:1}.mt2{margin-top:var(--s2)}.mt3{margin-top:var(--s3)}.mt4{margin-top:var(--s4)}.mt5{margin-top:var(--s5)}.shell{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr) var(--rail-w);grid-template-rows:var(--top-h) minmax(0,1fr) var(--sill-h);grid-template-areas:"top top top" "nav main rail" "nav sill rail";height:100vh;height:100dvh;background:linear-gradient(#0000001f,#0000001f),var(--tex-wood) 0 0 / 256px repeat,var(--wood-800)}.topbar{grid-area:top}.nav{grid-area:nav}.main{grid-area:main;position:relative;overflow:hidden;background:linear-gradient(#0c07039e,#0c07039e),var(--tex-wood) 0 0 / 256px repeat,var(--bg)}.rail{grid-area:rail}.main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:12px;box-shadow:0 0 0 24px var(--frame-wood),inset 0 0 0 1px #0d0804,inset 0 0 0 3px var(--brass-lo),inset 0 0 0 4px #0d0804d9,inset 0 12px 18px -10px #0009,inset 10px 0 16px -12px #00000080,inset -10px 0 16px -12px #00000080}.shell:has(.naval-battle)>.main:after{display:none}.main .scroll::-webkit-scrollbar{width:16px}.main .scroll::-webkit-scrollbar-thumb{border-width:6px 6px 6px 2px}@media(min-width:1200px){.shell.rail-min{--rail-w: var(--rail-min-w)}}@media(max-width:899px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--top-h) minmax(0,1fr) var(--bottom-h);grid-template-areas:"top" "main" "nav"}.main:after{display:none}.main .scroll::-webkit-scrollbar{width:10px}.main .scroll::-webkit-scrollbar-thumb{border-width:2px}}.scroll{height:100%;overflow-y:auto;overflow-x:hidden}.page{max-width:var(--page-max);margin:0 auto;padding:var(--s5) var(--s5) 64px}.page.wide{max-width:1560px}@media(max-width:899px){.page{padding:var(--s4) var(--s3) 48px}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5);padding-bottom:12px;flex-wrap:wrap;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--brass-lo),rgba(155,109,36,.15) 70%,transparent) 1}.page-head h1{color:var(--brass-2)}.page-head .sub{color:var(--text-2);margin-top:4px;max-width:680px}.section{margin-top:var(--s5)}.section>.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.section>.section-head h2{color:var(--brass-2);text-shadow:0 2px 0 rgba(0,0,0,.5)}.grid{display:grid;gap:20px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.split{grid-template-columns:minmax(0,3fr) minmax(300px,2fr)}.grid.side{grid-template-columns:minmax(0,1fr) 360px}@media(max-width:1100px){.grid.c3,.grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.split,.grid.side{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:minmax(0,1fr)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border-radius:var(--r1);border:1px solid #120a04;background:linear-gradient(180deg,#6b482b,#4b311c 55%,#3a2614);color:#f3e7cc;font-weight:650;font-size:var(--fs);letter-spacing:.01em;cursor:pointer;white-space:nowrap;text-decoration:none!important;box-shadow:inset 0 1px #ffdca047,inset 0 -2px #00000040,0 2px #120a04,0 3px 6px #00000059;text-shadow:0 1px 0 rgba(0,0,0,.6);transition:filter .1s,transform .05s,box-shadow .05s}a.btn{color:#f3e7cc}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffdca033,0 0 #120a04,0 1px 2px #0000004d}.btn:disabled{filter:saturate(.3) brightness(.8);opacity:.6;cursor:not-allowed}.btn svg{width:17px;height:17px;flex:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}.btn.primary{background:linear-gradient(180deg,#fbe7a8,#e2b452 45%,#c18a2e 75%,#9d6c1d);border-color:#4d3409;color:#2a1a05;text-shadow:0 1px 0 rgba(255,240,200,.6);box-shadow:inset 0 1px #fffae1cc,inset 0 -2px #5a3c0a59,0 2px #3d2906,0 3px 8px #0006}.btn.primary svg{filter:none}.btn.danger{background:linear-gradient(180deg,#b44a35,#8a2e1f 60%,#6c2116);color:#fde9e2}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2);text-shadow:none}.btn.ghost svg{filter:none}.btn.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text);filter:none}.btn.ghost:active:not(:disabled){transform:none}.btn.ghost.danger{color:var(--red)}.btn.sm{height:28px;padding:0 10px;font-size:var(--fs-sm)}.btn.lg{height:42px;padding:0 20px;font-size:var(--fs-md);font-family:var(--font-brand);letter-spacing:.04em}.btn.icon{width:34px;padding:0}.btn.sm.icon{width:28px}.btn.block{width:100%}.btn .spin{width:14px;height:14px}@media(pointer:coarse){.btn{height:40px}.btn.sm{height:36px}.btn.lg{height:46px}.btn.icon{width:40px}.btn.sm.icon{width:36px}}.panel{position:relative;min-width:0;border-radius:var(--r2);background:var(--tex-paper) 0 0 / 256px repeat,var(--parch-1);box-shadow:var(--frame),inset 0 0 40px #6e461938}.plank,.panel-head,.sheet-head,.modal-head{--text: #f3e7cc;--text-2: #d6c19a;--text-3: #a68f6f;--z-calm: #6fcfbf;--z-contested: #e6c15f;--z-deep: #ec9455;--z-maelstrom: #e07aa0;--green: #8fd47a;--red: #f0806f;--orange: #f0b25a;--blue: #7fb9e8;--surface-3: rgba(0, 0, 0, .3);--border: rgba(255, 225, 170, .18);color:var(--text);background:linear-gradient(180deg,#ffdca014,#0003),var(--tex-wood) 0 0 / 256px repeat,var(--wood-700);border-bottom:2px solid var(--brass-lo);box-shadow:inset 0 1px #ffe1aa26,0 2px 4px #3c1e0559}.panel-head{display:flex;align-items:center;gap:var(--s3);padding:0 12px 0 14px;min-height:42px;border-radius:var(--r2) var(--r2) 0 0}.panel-head h3{flex:1;min-width:0;text-shadow:0 1px 0 rgba(0,0,0,.6)}.panel-head .icon-lead{width:20px;height:20px;color:var(--brass-2);flex:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.panel-head .btn.ghost{color:var(--text-2)}.panel-head .btn.ghost:hover:not(:disabled){background:#ffffff14;color:var(--text)}.panel-body{padding:16px}.panel-body.tight{padding:6px}.panel-foot{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--s2)}.panel.flat{box-shadow:inset 0 0 0 1px var(--border),inset 0 0 30px #6e461926}.table{width:100%;border-collapse:collapse;font-size:var(--fs)}.table th{text-align:left;font-family:var(--font-brand);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding:8px 10px;border-bottom:2px solid var(--border-2);white-space:nowrap}.table td{padding:8px 10px;border-bottom:1px dashed var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface-2)}.table tr.click{cursor:pointer}.table tr.sel td{background:#d7a44638}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table td.act{text-align:right;white-space:nowrap;width:1%}.table .lead{display:flex;align-items:center;gap:10px;min-width:0}.table .lead svg{width:20px;height:20px;flex:none;color:var(--text-2)}.table-wrap{overflow-x:auto}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:radial-gradient(circle at 35% 30%,#f07a63,#b5321f);color:#fff;font-size:11px;font-weight:800;line-height:1;border:1px solid #4a0f06;box-shadow:0 1px 2px #00000080}.badge.brass{background:radial-gradient(circle at 35% 30%,#fbe7a8,#c18a2e);color:#2a1a05;border-color:#4d3409}.badge.blue{background:radial-gradient(circle at 35% 30%,#a6d4ff,#3a7fc0);color:#061626;border-color:#0b2a47}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:4px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-sm);font-weight:650;white-space:nowrap}.tag svg{width:13px;height:13px}.tag.good{color:var(--green)}.tag.bad{color:var(--red)}.tag.warn{color:var(--orange)}.tag.blue{color:var(--blue)}.tag.brass{color:#fff3d0;background:linear-gradient(180deg,#c99437,#94661c);border-color:#4d3409;text-shadow:0 1px 0 rgba(0,0,0,.4)}.zone-calm{color:var(--z-calm)}.zone-contested{color:var(--z-contested)}.zone-deep{color:var(--z-deep)}.zone-maelstrom{color:var(--z-maelstrom)}.bar{position:relative;height:8px;border-radius:4px;background:#24170d;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3,0 1px #ffe6be26}.bar>i{position:absolute;inset:0 auto 0 0;border-radius:4px;background:linear-gradient(180deg,#8ff0dd,#2fb39f 60%,#1f8a7c);box-shadow:inset 0 1px #ffffff59}.bar.brass>i{background:linear-gradient(180deg,#fbe7a8,#d7a446 60%,#a27321)}.bar.blue>i{background:linear-gradient(180deg,#b6dcff,#4b92d6 60%,#2f6aa6)}.bar.red>i{background:linear-gradient(180deg,#ffb2a4,#d5513c 60%,#a8331f)}.bar.thin{height:6px}.hpbar>i{background:linear-gradient(180deg,#c6f3a8,#67b84e 60%,#3d8a33)}.hpbar.mid>i{background:linear-gradient(180deg,#ffe0a0,#e8a03e 60%,#b2650f)}.hpbar.low>i{background:linear-gradient(180deg,#ffb2a4,#d5513c 60%,#a8331f)}.res{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.res svg{width:16px;height:16px;flex:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.res.short{color:var(--red)}.costs{display:flex;flex-wrap:wrap;gap:6px 14px}.head-pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.head-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:17px;color:var(--text-2);font-weight:600;font-size:var(--fs-sm);white-space:nowrap;background:#0000004d;box-shadow:inset 0 1px 3px #0000008c,0 0 0 1px #ffe1aa1a}.head-pill svg{width:18px;height:18px;color:var(--brass-2)}.head-pill b{color:var(--brass-2)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.stat{min-width:0;padding:10px 14px;border-radius:var(--r2);background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:var(--frame);color:var(--ink)}.stat .k{font-family:var(--font-brand);font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.stat .v{font-size:20px;font-weight:750;font-variant-numeric:tabular-nums;margin-top:2px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px}.kv>:nth-child(odd){color:var(--text-2)}.kv>:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.input,.select{height:34px;padding:0 10px;border-radius:var(--r1);border:1px solid #0e0905;background:#1a110a;color:var(--text);outline:none;min-width:0;box-shadow:inset 0 2px 4px #0009,0 1px #ffe6be1f}.paper .input,.paper .select{background:#fbf4e2;border-color:var(--parch-edge);box-shadow:inset 0 2px 3px #6e461940}.input:focus,.select:focus{border-color:var(--brass)}.input.num{width:96px;text-align:right;font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:var(--fs-sm);color:var(--text-2);font-weight:650}.seg{display:inline-flex;background:#0000004d;border:1px solid rgba(0,0,0,.5);border-radius:var(--r1);padding:2px;gap:2px;box-shadow:inset 0 1px 3px #00000080}.paper .seg{background:#78542824;border-color:var(--border-2);box-shadow:inset 0 1px 2px #6e461940}.seg button{height:28px;padding:0 12px;border:0;border-radius:4px;background:transparent;color:var(--text-2);font-weight:650;font-size:var(--fs-sm);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.seg button.on{background:linear-gradient(180deg,#6b482b,#42291a);color:#f3e7cc;box-shadow:inset 0 1px #ffdca040,0 1px 2px #0006}.seg button svg{width:14px;height:14px}input[type=range]{accent-color:var(--brass-lo);width:100%}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.check input{accent-color:var(--brass-lo);width:16px;height:16px}@media(pointer:coarse){.seg button{height:36px}.check input{width:20px;height:20px}.tabs a,.tabs button{padding:12px 14px}}@media(max-width:899px){.input,.select{height:40px;font-size:16px}}@media(max-width:599px){.input.num{width:76px}}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-2);margin-bottom:var(--s4);overflow-x:auto}.tabs a,.tabs button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:0;background:none;color:var(--text-2);font-family:var(--font-brand);font-weight:700;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;text-decoration:none}.tabs .on{color:var(--text);border-bottom-color:var(--brass)}.tabs svg{width:16px;height:16px}.sheet{position:absolute;top:10px;right:10px;bottom:10px;width:min(440px,calc(100% - 20px));z-index:20;display:flex;flex-direction:column;border-radius:var(--r2);background:var(--tex-paper) 0 0 / 256px repeat,var(--parch-1);box-shadow:var(--frame),inset 0 0 50px #6e461940;animation:sheet-in .16s ease-out}.sheet-head{display:flex;align-items:center;gap:var(--s3);padding:10px 12px;border-radius:var(--r2) var(--r2) 0 0}.sheet-head h2{flex:1;min-width:0;text-shadow:0 1px 0 rgba(0,0,0,.6)}.sheet-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:var(--s4)}.sheet-foot{padding:12px 16px;border-top:2px solid var(--border-2);background:#78542814;border-radius:0 0 var(--r2) var(--r2)}@media(max-height:500px){.sheet{overflow-y:auto}.sheet-body{flex:none;overflow:visible}}@keyframes sheet-in{0%{transform:translate(24px)}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:100;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:var(--s4)}@media(max-width:599px){.modal-back{padding:8px}.modal-body{padding:14px}.modal-foot{padding:10px 12px;flex-wrap:wrap}}.modal{width:min(560px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;border-radius:var(--r2);background:var(--tex-paper) 0 0 / 256px repeat,var(--parch-1);box-shadow:var(--frame),inset 0 0 50px #6e461940}.modal.wide{width:min(880px,100%)}.modal-head{display:flex;align-items:center;gap:var(--s3);padding:10px 12px 10px 18px;border-radius:var(--r2) var(--r2) 0 0}.modal-head h2{flex:1;text-shadow:0 1px 0 rgba(0,0,0,.6)}.modal-body{padding:20px;overflow-y:auto}.modal-foot{padding:12px 18px;border-top:2px solid var(--border-2);display:flex;justify-content:flex-end;align-items:center;gap:var(--s2);background:#78542814;border-radius:0 0 var(--r2) var(--r2)}.empty{padding:28px 16px;text-align:center;color:var(--text-3);font-style:italic}.empty svg{width:34px;height:34px;display:block;margin:0 auto 8px;opacity:.55}.note{padding:10px 12px;border-radius:var(--r1);background:#7854281f;border-left:3px solid var(--brass-lo);color:var(--text-2);font-size:var(--fs-sm);display:flex;gap:8px;align-items:flex-start}.note svg{width:16px;height:16px;flex:none;margin-top:1px;color:var(--blue)}.note.warn{border-left-color:var(--orange)}.note.warn svg{color:var(--orange)}.pips{display:inline-flex;gap:3px}.pips i{width:10px;height:10px;border-radius:50%;background:#3c230f40;box-shadow:inset 0 1px 2px #0006}.pips i.on{background:radial-gradient(circle at 35% 30%,#fbe7a8,#c18a2e);box-shadow:0 0 0 1px #6e4c14}.pips i.next{background:radial-gradient(circle at 35% 30%,#a5f2e3,#2fa592);box-shadow:0 0 0 1px #155e54}.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(160,120,70,.35);border-top-color:var(--brass);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--border-2);margin:var(--s3) 0}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.thumb{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;overflow:hidden;background:radial-gradient(circle at 40% 35%,#5a3d25,#2a1a0f 70%);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #1a0f07,inset 0 2px 6px #0009}.thumb img{width:100%;height:100%;object-fit:contain}.thumb svg{width:24px;height:24px;color:var(--brass-2);filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.tip{position:fixed;z-index:1000;max-width:320px;padding:8px 11px;border-radius:var(--r1);pointer-events:none;background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:0 0 0 1px #1a0f07,0 0 0 2px var(--brass-lo),0 8px 20px #0000008c;color:var(--ink);font-size:var(--fs-sm);font-weight:500;line-height:1.45;text-align:left;animation:tip-in .08s ease-out}.tip.multi>div:first-child{font-family:var(--font-brand);font-weight:700;font-size:14px;margin-bottom:2px}.tip.multi>div:last-child:not(:first-child){color:var(--ink-2);font-size:var(--fs-xs);margin-top:3px}@keyframes tip-in{0%{opacity:0;transform:translateY(2px)}}.orb,.ring{position:relative;display:grid;place-items:center;flex:none;padding:3px;border-radius:50%;background:conic-gradient(var(--gauge, var(--brass-mid)) calc(var(--fill, 0) * 1turn),#150d06 0);box-shadow:0 0 0 1px #0d0804,0 2px 4px #00000080}.orb>svg,.ring>svg{box-sizing:border-box;width:100%;height:100%;padding:5px;border-radius:50%;color:#e9d6ac;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 1px #0d0804}.topbar{position:relative;display:flex;align-items:center;gap:10px;padding:0 12px 0 0;z-index:30;min-width:0;background:linear-gradient(180deg,#ffdca01a,#00000040),var(--tex-wood) 0 0 / 256px repeat,var(--wood-700);box-shadow:inset 0 1px #ffe1aa2e,0 1px #0d0804,0 2px #ffe1aa0d,0 6px 12px #00000059}.brand{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:10px;width:var(--nav-w);flex:none;color:var(--brass-2);text-decoration:none!important;background:linear-gradient(180deg,#0000001f,#0000004d);box-shadow:inset -1px 0 #00000080,1px 0 #ffe1aa12}.brand:hover .brand-mark{transform:rotate(-20deg)}.brand-mark{width:30px;height:30px;transition:transform .4s ease;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(246,220,148,.25))}.brand-name{font-family:var(--font-brand);font-weight:700;font-size:18px;letter-spacing:.12em;color:var(--brass-2);text-shadow:0 2px 0 rgba(0,0,0,.7)}@media(max-width:1499px){.brand-name{display:none}}@media(prefers-reduced-motion:reduce){.brand-mark{transition:none}}.switcher{position:relative;flex:0 1000 auto;min-width:140px}.switcher-btn{display:flex;align-items:center;gap:9px;width:auto;min-width:min(180px,100%);max-width:min(250px,100%);height:46px;padding:0 12px 0 6px;border-radius:23px;cursor:pointer;text-align:left;line-height:1.15;color:var(--text);border:0;background:#0a060380;box-shadow:inset 0 2px 5px #0009,0 1px #ffe6be1f}.switcher-btn:hover{background:#0a06035c}.switcher-btn[aria-expanded=true]{box-shadow:inset 0 2px 5px #0009,0 0 0 1px var(--brass-lo)}.switcher-btn>svg:first-child{box-sizing:content-box;width:18px;height:18px;padding:8px;border-radius:50%;color:var(--brass-2);flex:none;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #0d0804}.switcher-btn .b{font-family:var(--font-brand);font-size:14px}.switcher-btn .caret{width:10px;height:10px;color:var(--text-3);flex:none}@media(max-width:1365px){.switcher-btn{min-width:0}}.menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;padding:4px;z-index:50;border-radius:var(--r2);background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:var(--frame)}.menu.right{left:auto;right:0}.menu button,.menu a.menu-link{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:var(--r1);background:none;cursor:pointer;text-align:left;color:var(--ink);font-weight:600}.menu button:hover,.menu a.menu-link:hover{background:#78542824}.menu button.on,.menu a.menu-link.on{color:var(--brass-lo)}.menu button svg,.menu a.menu-link svg{width:17px;height:17px;flex:none;color:var(--ink-2)}.menu-label{padding:8px 10px 6px;font-family:var(--font-brand);font-size:var(--fs-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.menu-row{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px 0 0;color:var(--ink);font-weight:600}.menu-row .menu-icon{width:36px;padding:0;justify-content:center}.menu-row input[type=range]{flex:1;min-width:0}.menu-sep{height:1px;background:var(--border-2);margin:4px 0}.resbar{display:flex;align-items:center;gap:10px;flex:none;min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px 0}.resbar::-webkit-scrollbar{display:none}.res-group{display:flex;align-items:center;flex:none;height:46px;padding:0 2px;border-radius:23px;background:#0a060380;box-shadow:inset 0 2px 5px #0009,0 1px #ffe6be1f}.respill{position:relative;display:flex;align-items:center;gap:7px;height:42px;padding:0 11px 0 4px;flex:none;cursor:default;border-radius:21px}.respill:hover{background:#ffdca012}.respill+.respill:before{content:"";position:absolute;left:-1px;top:11px;bottom:11px;width:1px;background:#ffe1aa1a;box-shadow:-1px 0 #00000073}.respill .orb{width:34px;height:34px}.respill .orb>svg{padding:6px}.respill.high .orb{--gauge: #e0a04a}.respill.full .orb{--gauge: var(--orange);box-shadow:0 0 0 1px #0d0804,0 0 10px #f0b25a59}.respill.nocap .orb{padding:0;background:none;box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #0d0804,0 2px 4px #00000080}.respill.nocap .orb>svg{padding:8px}.res-txt{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1}.respill .v{font-size:14.5px;font-weight:750;color:var(--text);text-shadow:0 1px 0 rgba(0,0,0,.7);white-space:nowrap}.respill .v .dim{font-weight:650}.rate{font-size:11px;font-weight:650;color:var(--text-3);white-space:nowrap}.rate.up{color:#a5d690}.rate.down{color:var(--red)}.rate.stop,.respill.full .v{color:var(--orange)}.respill .fill{display:none}@media(max-width:1365px){.resbar,.res-group+.res-group{gap:8px}.respill{gap:6px;padding-right:9px}.respill .orb{width:32px;height:32px}.respill .v{font-size:14px}}.top-right{display:flex;align-items:center;gap:8px;flex:0 100 auto;min-width:0;margin-left:auto}.top-right .btn.ghost{width:40px;height:40px;padding:0;border-radius:50%;color:#e9d6ac;border:0;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #0d0804,0 3px 5px #0000008c;transition:box-shadow .12s,transform .12s}.top-right .btn.ghost:hover{color:var(--brass-hi);box-shadow:0 0 0 2px var(--brass-mid),0 0 0 3px #0d0804,0 3px 5px #0000008c;transform:translateY(-1px)}.top-right .btn.ghost:active{transform:translateY(1px)}.top-right .btn.ghost.on,.top-right .rel:has(.menu)>.btn.ghost{color:#2a1a05;background:radial-gradient(circle at 40% 35%,#fbe7a8,#c18a2e 70%);box-shadow:0 0 0 2px var(--brass-hi),0 0 0 3px #0d0804,0 0 14px #f6dc9473}.top-right .btn.ghost svg{width:20px;height:20px}.top-skill{display:flex;align-items:center;gap:8px;flex:0 100 auto;height:46px;min-width:120px;max-width:250px;padding:0 16px 0 6px;margin-right:4px;border-radius:23px;color:var(--text);text-decoration:none!important;background:#0a060380;box-shadow:inset 0 2px 5px #0009,0 1px #ffe6be1f}.top-skill:hover{background:#0a06035c}.top-skill .orb{--gauge: var(--teal);width:34px;height:34px}.top-skill .orb>svg{padding:6px;color:var(--teal)}.top-skill .v{font-size:13px;font-weight:650}@media(max-width:1365px){.top-skill{max-width:190px;padding-right:12px}}.rel{position:relative;display:inline-flex}.top-badge{position:absolute;top:-6px;right:-8px;pointer-events:none}@media(min-width:900px)and (max-width:1199px){.topbar{gap:8px;padding-right:8px}.resbar{flex:0 1 auto;gap:8px}.respill{gap:5px;height:38px;padding:0 8px 0 3px}.res-group{height:42px}.respill .orb{width:30px;height:30px}.respill .orb>svg{padding:5px}.respill.nocap .orb>svg{padding:7px}.respill .v{font-size:13.5px}.respill .rate{display:none}.switcher-btn{height:42px}.top-right{gap:6px}.top-right .btn.ghost{width:38px;height:38px}}@media(min-width:900px)and (max-width:1023px){.brand{display:none}.topbar{padding-left:8px}.switcher{min-width:100px}.switcher-btn .xs{display:none}}@media(max-width:899px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:52px minmax(0,1fr);align-items:center;column-gap:8px;padding:0 8px 0 12px;box-shadow:inset 0 1px #ffe1aa2e,0 3px 0 var(--brass-lo),0 4px #120a04,0 8px 18px #0000008c}.brand{grid-area:1 / 1;width:auto;background:none;box-shadow:none}.switcher{grid-area:1 / 2;justify-self:start;min-width:0;max-width:100%}.switcher-btn{width:auto;min-width:0;max-width:min(260px,100%);height:40px;border-radius:var(--r1);padding:0 10px}.switcher-btn>svg:first-child{width:22px;height:22px;padding:0;background:none;box-shadow:none}.top-right{grid-area:1 / 3;gap:8px}.resbar{grid-area:2 / 1 / 3 / 4;align-self:stretch;padding:0 0 6px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;overflow:visible}.res-group{display:contents}.respill{min-width:0;height:30px;gap:0;padding:0 6px 0 0;border-radius:18px;background:#0a060380;box-shadow:inset 0 2px 4px #0009,0 1px #ffe6be24}.respill+.respill:before{display:none}.respill .orb,.respill.nocap .orb,.respill.full .orb{width:auto;height:auto;padding:0;margin-right:6px;background:none;box-shadow:none}.respill .orb>svg,.respill.nocap .orb>svg{box-sizing:content-box;width:15px;height:15px;padding:5px;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 2px var(--brass-mid),0 0 0 3px #120a04,0 2px 4px #00000080}.res-txt{gap:0}.respill .v{font-size:var(--fs)}.respill .rate{display:none}.respill .fill{display:block;width:100%;height:4px;border-radius:2px;background:#120a04;overflow:hidden;margin-top:3px}.respill .fill>i{display:block;width:calc(var(--fill, 0) * 100%);height:100%;background:linear-gradient(90deg,#a27321,#f6dc94)}.respill.full .fill>i{background:var(--orange)}}@media(max-width:699px),(max-width:899px)and (max-height:500px){.brand{display:none}.topbar{padding-left:0}.top-right{gap:6px}.top-right .btn.ghost{width:36px;height:36px}.top-right .btn.ghost svg{width:18px;height:18px}.resbar{display:flex;justify-content:space-between;gap:2px}.respill{height:28px;padding:0;gap:3px;background:none;box-shadow:none;border-radius:0}.respill .orb,.respill.nocap .orb{margin:0}.respill .orb>svg,.respill.nocap .orb>svg{width:15px;height:15px;padding:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7))}.respill .v{font-size:12.5px}.respill .fill{height:3px;margin-top:2px}}@media(max-width:899px)and (max-height:500px){.topbar{grid-template-columns:auto minmax(0,auto) minmax(0,1fr) auto;grid-template-rows:100%}.switcher-btn{max-width:190px}.resbar{grid-area:1 / 3;align-self:center;height:auto;padding:0 4px}.top-right{grid-area:1 / 4}}.nav{display:flex;flex-direction:column;gap:2px;padding:12px 8px;overflow-y:auto;scrollbar-width:none;z-index:20;background:linear-gradient(90deg,#00000029,#ffdca008),var(--tex-wood) 0 0 / 256px repeat,var(--wood-800)}.nav-item{position:relative;display:flex;align-items:center;gap:12px;flex:none;height:46px;padding:0 10px 0 5px;border-radius:23px;color:var(--text-2);font-family:var(--font-brand);font-weight:700;font-size:13.5px;letter-spacing:.02em;text-decoration:none!important}.nav-item svg{box-sizing:content-box;width:20px;height:20px;padding:8px;border-radius:50%;flex:none;color:#e9d6ac;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #0d0804,0 3px 5px #0000008c;transition:box-shadow .12s,transform .12s}.nav-item:hover{color:var(--text);background:#ffdca00f}.nav-item:hover svg{color:var(--brass-hi);box-shadow:0 0 0 2px var(--brass-mid),0 0 0 3px #0d0804,0 3px 5px #0000008c;transform:translateY(-1px)}.nav-item.on{color:var(--brass-2);background:linear-gradient(90deg,#f6dc942b,#f6dc940d);box-shadow:inset 0 0 0 1px #f6dc9424}.nav-item.on svg{color:#2a1a05;background:radial-gradient(circle at 40% 35%,#fbe7a8,#c18a2e 70%);box-shadow:0 0 0 2px var(--brass-hi),0 0 0 3px #0d0804,0 0 14px #f6dc9473}.nav-item.on:before{content:"";position:absolute;right:-8px;top:50%;width:4px;height:26px;margin-top:-13px;border-radius:3px 0 0 3px;background:linear-gradient(180deg,var(--brass-hi),var(--brass-mid) 50%,var(--brass-lo));box-shadow:0 0 10px #f6dc948c}.nav-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.6)}.nav-item .label-short,.nav-more{display:none}.nav-item .badge{flex:none}.nav-sep{flex:none;height:1px;margin:7px 14px;background:linear-gradient(90deg,transparent,rgba(255,225,170,.16),transparent);box-shadow:0 1px #00000080}@media(min-width:900px)and (max-width:1499px){.nav{align-items:stretch;padding:8px 6px}.nav-item{flex-direction:column;justify-content:center;gap:2px;height:auto;padding:3px 0;border-radius:12px}.nav-item.on{background:linear-gradient(180deg,#f6dc9426,#f6dc940a)}.nav-item.on:before{right:-6px}.nav-item svg{width:18px;height:18px}.nav-item .label{display:none}.nav-item .label-short{display:block;max-width:100%;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font);font-size:10.5px;font-weight:650;letter-spacing:0;line-height:11px;text-shadow:0 1px 0 rgba(0,0,0,.6)}.nav-item .badge{position:absolute;top:1px;right:calc(50% - 27px)}.nav-sep{margin:3px 10px}}@media(min-width:900px)and (max-width:1499px)and (max-height:679px){.nav{padding:6px}.nav-item svg{width:16px;height:16px;padding:7px}}@media(min-width:900px)and (max-width:1499px)and (max-height:599px){.nav-item .label-short{display:none}}@media(max-width:899px){.nav{position:relative;flex-direction:row;align-items:center;justify-content:space-around;gap:0;padding:4px 2px;overflow:visible;box-shadow:0 -3px 0 var(--brass-lo),0 -4px #120a04,0 -6px 14px #00000080}.nav-item{flex:1 1 0;width:auto;min-width:0;max-width:84px;height:100%;padding:0;flex-direction:column;justify-content:center;gap:3px;border:0;border-radius:12px;background:none;cursor:pointer}.nav-item.on{background:none;box-shadow:none}.nav-item.on:before,.nav-sep{display:none}.nav-item .label{display:none}.nav-item svg{width:18px;height:18px;padding:7px}.nav-item .label-short{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font);font-size:10.5px;font-weight:650;letter-spacing:0;line-height:1;color:var(--text-2);text-shadow:0 1px 0 rgba(0,0,0,.6)}.nav-item.on .label-short{color:var(--brass-2)}.nav-item .badge{position:absolute;top:0;right:calc(50% - 26px)}.nav-more-menu{position:absolute;top:auto;left:auto;right:6px;bottom:calc(100% + 10px);min-width:210px}}@media(max-width:599px){.nav-market,.nav-alliance,.nav-captains,.nav-reports{display:none}.nav-more{display:flex}}@media(max-width:899px)and (max-height:500px){.nav{padding:3px 2px}.nav-item svg{padding:5px}}.rail{display:flex;flex-direction:column;min-height:0;z-index:20;background:linear-gradient(270deg,#00000029,#ffdca008),var(--tex-wood) 0 0 / 256px repeat,var(--wood-800)}.rail.drawer{position:fixed;top:var(--top-h);right:0;bottom:0;width:min(340px,92vw);z-index:60;box-shadow:-3px 0 0 var(--brass-lo),-4px 0 #120a04,-6px 0 14px #00000080}.drawer-back{position:fixed;inset:var(--top-h) 0 0 0;background:var(--overlay);z-index:55}.rail-head{display:flex;align-items:center;gap:8px;flex:none;height:46px;padding:0 8px 0 14px;background:linear-gradient(180deg,#ffdca00d,#0000001f);box-shadow:0 1px #00000080,0 2px #ffe1aa0d}.rail-head-icon{width:17px;height:17px;color:var(--brass-2);flex:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.rail-head h4{font-family:var(--font-brand);font-size:13px;color:var(--brass-2);letter-spacing:.14em;text-shadow:0 1px 0 rgba(0,0,0,.6)}.rail-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:800;color:var(--brass-2);cursor:default;background:#0a060380;box-shadow:inset 0 1px 3px #0009,0 1px #ffe6be1a}.rail-fold svg{transform:rotate(-90deg)}.rail-fold.open svg{transform:rotate(90deg)}.rail-list{flex:1;overflow-y:auto;padding:10px 8px 16px;display:flex;flex-direction:column;gap:6px}.rail-item{display:flex;align-items:center;gap:4px;border-radius:var(--r2);background:#0a06036b;box-shadow:inset 0 1px 3px #00000080,0 1px #ffe6be14}.rail-item:hover{background:#0a06034d}.rail-item.urgent{padding:8px;gap:10px;color:var(--text);text-decoration:none!important;box-shadow:inset 0 0 0 1px #f0806f73,0 0 12px #f0806f26}.rail-link{flex:1;min-width:0;display:flex;gap:10px;align-items:center;padding:8px;color:var(--text);text-decoration:none!important}.rail-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #0d0804}.rail-icon svg{width:18px;height:18px}.rail-item .rail-act{width:30px;height:30px;margin-right:8px;border-radius:50%;color:#e9d6ac;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 1px var(--brass-lo),0 0 0 2px #0d0804}.rail-item .rail-act:hover:not(:disabled){color:var(--brass-hi);background:radial-gradient(circle at 40% 35%,#6b4a2e,#2c1c10 72%)}.rail-item .rail-act svg{width:15px;height:15px}.rail-idle{margin-top:8px;display:flex;flex-direction:column;gap:2px}.rail-idle h4{padding:0 8px 4px;font-size:10.5px;color:var(--text-3)}.rail-idle a{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r2);color:var(--orange);font-size:var(--fs-sm);font-weight:650;text-decoration:none!important}.rail-idle a:hover{background:#ffdca00f}.rail-icon.idle{width:28px;height:28px;color:var(--orange);box-shadow:0 0 0 2px #f0b25a80,0 0 0 3px #0d0804}.rail-icon.idle svg{width:15px;height:15px}.rail-idle .go{width:11px;height:11px;flex:none;transform:rotate(-90deg);opacity:.6}.rail.mini{align-items:center;padding:8px 0;gap:6px;overflow:hidden}.rail.mini .rail-fold{width:36px;height:36px;padding:0;border-radius:50%;color:#e9d6ac;flex:none;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #0d0804,0 3px 5px #0000008c}.rail.mini .rail-fold:hover:not(:disabled){color:var(--brass-hi);box-shadow:0 0 0 2px var(--brass-mid),0 0 0 3px #0d0804,0 3px 5px #0000008c}.mini-list{flex:1;min-height:0;width:100%;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 16px;border-top:1px solid rgba(0,0,0,.45);box-shadow:inset 0 1px #ffe1aa0d}.mini-list::-webkit-scrollbar{display:none}.mini-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;color:var(--text-2);text-decoration:none!important}.mini-item .ring{width:42px;height:42px}.mini-item .ring>.rail-icon{width:100%;height:100%;box-shadow:0 0 0 1px #0d0804}.mini-item .ring.full{--fill: 1;--gauge: var(--red)}.mini-item:hover .rail-icon{filter:brightness(1.2)}.mini-time{font-size:10px;font-weight:650;line-height:1;white-space:nowrap}.mini-item.urgent .mini-time{color:var(--red)}.mini-note{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:3px;transform:rotate(-4deg);background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:0 4px 8px #00000080,inset 0 0 10px #6e46194d}.mini-note:before{content:"";position:absolute;top:-4px;left:50%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb2a4,#b5321f 70%);box-shadow:0 1px 2px #00000080}.mini-note svg{width:22px;height:22px;color:var(--ink-2)}.guide{position:relative;flex:none;margin:6px 4px 8px;padding:12px 12px 10px;border-radius:3px;display:flex;flex-direction:column;gap:4px;transform:rotate(-.6deg);background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:0 6px 14px #0000008c,inset 0 0 24px #6e461940}.guide:before{content:"";position:absolute;top:-6px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb2a4,#b5321f 70%);box-shadow:0 2px 3px #00000080}.guide h4{font-family:var(--font-brand);color:var(--brass-lo)}.guide-step{display:flex;align-items:flex-start;gap:10px;padding:6px;border-radius:var(--r1);color:var(--ink);text-decoration:none!important}.guide-step:hover{background:#7854281f}.guide-step .dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--brass-lo);margin-top:5px;flex:none}.guide-step.first .dot{background:var(--brass-lo)}.guide-step .go{width:12px;height:12px;color:var(--ink-3);margin-top:4px;transform:rotate(-90deg)}.chat-drawer{position:fixed;right:16px;bottom:16px;width:min(380px,calc(100vw - 32px));height:min(520px,calc(100dvh - var(--top-h) - 32px));z-index:70;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r2);background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:var(--frame),inset 0 0 40px #6e461938}@media(max-width:899px){.chat-drawer{bottom:calc(var(--bottom-h) + 12px)}.rail.drawer,.drawer-back{bottom:var(--bottom-h)}}@media(max-width:599px){.chat-drawer{inset:var(--top-h) 0 var(--bottom-h) 0;width:auto;height:auto;border-radius:0}}.chat-head{--text: #f3e7cc;--text-2: #d6c19a;display:flex;align-items:center;padding:6px 8px 6px 14px;color:var(--text);background:var(--tex-wood) 0 0 / 256px,var(--wood-700);border-bottom:2px solid var(--brass-lo)}.chat-head h3{text-shadow:0 1px 0 rgba(0,0,0,.6)}.chatbox{flex:1;min-height:0;display:flex;flex-direction:column}.chat-tabs{padding:8px 10px 0}.chat-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.chat-msg .chat-text{color:var(--text);word-wrap:break-word}.chat-msg.mine b{color:var(--brass-lo)}.chat-input{display:flex;gap:6px;padding:8px;border-top:2px solid var(--border-2)}.toasts{position:fixed;left:calc(var(--nav-w) + 14px);bottom:14px;display:flex;flex-direction:column-reverse;gap:8px;z-index:300;width:min(420px,calc(100vw - 24px));pointer-events:none}@media(max-width:899px){.toasts{left:50%;transform:translate(-50%);bottom:calc(var(--bottom-h) + 12px)}}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r2);cursor:pointer;font-size:var(--fs);font-weight:600;background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:var(--frame);animation:toast-in .2s ease-out}.toast svg{width:20px;height:20px;flex:none}.toast.success svg{color:var(--green)}.toast.warn svg{color:var(--orange)}.toast.danger svg{color:var(--red)}.toast.info svg{color:var(--blue)}@keyframes toast-in{0%{transform:translateY(8px) scale(.98);opacity:0}}.conn-banner{position:fixed;left:50%;bottom:16px;transform:translate(-50%);padding:8px 14px;border-radius:var(--r1);background:var(--orange);color:#1b1004;font-weight:700;z-index:400;box-shadow:var(--shadow)}.splash{height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:var(--text-2)}.splash .spin{width:28px;height:28px}.scene-frame{border-radius:var(--r2);overflow:hidden;border:1px solid var(--border);background:#1683b2;display:flex;justify-content:center}.scene{position:relative;width:100%;max-height:62vh;max-width:calc(62vh * 1280 / 820);-webkit-user-select:none;user-select:none}.scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scene-sprite{position:absolute;pointer-events:none;display:block}.scene-sprite.dim{opacity:.55}.scene-sprite.sel{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px rgba(242,207,138,.9))}.scene-hit{position:absolute;background:none;border:0;padding:0;cursor:pointer;border-radius:40%;pointer-events:none}.scene-hit.hot{pointer-events:auto}.scene-hit:disabled{cursor:default}.scene-hit .scene-label{position:absolute;left:50%;bottom:6%;transform:translate(-50%);white-space:nowrap;padding:.25em .75em;border-radius:4px;background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:0 0 0 1px var(--brass-lo),0 3px 8px #00000073;color:var(--ink);font-family:var(--font-brand);font-size:calc(var(--fs-sm) * var(--label-scale, 1));font-weight:700;opacity:0;transition:opacity .12s;pointer-events:none}.scene-hit:hover .scene-label,.scene-hit:focus-visible .scene-label,.scene-hit.sel .scene-label{opacity:1}.scene-hit .scene-badge{position:absolute;left:50%;bottom:22%;transform:translate(-50%);min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:radial-gradient(circle at 40% 35%,#5c3f27,#24170d 72%);box-shadow:0 0 0 2px var(--brass-mid),0 0 0 3px #120a04;color:var(--brass-2);font-size:11px;font-weight:800;display:grid;place-items:center;pointer-events:none;scale:var(--label-scale, 1)}.scene-hit:hover .scene-badge,.scene-hit.sel .scene-badge{opacity:0}.scene-hit .scene-marker{position:absolute;left:50%;top:4%;transform:translate(-50%);scale:var(--label-scale, 1);width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbe7a8,#c18a2e 70%);color:#2a1a05;display:grid;place-items:center;box-shadow:0 0 0 1px #4d3409,0 2px 6px #00000073;pointer-events:none}.scene-hit .scene-marker svg{width:15px;height:15px}@media(max-width:899px){.scene{max-height:none;max-width:none}}.colony-page .page-head{margin-bottom:var(--s4)}.sheet-thumb{width:56px;height:56px}.sheet-thumb img{object-fit:cover;object-position:center 70%;transform:scale(1.5)}.table.compact td,.table.compact th{padding:6px 8px}.table.effects td:first-child{color:var(--text-2)}.qrow{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r1)}.qrow>svg{width:18px;height:18px;color:var(--text-2);flex:none}.worker-row{display:flex;flex-direction:column;gap:4px}.worker-idle{padding-top:10px;border-top:1px solid var(--border)}.list-link{padding:6px 8px;border-radius:var(--r1);color:var(--text);text-decoration:none!important}.list-link:hover{background:var(--surface-2)}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.hull-list,.mod-list{display:flex;flex-direction:column;gap:6px}.hull-row,.mod-row{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:var(--r1);background:var(--surface-2);border:1px solid transparent}.hull-row.locked,.mod-row.locked{opacity:.6}.hull-thumb{width:124px;height:88px;flex:none;padding:0;border:0;border-radius:var(--r1);overflow:hidden;cursor:pointer;background:radial-gradient(ellipse 70% 60% at 50% 70%,#4fb8de,#1683b2 60%,#0d4f72);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #1a0f07,inset 0 0 14px #00142859}.hull-thumb:hover{box-shadow:0 0 0 2px var(--brass-hi),0 0 0 3px #1a0f07,inset 0 0 14px #00142859}.hull-thumb img{filter:drop-shadow(0 4px 4px rgba(0,20,40,.35))}@media(max-width:479px){.hull-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px 10px;padding:8px}.hull-thumb{width:88px;height:64px}.hull-row>.hull-act{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}}.hull-row.locked .hull-thumb img{filter:grayscale(.7)}.hull-act{align-items:flex-end;flex:none}.sea{position:absolute;top:0;right:0;bottom:0;left:0}.sea-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.sea-canvas:active{cursor:grabbing}.sea-canvas canvas{width:100%;height:100%;display:block}.sea-layers{position:absolute;top:12px;left:12px;padding:8px 12px;display:flex;gap:14px;flex-wrap:wrap;background:#131c26eb}.sea-legend{position:absolute;bottom:12px;left:12px;padding:6px 10px;display:flex;gap:12px;flex-wrap:wrap;background:#131c26eb}.sea-legend span{display:inline-flex;align-items:center;gap:4px;font-weight:600}.sea-zoom{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column;gap:6px}.sea-legend-toggle{position:absolute;bottom:12px;left:12px}@media(max-width:899px){.sea-legend{right:64px;bottom:8px;left:8px;padding-right:36px}.sea-legend-close{position:absolute;top:2px;right:2px}.sea-layers{top:8px;left:8px;right:8px;gap:6px 14px;padding:6px 10px}}.sea .sheet{z-index:25}.resists{display:flex;flex-direction:column;gap:4px}.resist,.dmg-row{display:flex;align-items:center;gap:8px}.dmg-row .bar{width:90px;flex:none}.dmg-dot{width:10px;height:10px;border-radius:50%;flex:none}.d-shot{--d: var(--d-shot)}.d-fire{--d: var(--d-fire)}.d-rend{--d: var(--d-rend)}.d-aether{--d: var(--d-aether)}.dmg-dot{background:var(--d)}.dmgbar>i{background:var(--d)}.dispatch{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.dispatch-about:empty{display:none}@media(max-width:760px){.dispatch{grid-template-columns:minmax(0,1fr)}}.ship-pick{display:flex;gap:10px;align-items:center;width:100%;padding:6px 10px 6px 6px;border:0;border-radius:var(--r1);cursor:pointer;font:inherit;color:var(--text);text-align:left;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);transition:box-shadow .12s,background .12s}.ship-pick:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--brass-mid)}.ship-pick.on{background:#d7a44629;box-shadow:inset 0 0 0 2px var(--brass-mid),0 0 10px #d7a4464d}.ship-pick:disabled{opacity:.55;cursor:not-allowed}.ship-pick img{width:64px;height:54px;object-fit:contain;flex:none;border-radius:var(--r1);background:radial-gradient(ellipse at 50% 70%,#4fb8de,#1683b2 60%,#0d4f72)}.pick-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 2px var(--border-2)}.pick-mark svg{width:14px;height:14px;opacity:0;color:#2a1a05}.ship-pick.on .pick-mark{background:radial-gradient(circle at 40% 35%,#fbe7a8,#c18a2e 70%);box-shadow:0 0 0 1px #6e4c14}.ship-pick.on .pick-mark svg{opacity:1}.load-row{min-height:34px}.plan-strip{margin-top:18px;padding-top:16px;border-top:2px solid var(--border-2);display:flex;flex-direction:column;gap:10px}.plan-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.plan-tile{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);min-width:0}.plan-tile .plan-k{display:flex;align-items:center;gap:5px;font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-tile .plan-k svg{color:var(--ink-2);flex:none}.plan-tile b{font-size:16px}.plan-tile.strong b{font-size:19px}.plan-tile .plan-sub{font-size:11px;color:var(--text-3)}.plan-tile.good{box-shadow:inset 0 0 0 2px var(--green)}.plan-tile.good b{color:var(--green)}.plan-tile.blue{box-shadow:inset 0 0 0 2px var(--blue)}.plan-tile.blue b{color:var(--blue)}.plan-tile.warn{box-shadow:inset 0 0 0 2px var(--orange)}.plan-tile.warn b{color:var(--orange)}.plan-tile.bad{box-shadow:inset 0 0 0 2px var(--red)}.plan-tile.bad b{color:var(--red)}.about-facts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:var(--fs-sm);color:var(--text-2)}.about-facts>span{display:inline-flex;align-items:center;gap:5px}.about-block{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.codex-stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}.codex-hero.land{min-height:260px;background:radial-gradient(ellipse 52% 40% at 50% 64%,#c3cc68,#aebd58 62%,#e5cf98 70%,#6cc6dc 77%,#1f93c0 88%,#116a92);box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-lo),0 0 0 4px #1a0f07,inset 0 0 40px #0000004d}.codex-hero.land img{width:auto;max-width:80%;height:290px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}.island-pop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}@media(max-width:760px){.island-pop{grid-template-columns:minmax(0,1fr)}}.chart-thumb{width:100%;height:280px;display:block;border-radius:var(--r2);background:#1683b2;box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-lo),0 0 0 4px #1a0f07,inset 0 0 30px #0000004d}.settler{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:var(--r1);color:var(--text);text-decoration:none!important}a.settler:hover{background:#7854281a}.settler.mine{background:#d7a44629}.settler img{width:46px;height:46px;object-fit:contain;flex:none}.settler .town-pic{width:46px;height:46px;flex:none;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 60%,#b9c46a,#8aa04a 70%);box-shadow:0 0 0 1px var(--brass-lo)}.settler .town-pic img{width:110px;height:auto;max-width:none;margin:-86px 0 0 -32px}.price-table td.num,.price-table th.num{width:1%;white-space:nowrap}.ship-thumb{width:52px;height:44px;object-fit:contain;flex:none}.ship-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.ship-card{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px;border-radius:var(--r2);color:var(--text);text-decoration:none!important;min-width:0;background:var(--tex-paper) 0 0 / 256px repeat,var(--parch-1);box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-lo),0 0 0 4px #1a0f07,0 8px 18px #00000080,inset 0 0 30px #6e461933;transition:transform .12s,box-shadow .12s}.ship-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-hi),0 0 0 4px #1a0f07,0 10px 22px #0000008c,inset 0 0 30px #6e461933}.ship-card-art{margin:0 -14px;height:150px;display:grid;place-items:center;overflow:hidden;border-radius:var(--r2) var(--r2) 0 0;background:radial-gradient(ellipse 70% 60% at 50% 72%,#4fb8de,#1683b2 55%,#0d4f72);box-shadow:inset 0 -3px 0 var(--brass-lo),inset 0 0 36px #00000059}.ship-card-art img{height:142px;width:auto;margin-top:4px;filter:drop-shadow(0 5px 5px rgba(0,20,40,.35));transition:transform .3s}.ship-card:hover .ship-card-art img{transform:translateY(-3px) rotate(-1.5deg)}.ship-card.away .ship-card-art img{opacity:.35;filter:grayscale(.4)}.ship-card-name{font-family:var(--font-brand);font-size:17px}.ship-chips{display:flex;gap:6px}.ship-chips span{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;height:28px;border-radius:14px;font-weight:700;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.ship-chips svg{width:15px;height:15px;color:var(--ink-2)}.ship-fit{display:flex;flex-wrap:wrap;gap:5px;padding-top:10px;border-top:1px dashed var(--border-2)}.fit-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#5a3d25,#2a1a0f 70%);box-shadow:0 0 0 1px var(--brass-lo)}.fit-dot svg{width:15px;height:15px;color:var(--brass-2)}.fit-dot.vacant{background:none;box-shadow:inset 0 0 0 1px var(--border-2)}.fit-dot.vacant svg{color:var(--ink-3);opacity:.5}.ship-card.new{align-items:center;justify-content:center;text-align:center;padding:24px;min-height:260px;color:var(--text-2);background:#0000002e;box-shadow:none;border:2px dashed rgba(215,164,70,.4)}.ship-card.new:hover{color:var(--text);border-color:var(--brass-mid);box-shadow:none}.ship-card.new b{font-family:var(--font-brand);font-size:16px;color:var(--brass-2)}.module-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.module-tile{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r2);color:var(--text);min-width:0;background:var(--tex-paper) 0 0 / 256px repeat,var(--parch-1);box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-lo),0 0 0 4px #1a0f07,0 6px 14px #00000073,inset 0 0 30px #6e461933}.count-badge{align-self:flex-start;font-size:18px;font-weight:800;color:var(--ink-2)}.ship-portrait{width:170px;height:120px;flex:none;overflow:hidden;border-radius:var(--r2);background:radial-gradient(ellipse 70% 60% at 50% 70%,#4fb8de,#1683b2 60%,#0d4f72);box-shadow:0 0 0 2px var(--brass-lo),0 0 0 3px #1a0f07}.settler .ship-pic{width:78px;height:54px;flex:none;overflow:hidden;border-radius:var(--r1);background:radial-gradient(ellipse 70% 60% at 50% 70%,#4fb8de,#1683b2 60%,#0d4f72);box-shadow:0 0 0 1px var(--brass-lo)}.slot{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--r1);background:none;text-align:left;cursor:pointer}.slot:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2)}.slot:disabled{cursor:default}.slot.empty .b{color:var(--text-3);font-weight:500}.slot .slot-act{width:16px;height:16px;color:var(--text-3)}.mb{margin-bottom:var(--s3)}.skills-grid{align-items:start}.sticky-col{position:sticky;top:0}.book-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}@media(max-width:599px){.book-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px 16px;padding:2px 12px}.book-tabs::-webkit-scrollbar{display:none}.book-tabs a{flex:none;white-space:nowrap}.book-views{max-width:100%;overflow-x:auto;scrollbar-width:none}.book-views a{flex:none;white-space:nowrap}}.book-tabs a{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;border-radius:20px;color:var(--text-2);text-decoration:none!important;font-family:var(--font-brand);font-weight:700;font-size:13.5px;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.6);background:linear-gradient(180deg,#ffe1aa14,#0000002e),var(--tex-wood) 0 0 / 256px repeat,var(--wood-700);box-shadow:0 0 0 1px #120a04,inset 0 1px #ffe1aa24,0 2px 5px #00000073;transition:transform .12s,color .12s}.book-tabs a svg{width:18px;height:18px;flex:none;color:var(--brass-2)}.book-tabs a .count{font-family:inherit;font-size:11px;color:var(--text-3);letter-spacing:0}.book-tabs a:hover{color:var(--text);transform:translateY(-1px)}.book-tabs a.on{color:#2a1a05;text-shadow:0 1px 0 rgba(255,240,200,.5);background:linear-gradient(180deg,#fbe7a8,#c18a2e);box-shadow:0 0 0 1px #120a04,0 0 0 3px var(--brass-lo),0 0 0 4px #120a04,0 0 16px #f6dc9459}.book-tabs a.on svg,.book-tabs a.on .count{color:#4a3112}.training-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--teal);box-shadow:0 0 0 1px #0c2a26,0 0 8px var(--teal)}.skill-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-content:start}.skill-card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:var(--r2);cursor:pointer;color:var(--text);outline:none;background:var(--tex-paper) 0 0 / 256px repeat,var(--parch-1);box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-lo),0 0 0 4px #1a0f07,0 6px 14px #00000073,inset 0 0 30px #6e461933;transition:transform .12s,box-shadow .12s}.skill-card:hover,.skill-card:focus-visible{transform:translateY(-2px)}.skill-card.sel{box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-hi),0 0 0 4px #1a0f07,0 0 20px #f6dc948c,inset 0 0 30px #6e461933}.skill-card.training{box-shadow:0 0 0 1px #1a0f07,0 0 0 3px #2fa592,0 0 0 4px #0c2a26,0 0 18px #5fd1bf66,inset 0 0 30px #6e461933}.skill-card.locked,.skill-card.manual{background:var(--tex-paper) 0 0 / 256px repeat,#ddcfae}.skill-card.locked .thumb,.skill-card.manual .thumb{filter:grayscale(.8) brightness(.8)}.skill-card.max .thumb{box-shadow:0 0 0 2px var(--brass-hi),0 0 0 3px #1a0f07,0 0 10px #f6dc9499}.skill-card .thumb.sm{width:40px;height:40px}.skill-card .thumb.sm svg{width:21px;height:21px}.skill-card .pips{gap:4px}.skill-card .pips i{width:18px;height:7px;border-radius:2px}.skill-card .btn.sm{min-width:52px}.skill-next{min-height:18px;padding-top:9px;border-top:1px dashed var(--border-2);color:var(--text-2)}.skill-detail .panel-foot>*{flex:1}.queue-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--r1)}.queue-row.head{background:var(--surface-2)}.queue-act .up svg{transform:rotate(180deg)}.book-bar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-bottom:14px}.book-views{display:inline-flex;gap:3px;padding:3px;border-radius:22px;background:var(--tex-wood) 0 0 / 256px repeat,var(--wood-900);box-shadow:0 0 0 1px #120a04,inset 0 2px 5px #0009,0 1px #ffe1aa14}.book-views a{display:flex;align-items:center;gap:7px;height:34px;padding:0 15px 0 11px;border-radius:17px;color:var(--text-2);text-decoration:none!important;font-family:var(--font-brand);font-weight:700;font-size:13px;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.6);transition:color .12s}.book-views a svg{width:16px;height:16px;flex:none;color:var(--brass-2)}.book-views a:hover{color:var(--text)}.book-views a.on{color:#2a1a05;text-shadow:0 1px 0 rgba(255,240,200,.5);background:linear-gradient(180deg,#fbe7a8,#c18a2e);box-shadow:0 0 0 1px #120a04,inset 0 1px #fffadc99}.book-views a.on svg{color:#4a3112}.plan-count{color:var(--text-2);font-weight:700}.plan-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.plan-stats>div{display:flex;flex-direction:column;gap:2px;min-width:0;padding:7px 12px;font-size:var(--fs-sm)}.plan-stats>div+div{border-left:1px solid var(--border)}.plan-queue{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-queue .btn{flex:none}.plan-queue>span{flex:1;min-width:200px}.plan-route{display:flex;align-items:center;flex-wrap:wrap;row-gap:6px}.plan-route .route-line{width:8px;height:2px;flex:none;background:var(--border-2)}.plan-route .route-line.done{background:var(--brass-lo)}.stop,a.stop{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700;font-style:normal;color:var(--ink-2);text-decoration:none!important;background:#3c230f29;box-shadow:inset 0 1px 2px #00000059}.stop.done{color:#4a3112;background:radial-gradient(circle at 35% 30%,#fbe7a8,#c18a2e);box-shadow:0 0 0 1px #6e4c14}.stop.training,.stop.queued{color:#0c2a26;background:radial-gradient(circle at 35% 30%,#a5f2e3,#2fa592);box-shadow:0 0 0 1px #155e54}.stop.next{color:var(--ink);background:var(--parch-1);box-shadow:0 0 0 2px var(--brass-lo),0 0 8px #c18a2eb3}a.stop:hover{transform:translateY(-1px)}@media(pointer:coarse){.plan-route .stop{width:30px;height:30px;font-size:12px}}.plan-route .goal{width:24px;height:24px;margin-left:2px;color:var(--brass-lo)}.plan-legend{display:flex;flex-wrap:wrap;gap:4px 14px}.plan-legend span{display:inline-flex;align-items:center;gap:5px}.plan-legend .stop{width:11px;height:11px}.plan-legend .stop.next{box-shadow:0 0 0 1.5px var(--brass-lo)}.step-cards{padding:9px 0 0 9px}.step-card{position:relative}.step-num{position:absolute;top:-10px;left:-10px;z-index:1;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font:700 12px var(--font-brand);color:#2a1a05;background:linear-gradient(180deg,#fbe7a8,#c18a2e);box-shadow:0 0 0 1px #1a0f07,0 2px 4px #00000080}.step-num svg{width:13px;height:13px}.step-card.locked .step-num,.step-card.manual .step-num{background:linear-gradient(180deg,#d9ccb0,#9d8a69)}.step-card.done .thumb{box-shadow:0 0 0 2px var(--brass-hi),0 0 0 3px #1a0f07,0 0 10px #f6dc9499}.step-card.queued,.step-card.training{box-shadow:0 0 0 1px #1a0f07,0 0 0 3px #2fa592,0 0 0 4px #0c2a26,0 6px 14px #00000073,inset 0 0 30px #6e461933}.step-card.next{box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-hi),0 0 0 4px #1a0f07,0 0 18px #f6dc9473,inset 0 0 30px #6e461933}.step-card.sel{box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-hi),0 0 0 4px #1a0f07,0 0 20px #f6dc948c,inset 0 0 30px #6e461933}.step-gives{flex:1}.step-gives .unlock-chip{padding-top:2px;padding-bottom:2px}.step-gives .unlock-chip img{width:44px;height:36px}.step-gives .unlock-chip .thumb.sm{width:32px;height:32px}.step-gives .unlock-chip .thumb.sm svg{width:17px;height:17px}.skill-card .pips i.aim:not(.on){box-shadow:inset 0 0 0 1.5px var(--brass-lo)}.skill-card .pips i.past{opacity:.35}.table tr.dimrow td{opacity:.55}.table tr.done td:first-child{color:var(--brass)}.table tr.planned td:first-child{color:var(--teal)}.gap0{gap:0}.reports-grid{align-items:start}.battle{display:flex;flex-direction:column;gap:16px}.battle-ship{display:flex;flex-direction:column;gap:4px}.rounds{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}.alliance-chat{height:420px;display:flex;flex-direction:column}.contract-note{padding:8px 12px}.auth{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;overflow:auto;background:#1683b2}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.8)}.auth-card{position:relative;width:min(420px,100%);padding:24px;display:flex;flex-direction:column;gap:14px;border-radius:var(--r2);background:var(--tex-paper) 0 0 / 256px,var(--parch-1);box-shadow:var(--frame),inset 0 0 50px #6e461940}.auth-card .brand-mark{width:30px;height:30px;color:var(--brass-lo);filter:none}.auth-card .brand-name{display:inline;font-size:22px;color:var(--ink);text-shadow:none}.world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1683b2}.world-view{position:absolute;top:0;right:0;bottom:94px;left:0;container-type:size;overflow:hidden}.world-view.full{top:0;right:0;bottom:0;left:0}.world-view .scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,calc(100cqh * 1280 / 820));max-width:none;max-height:none}.world-view .scene-bg{-webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 78%,transparent 100%)}.world-plaque{position:absolute;top:12px;left:12px;right:auto;max-width:min(640px,calc(100% - 24px));display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--r2);z-index:10;border-bottom:0;box-shadow:var(--frame);flex-wrap:wrap}.world:has(>.sheet) .world-plaque{max-width:min(640px,calc(100% - 476px))}.world-plaque h1{font-size:22px;color:var(--brass-2)}.world-plaque a{color:var(--brass-2)}.plaque-actions .btn.on{filter:brightness(1.3);box-shadow:inset 0 0 0 1px var(--brass-hi),0 2px #120a04}.world-window{position:absolute;top:120px;bottom:12px;width:min(380px,calc(100% - 24px));overflow-y:auto;z-index:15;display:flex;flex-direction:column;gap:16px;padding:4px}.world-window.left{left:12px}.world-window.right{right:12px}.world .sheet{top:12px;bottom:12px}@media(max-width:899px){.world:has(>.sheet) .world-plaque{display:none}}@media(max-width:599px){.world-plaque{top:8px;left:8px;max-width:calc(100% - 16px);gap:6px 10px;padding:8px 10px}.world-plaque>.grow{flex:1 0 100%}.world-plaque h1{font-size:19px}.plaque-actions{flex-wrap:wrap}.world-window,.world-window.left,.world-window.right{top:8px;bottom:8px;left:8px;right:8px;width:auto;z-index:25}.world .sheet{top:8px;bottom:8px;right:8px;width:calc(100% - 16px)}}.codex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start}.codex.narrow{grid-template-columns:150px minmax(0,1fr)}.codex-hero{border-radius:var(--r2);display:grid;place-items:center;overflow:hidden;min-height:250px}.codex-hero.ocean{background:radial-gradient(ellipse 70% 60% at 50% 70%,#4fb8de,#1683b2 55%,#0d4f72);box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-lo),0 0 0 4px #1a0f07,inset 0 0 40px #00000059}.codex-hero.ocean img{width:100%;max-width:380px;height:auto;filter:drop-shadow(0 8px 8px rgba(0,20,40,.4))}.codex-hero.medal{min-height:150px;background:#7854281a;box-shadow:inset 0 0 0 1px var(--border)}.thumb.big{width:96px;height:96px}.thumb.big svg{width:52px;height:52px}.thumb.sm{width:34px;height:34px}.thumb.sm svg{width:18px;height:18px}.codex-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.codex-stats>div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.codex-stats svg{width:18px;height:18px;color:var(--ink-2)}.codex-stats b{font-size:18px}.codex-stats>div>span{font-size:var(--fs-xs);color:var(--text-3)}.codex-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.codex-slots>div{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);min-width:0}.codex-slots b{font-size:18px}@media(max-width:479px){.codex-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-slots{grid-template-columns:minmax(0,1fr)}}.codex-slots>div>span:last-child{font-size:var(--fs-xs);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-build{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.codex-order{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.codex-order>svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--brass-lo)}.codex-unlock{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r1);color:var(--text);text-decoration:none!important;box-shadow:inset 0 0 0 1px var(--border-2)}.codex-unlock:hover{background:var(--surface-2)}.codex-unlock svg{width:16px;height:16px;color:var(--red);flex:none}.codex-unlock.have svg{color:var(--green)}.codex-unlock>span:nth-child(2){flex:1}@media(max-width:700px){.codex,.codex.narrow{grid-template-columns:minmax(0,1fr)}}.unlock-chip{display:flex;align-items:center;gap:10px;width:100%;padding:4px 10px 4px 4px;border:0;border-radius:var(--r1);background:none;color:var(--text);text-align:left;font:inherit}button.unlock-chip{cursor:pointer;box-shadow:inset 0 0 0 1px var(--border)}button.unlock-chip:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--brass-mid)}.unlock-chip img{width:54px;height:46px;object-fit:contain;flex:none;border-radius:var(--r1);background:radial-gradient(ellipse at 50% 70%,#4fb8de,#1683b2 60%,#0d4f72)}.unlock-chip .col{flex:1;gap:0;min-width:0}.unlock-chip .unlock-go{width:15px;height:15px;color:var(--ink-3);flex:none}button.unlock-chip:hover .unlock-go{color:var(--brass-lo)}.market-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.market-how>div{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:var(--r2);font-size:var(--fs-sm);color:var(--text-2);background:#00000040;box-shadow:inset 0 1px 3px #00000080,0 0 0 1px #ffe1aa14}.market-how b{color:var(--brass-2)}.market-how svg{width:20px;height:20px;flex:none;color:var(--brass-2);margin-top:1px}@media(max-width:900px){.market-how{grid-template-columns:minmax(0,1fr)}}.sell-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.sell-card,.port-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--r2);color:var(--text);min-width:0;background:var(--tex-paper) 0 0 / 256px repeat,var(--parch-1);box-shadow:0 0 0 1px #1a0f07,0 0 0 3px var(--brass-lo),0 0 0 4px #1a0f07,0 6px 14px #00000073,inset 0 0 30px #6e461933}.sell-best{display:flex;flex-direction:column;padding:6px 8px;border-radius:var(--r1);background:var(--surface-2)}.sell-worth{font-weight:700;color:var(--green);font-size:var(--fs-sm);padding-top:6px;border-top:1px dashed var(--border-2)}.port-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.port-head{display:flex;align-items:center;gap:10px}.port-name{font-family:var(--font-brand);font-size:17px}.trend{font-size:10px;margin-left:2px}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.price-head span{display:block}.price-head small{display:block;font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-3)}td.price{white-space:nowrap}td.price svg{margin-left:3px;vertical-align:-1px}.trade-step{display:flex;flex-direction:column;gap:4px}.trade-step h4{display:flex;align-items:center;gap:8px}.trade-step .step{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px;color:#2a1a05;background:radial-gradient(circle at 40% 35%,#fbe7a8,#c18a2e 70%);box-shadow:0 0 0 1px #6e4c14}.trade-row{display:flex;align-items:center;gap:10px;min-height:34px}.trade-row .xs{margin-left:4px}.trade-gold{width:78px;flex:none;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px}.trade-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.trade-sum>div{display:flex;flex-direction:column;font-size:var(--fs-xs);color:var(--text-3)}.trade-sum>div b{font-size:17px;display:inline-flex;align-items:center;gap:4px}.trade-sum>div.net b{font-size:19px}.trade-sum>span{grid-column:1 / -1}.scene-timer-bar{display:block;width:5.5em;height:4px;border-radius:2px;background:#3c230f40;overflow:hidden}.scene-timer-bar>i{display:block;height:100%;background:linear-gradient(90deg,#c18a2e,#f6dc94)}.where-to-get{display:flex;flex-direction:column;gap:8px;padding:8px 10px;border-radius:var(--r1);background:#b2650f14;box-shadow:inset 0 0 0 1px #b2650f59}.where-to-get ul{margin:0;padding-left:18px;font-size:var(--fs-xs);display:flex;flex-direction:column;gap:2px}.destination{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:var(--r1);color:var(--text);text-decoration:none!important;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-2)}.destination:hover{box-shadow:inset 0 0 0 1px var(--brass-mid);background:#d7a4461f}.destination b{font-size:15px}.destination .col{flex:1;min-width:0}.destination .unlock-go{width:15px;height:15px;flex:none;color:var(--ink-3)}.desk-warn{grid-column:2 / -1}@media(max-width:599px){.reports-grid .lead .ellipsis{white-space:normal}}@media(max-width:599px){.contracts-table thead{display:none}.contracts-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"job job" "where reward" "tier time" "act act";align-items:center;gap:6px 10px;padding:12px 4px;border-bottom:1px dashed var(--border)}.contracts-table tr:last-child{border-bottom:0}.contracts-table td{display:block;padding:0;border:0}.contracts-table td:nth-child(1){grid-area:job}.contracts-table td:nth-child(2){grid-area:where}.contracts-table td:nth-child(3){grid-area:tier;text-align:left}.contracts-table td:nth-child(4){grid-area:reward;justify-self:end}.contracts-table td:nth-child(5){grid-area:time;justify-self:end}.contracts-table td:nth-child(6){grid-area:act;width:auto;text-align:left}.contracts-table td.act>.btn,.contracts-table td.act>.row{width:100%}.contracts-table td.act>.row>.btn:first-child,.contracts-table td.act>.row>.tag{flex:1;justify-content:center}}@media(max-width:599px){.ledger thead{display:none}.ledger tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name lvl" "cost cost" "time act";align-items:center;gap:6px 10px;padding:10px 2px;border-bottom:1px dashed var(--border)}.ledger tr:last-child{border-bottom:0}.ledger td{display:block;padding:0;border:0}.ledger td:nth-child(1){grid-area:name}.ledger td:nth-child(2){grid-area:lvl}.ledger td:nth-child(3){grid-area:cost}.ledger td:nth-child(4){grid-area:time;text-align:left;display:flex;align-items:center;gap:4px}.ledger td:nth-child(5){grid-area:act;width:auto}}@media(max-width:599px){.market-local .price-col{display:none}.market-local td.act>.row{flex-direction:column;align-items:stretch}.market-local td.act .btn{width:100%;justify-content:space-between}}.grid.desk{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}@media(max-width:1400px){.grid.desk{grid-template-columns:minmax(0,1fr)}}.desk-order td:first-child{display:flex;flex-direction:column;gap:1px}.desk-order td.num{width:1%}.desk-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px 12px;padding:8px 10px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.desk-option.best{box-shadow:inset 0 0 0 2px var(--brass-mid);background:#d7a4461f}.desk-option.off{opacity:.7}.desk-result{display:flex;flex-direction:column;align-items:flex-end;min-width:110px}.desk-result b{font-size:18px;display:inline-flex;align-items:center;gap:3px}.price-board summary{cursor:pointer;list-style:none}.price-board summary::-webkit-details-marker{display:none}.price-board summary h2:before{content:"▸ ";color:var(--brass-2)}.price-board[open] summary h2:before{content:"▾ "}.price-board summary{flex-wrap:wrap}.price-pick{padding:6px 8px 8px}@media(max-width:599px){.desk-option{grid-template-columns:auto minmax(0,1fr) auto}.desk-option>.thumb{grid-row:span 2;align-self:start}.desk-option>.grow{grid-column:2 / -1}.desk-result{align-items:flex-start;min-width:0}.desk-order td,.desk-order th{padding-left:4px;padding-right:4px}.desk-order .btn.ghost{padding:0 6px}}.why{display:flex;flex-direction:column;gap:6px}.why-extra{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:var(--r1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.why-extra>a{font-size:var(--fs-sm);font-weight:600}.building-hero{position:relative;height:150px;flex:none;border-radius:var(--r2);overflow:hidden;display:flex;justify-content:center;background:radial-gradient(ellipse 55% 55% at 50% 72%,#c3cc68,#9eb04f 60%,#6c8a3a);box-shadow:inset 0 0 0 1px var(--border-2),inset 0 0 30px #00000040}.building-hero{height:190px}.building-hero.compact{height:130px}@media(max-width:599px),(max-height:500px){.building-hero{height:120px}.building-hero.compact{height:100px}}.building-hero.shore{background:linear-gradient(180deg,#8fa94a,#a3b85a 44%,#e3cf97,#6cc6e4 60%,#1d8ec2)}.building-hero .cropped{position:absolute;top:0;right:0;bottom:0;left:0}.building-hero img{filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}.building-hero.unbuilt img{opacity:.45;filter:grayscale(.6)}.cropped{position:relative;overflow:hidden;width:100%;height:100%}.building-hero-note{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:2px 10px;border-radius:10px;font-size:var(--fs-xs);font-weight:700;background:var(--tex-paper) 0 0 / 256px,var(--parch-1);color:var(--ink-2);box-shadow:0 0 0 1px var(--brass-lo)}.hull-row button.thumb{border:0;padding:0;cursor:pointer}.hull-row button.thumb:hover{box-shadow:0 0 0 2px var(--brass-hi),0 0 0 3px #1a0f07}.scene-hit .scene-plate{position:absolute;left:50%;bottom:-12%;transform:translate(-50%);pointer-events:auto;cursor:pointer;font-size:calc(clamp(9px,min(1.05cqw,1.65cqh),13px) * var(--label-scale, 1))}.plate{display:flex;flex-direction:row;align-items:center;gap:.3em;padding:.15em .6em .15em .15em;border-radius:1em;white-space:nowrap;background:var(--tex-paper) 0 0 / 256px,var(--parch-1);color:var(--ink);box-shadow:0 0 0 1px #4d3409,0 2px 6px #00000073;transition:box-shadow .12s}.plate-row{display:flex;align-items:center;gap:.4em}.plate-level{min-width:1.7em;height:1.7em;padding:0 .35em;border-radius:.85em;display:grid;place-items:center;font-size:.95em;font-weight:800;color:#2a1a05;background:radial-gradient(circle at 40% 35%,#fbe7a8,#c18a2e 70%);box-shadow:0 0 0 1px #6e4c14}.plate-name{font-family:var(--font-brand);font-weight:700;font-size:1em;letter-spacing:.01em}.plate-ready{width:1.5em;height:1.5em;padding:.2em;border-radius:50%;color:#0d2a08;background:radial-gradient(circle at 35% 30%,#c6f3a8,#3d8a33 70%);box-shadow:0 0 0 1px #0d2a08;margin-right:-.35em}.plate.unbuilt{opacity:.75}.plate.away{opacity:.6;filter:grayscale(.6)}.offer-filter{padding:4px 6px 10px}.table-note{padding:8px 12px 4px}.plate.unbuilt .plate-level{background:#cbbd9a;color:#5d4a2d;box-shadow:0 0 0 1px #8a744e}.plate-timer{display:flex;flex-direction:column;align-items:center;gap:.2em;padding:0 0 .15em .45em;font-size:.95em;font-weight:700;font-variant-numeric:tabular-nums}.plate-timer svg{color:var(--brass-lo)}.plate-queued{font-size:.85em;color:var(--ink-3);padding-left:.45em}.scene-hit:hover .plate,.scene-hit:focus-visible .plate{box-shadow:0 0 0 1px #4d3409,0 0 0 3px var(--brass-mid),0 3px 8px #00000080}.scene-hit.sel .plate{background:radial-gradient(circle at 50% 30%,#fff3cf,#f2dca3);box-shadow:0 0 0 1px #4d3409,0 0 0 3px var(--brass-hi),0 0 14px #f6dc9499}@media(max-width:899px){.world-plaque .plaque-actions .btn{padding:0 9px}}@container (max-width: 600px) or (max-height: 340px){.scene-hit .scene-plate{font-size:calc(9px * var(--label-scale, 1))}.plate-name{display:none}.plate{padding:.15em}.scene-hit:hover .plate-name,.scene-hit.sel .plate-name,.pan-zoom.zoomed .plate-name{display:inline;padding-right:.4em}}.command-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:700px){.command-choice{grid-template-columns:minmax(0,1fr)}}.dispatch-ships .command-choice{grid-template-columns:minmax(0,1fr);margin-top:6px}.command-choice button{display:flex;align-items:center;gap:10px;padding:8px 12px;border:0;border-radius:var(--r1);cursor:pointer;text-align:left;font:inherit;color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.command-choice button>svg{width:22px;height:22px;flex:none;color:var(--ink-2)}.command-choice button .xs{color:var(--text-3);line-height:1.35}.command-choice button.on{background:#d7a44629;box-shadow:inset 0 0 0 2px var(--brass-mid)}.command-odds{display:flex;flex-direction:column;align-items:flex-end;flex:none}.command-odds b{font-size:18px}.rail-item.urgent{gap:8px;padding:8px 8px 8px 6px;text-decoration:none!important;color:var(--text);background:#78190f73;box-shadow:inset 0 0 0 1px #e86a5f99,0 0 12px #e86a5f40}.rail-item.urgent .btn{pointer-events:none}.pan-zoom{touch-action:none}.pan-zoom.zoomed{cursor:grab}.pan-zoom.zoomed:active{cursor:grabbing}.pan-zoom-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.pan-zoom .sea-zoom{z-index:2}.scene-hit.ship .scene-label{bottom:-.4em}.slot-chips{display:flex;align-items:center;gap:10px;color:var(--text-2)}.slot-chips>span{display:inline-flex;align-items:center;gap:3px;font-weight:700}.slot-chips svg{color:var(--ink-2)}.plate.mine{box-shadow:0 0 0 1px #4d3409,0 0 0 2.5px var(--brass-hi),0 3px 8px #00000073}.codex-hero{position:relative}.codex-hero>.cropped{position:absolute;top:0;right:0;bottom:0;left:0}.codex-hero>.cropped img{filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}.reports-grid .table td:first-child{max-width:0;width:100%}.reports-grid .table td.act{white-space:nowrap}.reports-grid .panel-head h3{font-size:16px;line-height:1.2}.foot-why{margin-right:auto;display:inline-flex;align-items:center;gap:5px;color:#9a5a10;font-weight:600;min-width:0}.foot-why svg{flex:none}.sea-leg-break{flex-basis:100%;height:0;padding:0!important}.leg-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#0b1620;border:2px solid}.leg-dot.faded{opacity:.45}.naval-setup .naval-form{display:flex;flex-direction:column;gap:14px;padding:16px;max-width:640px}.naval-setup .naval-help{max-width:640px;padding:12px 16px;margin-top:12px}.naval-setup .naval-help ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.naval-battle{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0c4f7e;container-type:size}.naval-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.naval-top{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:16px;padding:7px 12px;border-radius:var(--r2);box-shadow:var(--frame);z-index:2;flex-wrap:wrap}.naval-foe{display:flex;align-items:center;gap:8px}.naval-foe b{font-family:var(--font-brand);font-size:16px;color:var(--brass-2);line-height:1.1}.naval-stat{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.naval-stat svg{color:var(--brass-2)}.naval-stat b{font-size:15px}.naval-stat.gold b{color:#ffd76a}.naval-wind{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#2a6f9e,#0d3a5c 75%);box-shadow:0 0 0 1px var(--brass-lo)}.naval-wind i{display:block;width:18px;height:4px;background:linear-gradient(90deg,#cfefff33,#cfefff);clip-path:polygon(0 35%,70% 35%,70% 0,100% 50%,70% 100%,70% 65%,0 65%)}.naval-foes{position:absolute;top:72px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:2;width:170px}.naval-foe-card{display:flex;flex-direction:column;gap:4px;padding:6px 9px;border-radius:var(--r1);border:0;cursor:pointer;text-align:left;color:var(--text);box-shadow:0 2px 6px #0006}.naval-foe-card:hover:not(:disabled){box-shadow:0 0 0 2px #ff6e50d9,0 2px 6px #0006}.naval-foe-card.dead{opacity:.45;cursor:default}.naval-bar{display:block;height:6px;border-radius:3px;background:#00000073;overflow:hidden}.naval-bar>i{display:block;height:100%;background:linear-gradient(90deg,#5fbf47,#8be06a);transition:width .2s}.naval-bar.foe>i{background:linear-gradient(90deg,#c8362a,#f0604a)}.naval-fleet{position:absolute;left:10px;bottom:28px;display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;z-index:2;max-width:calc(100% - 200px)}.naval-ship{width:212px;padding:8px 9px;border-radius:var(--r1);display:flex;flex-direction:column;gap:7px;cursor:pointer;box-shadow:0 2px 10px #00000073;color:var(--text)}.naval-ship.sel{box-shadow:0 0 0 2px #ffd76a,0 2px 12px #00000080}.naval-ship.dead{opacity:.5;cursor:default}.naval-ship-head{display:flex;gap:8px;align-items:center}.naval-ship-head b.ellipsis{font-size:13px}.naval-ship-art{position:relative;width:58px;height:42px;flex:none;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 70%,#4fb8de,#1683b2 60%,#0d4f72);box-shadow:0 0 0 1px var(--brass-lo)}.naval-ship-art img{position:absolute;width:140%;left:-20%;top:-18%}.naval-ship-art b{position:absolute;left:2px;top:2px;min-width:15px;height:15px;border-radius:8px;background:#ffd76a;color:#2a1a05;font-size:10px;font-weight:800;display:grid;place-items:center}.naval-status{color:#ffd76a}.naval-abilities{display:flex;gap:5px}.naval-ab{position:relative;width:38px;height:34px;border-radius:8px;border:0;padding:0;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:radial-gradient(circle at 40% 35%,#5a3d25,#2a1a0f 70%);box-shadow:0 0 0 1px var(--brass-lo)}.naval-ab svg{width:19px;height:19px;color:var(--brass-2);position:relative;z-index:1}.naval-ab kbd{position:absolute;right:2px;bottom:1px;font:800 9px Inter,sans-serif;color:#ffe6aabf;z-index:1}.naval-ab.on{box-shadow:0 0 0 2px #ffd76a,0 0 10px #ffd76a99}.naval-ab:disabled{cursor:default}.naval-ab:disabled svg{opacity:.45}.naval-ab>i{position:absolute;left:0;right:0;bottom:0;background:#0009}.naval-ab.board:not(:disabled){box-shadow:0 0 0 2px #7ad35a,0 0 12px #7ad35ab3;animation:naval-pulse 1s ease-in-out infinite alternate}@keyframes naval-pulse{to{box-shadow:0 0 0 2px #b6f59a,0 0 18px #7ad35ae6}}.naval-hint{position:absolute;left:12px;bottom:6px;margin:0;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:2}.naval-end{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#050f1980;z-index:3;animation:naval-fade .4s ease-out}@keyframes naval-fade{0%{opacity:0}}.naval-end-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 34px 22px;min-width:340px;text-align:center;animation:naval-rise .5s cubic-bezier(.2,1.4,.4,1)}@keyframes naval-rise{0%{transform:translateY(20px) scale(.92);opacity:0}}.naval-end-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin-top:-58px;background:radial-gradient(circle at 40% 35%,#fbe7a8,#c18a2e 70%);box-shadow:0 0 0 3px #4d3409,0 4px 14px #00000080}.naval-end-icon svg{width:36px;height:36px;color:#2a1a05}.naval-end-card.loss .naval-end-icon{background:radial-gradient(circle at 40% 35%,#c9c3b8,#6d665c 70%)}.naval-end-card h2{font-family:var(--font-brand);font-size:32px;margin:0;color:var(--ink)}.naval-end-loot{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:#8a5a10}.naval-end-loot svg{width:22px;height:22px}.naval-head{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;flex-direction:column;gap:6px}.naval-head>.naval-top{position:relative;top:auto;left:auto;right:auto}.naval-head>.naval-foes{top:calc(100% + 6px);right:0}.naval-deploy{position:absolute;left:50%;bottom:24%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;width:min(440px,calc(100% - 24px));text-align:center}.shell:has(.naval-battle){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"main"}.shell:has(.naval-battle)>.topbar,.shell:has(.naval-battle)>.nav,.shell:has(.naval-battle)>.rail,.shell:has(.naval-battle)>.drawer-back{display:none}@container (max-width: 700px){.naval-head{top:6px;left:6px;right:6px}.naval-top{gap:6px 10px;padding:6px 8px}.naval-top .naval-foe .col span,.naval-stat .xs{display:none}.naval-speed{flex-wrap:wrap}.naval-speed .btn{padding-inline:8px}.naval-head>.naval-foes{position:static;width:auto;flex-direction:row;overflow-x:auto;scrollbar-width:none}.naval-foe-card{flex:1 0 96px;max-width:150px}.naval-fleet{left:6px;right:6px;bottom:6px;max-width:none;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.naval-ship{width:168px;flex:none;padding:6px 7px}.naval-ship-art{width:44px;height:34px}.naval-ab{width:34px;height:34px}.naval-hint,.naval-all{display:none}.naval-end-card{min-width:0;width:calc(100% - 32px);padding:22px 16px 18px}}@container (max-height: 460px){.naval-top{flex-wrap:nowrap;padding:4px 8px;gap:10px}.naval-top .naval-foe .col,.naval-stat .xs{display:none}.naval-foe-card{padding:4px 8px}.naval-fleet{left:6px;right:140px;bottom:6px;max-width:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px}.naval-ship{width:auto;flex:none;flex-direction:row;align-items:center;padding:5px 7px;gap:8px}.naval-ship-head .col{width:96px}.naval-ship-art{width:40px;height:30px}.naval-ab{width:32px;height:32px}.naval-hint,.naval-all{display:none}}