:root{--leather-deep: #221610;--leather-mid: #33221733;--leather: #2c1d13;--leather-edge: #4a3423;--sea-deep: #221610;--sea-mid: #33241a;--sea-line: #4a3423;--chart: #e7ddbf;--chart-2: #d7c799;--chart-edge: #b8a260;--chart-paper: #f2e8c9;--brass: #c9a227;--brass-deep: #9c7c18;--rope: #8a5a34;--ink: #2b2318;--ink-soft: #5a4d33;--ink-faint: #6b5a37;--red: #a13d2e;--red-soft: #e08072;--green: #3f6349;--amber: #b8860b;--card-shadow: 0 16px 36px -14px rgba(0, 0, 0, .55);--font-display: "Pirata One", "Cinzel", serif;--font-head: "Cinzel", serif;--font-body: "Crimson Pro", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}img,svg,canvas,video{max-width:100%}html,body{margin:0;padding:0}body{background:radial-gradient(ellipse at 50% 0%,#3a281b66 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,#00000066 0%,transparent 60%),repeating-linear-gradient(115deg,transparent 0 7px,#00000012 7px 8px),repeating-linear-gradient(25deg,transparent 0 11px,#ffffff05 11px 12px),var(--leather-deep);color:var(--chart);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:1440px;margin:0 auto;padding:20px 20px 80px}.storage-note{background:var(--red);color:#fff;padding:9px 16px;font-size:.82rem;text-align:center;font-family:var(--font-body)}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #ffffff1c}.topbar h1{font-family:var(--font-display);font-size:2.2rem;letter-spacing:.03em;color:var(--brass);margin:0;text-shadow:0 2px 0 #00000040;display:flex;align-items:center;gap:10px}.topbar .subtitle{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--chart-edge);margin-top:4px}.ship-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:auto}select,input[type=text],input[type=number]{background:#1c110b;color:var(--chart);border:1px solid #5a412c;border-radius:6px;padding:7px 9px;font-family:var(--font-body);font-size:.92rem}input[type=number]{width:80px}select:focus,input:focus{outline:2px solid var(--brass);outline-offset:1px}.btn{background:#1c110b;border:1px solid var(--brass);color:var(--brass);padding:7px 13px;border-radius:6px;font-family:var(--font-head);font-size:.78rem;letter-spacing:.05em;cursor:pointer;transition:background .15s ease}.btn:hover{background:#33241a}.btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.btn.danger{border-color:var(--red);color:var(--red-soft)}.btn.danger:hover{background:#2c1512}.btn.fire{border-color:var(--red);color:var(--red-soft);font-size:.85rem}.btn.fire:hover{background:#2c1512}.layout{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}@media (max-width: 1040px){.layout{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.card{background:radial-gradient(ellipse at 8% 4%,#ffffff2e 0%,transparent 42%),radial-gradient(ellipse at 92% 96%,#8a5a3414 0%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 27px,#8a5a340d 27px 28px),linear-gradient(180deg,var(--chart) 0%,var(--chart-2) 100%);color:var(--ink);border-radius:6px;border:1px solid var(--chart-edge);box-shadow:var(--card-shadow);padding:20px 22px;position:relative}.card:after{content:"";position:absolute;top:0;left:18px;right:18px;height:3px;background:linear-gradient(90deg,transparent,#8a5a3440,transparent);pointer-events:none}.card.span-all{grid-column:1 / -1}.card h2{font-family:var(--font-head);font-size:1rem;letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #8a5a3433;color:var(--rope);display:flex;align-items:center;gap:9px}.card h2 .ink-icon{flex-shrink:0;opacity:.85}.field-row{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:12px;align-items:center}.field-row.bottom{align-items:flex-end}.field{display:flex;flex-direction:column;gap:3px}.field label{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint)}.field select,.field input{background:#fbf6e8;color:var(--ink);border:1px solid var(--chart-edge)}.field select:focus,.field input:focus{outline:2px solid var(--rope)}.group-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin:10px 0 5px}.bar-track{height:16px;border-radius:8px;background:#0002;border:1px solid #00000030;overflow:hidden;margin:6px 0 4px}.bar-fill{height:100%;transition:width .25s ease,background .25s ease}.bar-label{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.status-line{font-style:italic;font-size:.86rem;margin-top:6px;padding:6px 10px;border-radius:5px;display:inline-block}.status-good{background:#3f634922;color:var(--green)}.status-amber{background:#b8860b22;color:var(--amber)}.status-bad{background:#a13d2e22;color:var(--red)}.status-block{display:block;margin-top:4px}.quick-btns{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.quick-btns button{background:#fbf6e8;border:1px solid var(--chart-edge);color:var(--ink);border-radius:5px;padding:4px 9px;font-size:.8rem;cursor:pointer;font-family:var(--font-body)}.quick-btns button:hover{background:#f1e6c8}.eff-stats{margin-top:10px;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:6px 16px}.eff-stats b{color:var(--rope)}.compass-wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.compass-svg{width:150px;height:150px;flex-shrink:0}.dir-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:220px}.dir-btn{background:#fbf6e8;border:1px solid var(--chart-edge);color:var(--ink);border-radius:5px;padding:6px 4px;font-size:.72rem;cursor:pointer;text-align:center;font-family:var(--font-body)}.dir-btn.active-wind{background:var(--red);color:#fff;border-color:var(--red)}.dir-btn.active-heading{background:var(--brass);color:var(--ink);border-color:var(--brass)}.dir-group-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;margin:8px 0 3px}.sail-result{margin-top:10px;padding:10px 12px;background:#fbf6e822;border-left:3px solid var(--rope);border-radius:3px}.sail-result b{font-family:var(--font-head);color:var(--rope)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.chip{background:#fbf6e8;border:1px solid var(--chart-edge);color:var(--ink);border-radius:20px;padding:5px 12px;font-size:.78rem;cursor:pointer;transition:all .15s ease;font-family:var(--font-body)}.chip:hover{background:#f1e6c8}.chip.on{background:var(--rope);color:#fff;border-color:var(--rope)}.chip.warn.on{background:var(--red);color:#fff;border-color:var(--red)}.custom-add{display:flex;gap:8px;margin-top:12px}.custom-add input{flex:1}.installed-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tag{background:var(--ink);color:var(--chart);border-radius:14px;padding:4px 10px 4px 12px;font-size:.78rem;display:flex;align-items:center;gap:6px}.tag button{background:none;border:none;color:#e0b96b;cursor:pointer;font-size:.8rem;padding:0}.cond-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}table.cargo-table{width:100%;border-collapse:collapse;margin-top:6px}.cargo-details{margin-top:4px}.cargo-summary{cursor:pointer;font-family:var(--font-head);font-size:.86rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--rope);padding:9px 12px;margin-top:2px;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:8px;background:#efe2c1;border:1px solid var(--chart-edge);border-radius:6px;box-shadow:inset 0 1px #fff6}.cargo-summary:hover{background:#e8d8b2}.cargo-summary::-webkit-details-marker{display:none}.cargo-summary:before{content:"▾";font-size:.8rem;color:var(--ink-faint);transition:transform .15s ease}.cargo-details:not([open]) .cargo-summary:before{transform:rotate(-90deg)}table.cargo-table th{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);text-align:left;padding:4px 6px;border-bottom:1px solid var(--chart-edge)}table.cargo-table td{padding:4px 6px;border-bottom:1px solid #00000012}table.cargo-table input{width:100%;padding:4px 6px;font-size:.85rem}table.cargo-table input[type=number]{width:70px}.del-row{background:none;border:none;color:var(--red);cursor:pointer;font-size:.95rem}.quick-goods{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.totals-row{display:flex;gap:22px;margin-top:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.85rem;color:var(--ink-soft)}.totals-row b{color:var(--rope)}.ammo-desc{font-size:.82rem;font-style:italic;color:var(--ink-soft);margin:4px 0}.salvo-ammo{font-size:.78rem}.salvo-detail{font-size:.78rem;color:var(--ink-soft)}.portrait-card{position:sticky;top:20px}@media (max-width: 1040px){.portrait-card{position:static}}.portrait-name{font-family:var(--font-display);font-size:1.35rem;text-align:center;color:var(--rope);letter-spacing:.03em;margin:-2px 0 12px;text-shadow:0 1px 0 #ffffff40}.portrait-name .flourish{color:var(--brass);font-family:var(--font-head);font-size:.9rem;margin:0 6px}.portrait-frame{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:4px;border:2px solid var(--chart-edge);background:repeating-linear-gradient(45deg,#00000006 0px,#00000006 2px,transparent 2px,transparent 9px),linear-gradient(160deg,#efe4c4,#e2d3a6);box-shadow:inset 0 0 0 4px var(--chart-paper),inset 0 0 22px #00000018;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.portrait-frame img{position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;border-radius:2px;display:block}.portrait-frame .corner{position:absolute;width:14px;height:14px;border:2px solid var(--brass-deep);opacity:.5}.portrait-frame .corner.tl{top:8px;left:8px;border-right:none;border-bottom:none}.portrait-frame .corner.tr{top:8px;right:8px;border-left:none;border-bottom:none}.portrait-frame .corner.bl{bottom:8px;left:8px;border-right:none;border-top:none}.portrait-frame .corner.br{bottom:8px;right:8px;border-left:none;border-top:none}.portrait-placeholder{padding:24px;color:var(--ink-soft)}.portrait-placeholder .pp-icon{font-size:2.4rem;opacity:.5;margin-bottom:8px}.portrait-placeholder .pp-class{font-family:var(--font-head);font-size:1.05rem;color:var(--rope);letter-spacing:.04em}.portrait-placeholder .pp-hint{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;margin-top:8px;opacity:.75}.portrait-placeholder .pp-path{font-family:var(--font-mono);font-size:.66rem;color:var(--ink);background:#00000010;padding:2px 6px;border-radius:3px;margin-top:6px;display:inline-block}.portrait-specs{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-soft)}.portrait-specs .spec b{color:var(--rope)}.portrait-legend{margin-top:12px;font-size:.74rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:3px;border-top:1px solid #00000018;padding-top:8px}.log-entry{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid #00000012;font-size:.86rem}.log-entry:last-child{border-bottom:none}.log-day{font-family:var(--font-mono);font-size:.68rem;color:var(--rope);background:#8a5a3422;border-radius:4px;padding:2px 6px;flex-shrink:0}.log-text{flex:1}.log-text.auto{font-style:italic;color:var(--ink-soft)}.log-del{background:none;border:none;color:var(--red);cursor:pointer;font-size:.85rem}.log-empty{font-style:italic;color:var(--ink-soft);font-size:.86rem}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.app-shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}}.sidebar{background:repeating-linear-gradient(0deg,transparent 0 26px,#00000018 26px 27px),linear-gradient(90deg,#1c110b 0%,var(--leather) 22%,#241711 100%);border-right:2px solid #120a06;box-shadow:inset -14px 0 22px -16px #000,inset 3px 0 #ffffff08;padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px}@media (max-width: 860px){.sidebar{position:static;height:auto;flex-direction:column}}.sidebar:after{content:"";position:absolute;top:8px;bottom:8px;right:7px;border-right:2px dashed #c9a22755;pointer-events:none}.sidebar{position:sticky}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;border-bottom:1px solid #ffffff14}.sidebar-brand .brand-icon{color:var(--brass);display:flex}.sidebar-brand .brand-text{font-family:var(--font-display);font-size:1.25rem;line-height:1.05;color:var(--brass);letter-spacing:.02em}.tab-nav{display:flex;flex-direction:column;gap:6px}@media (max-width: 860px){.tab-nav{flex-direction:row;flex-wrap:wrap}}.tab-btn{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;color:var(--chart);font-family:var(--font-body);transition:background .15s ease,border-color .15s ease}.tab-btn:hover{background:#ffffff0d}.tab-btn.active{background:linear-gradient(180deg,var(--chart) 0%,var(--chart-2) 100%);color:var(--ink);border-color:var(--chart-edge);box-shadow:0 6px 18px -8px #000,inset 0 0 0 1px #fff5;position:relative}.tab-btn.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:6px;height:60%;background:var(--brass);border-radius:3px;box-shadow:0 0 6px #c9a22788}.tab-btn.active .tab-role{color:var(--ink-soft)}.tab-icon{font-size:1.3rem;flex-shrink:0}.tab-labels{display:flex;flex-direction:column;line-height:1.1}.tab-title{font-family:var(--font-head);font-size:.92rem;letter-spacing:.03em}.tab-role{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:2px}.main-area{padding:20px 24px 70px;width:100%;display:flex;flex-direction:column;align-items:center}.main-area>*{width:100%;max-width:1180px}.main-area .topbar{margin-bottom:16px}.topbar-left{display:flex;flex-direction:column;gap:6px}.tab-heading{font-family:var(--font-display);font-size:1.7rem;color:var(--brass);letter-spacing:.02em}.ship-name-input{background:#1c110b;border:1px solid #5a412c;border-radius:6px;color:var(--chart);font-family:var(--font-head);font-size:1.05rem;padding:6px 10px;min-width:240px;max-width:360px}.ship-name-input:focus{outline:2px solid var(--brass)}.summary-bar{background:#1a100add;border:1px solid #5a412c66;box-shadow:inset 0 1px #ffffff0a,0 6px 14px -10px #000;border-radius:10px;padding:10px 12px;margin-bottom:18px}.summary-bar .stat-summary{gap:8px 10px}.summary-bar .sum-item{min-width:92px;padding:6px 10px}.summary-bar .sum-val{font-size:.92rem}.tab-content{width:100%}.stat-summary{display:flex;flex-wrap:wrap;gap:10px 12px}.sum-item{background:#fbf6e8;border:1px solid var(--chart-edge);border-radius:8px;padding:8px 12px;min-width:110px;display:flex;flex-direction:column;gap:2px}.sum-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint)}.sum-val{font-family:var(--font-head);font-size:1rem;color:var(--rope)}.sum-warn{background:#a13d2e18;border-color:var(--red)}.sum-warn .sum-val{color:var(--red)}.notes-area{width:100%;min-height:140px;resize:vertical;background:#fbf6e8;color:var(--ink);border:1px solid var(--chart-edge);border-radius:6px;padding:10px 12px;font-family:var(--font-body);font-size:.95rem;line-height:1.4}.notes-area:focus{outline:2px solid var(--rope)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:4px;background:#0002;margin:8px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--rope);border:2px solid var(--chart-paper);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--rope);border:2px solid var(--chart-paper);cursor:pointer}.deck-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:620px;margin:8px auto 0}.deck-middle{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px;width:100%;align-items:stretch}.deck-sector{background:#fbf6e8;border:1.5px solid var(--chart-edge);border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .15s ease;font-family:var(--font-body);color:var(--ink)}.deck-sector:hover{background:#f1e6c8}.deck-sector.selected{border-color:var(--red);background:#fbeee9;box-shadow:0 0 0 2px var(--red) inset}.deck-sector.bow,.deck-sector.stern{width:60%}.deck-label{font-family:var(--font-head);font-size:.8rem;color:var(--rope);letter-spacing:.02em}.deck-count{font-family:var(--font-mono);font-size:.66rem;color:var(--ink-faint)}.gun-dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;max-width:130px}.gun-dots.vertical{max-width:46px}.gun-dot{width:9px;height:9px;border-radius:50%;background:var(--ink);box-shadow:0 1px #00000030}.gun-none{font-family:var(--font-mono);color:var(--ink-faint);font-size:.8rem}.deck-hull{background:linear-gradient(180deg,#e2d3a6,#d3bf88);border:1.5px solid var(--chart-edge);border-radius:40% 40% 12% 12%/22% 22% 10% 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:16px 8px;color:var(--ink);text-align:center}.deck-hull-name{font-family:var(--font-display);font-size:1.05rem;color:var(--rope);line-height:1.05}.deck-hull-cls{font-family:var(--font-head);font-size:.72rem;color:var(--ink-soft)}.deck-hull-total{font-family:var(--font-mono);font-size:.62rem;color:var(--ink-faint);margin-top:2px}.salvo-target{background:#fbf6e822;border-left:3px solid var(--red);border-radius:3px;padding:8px 12px}.salvo-target-line{font-size:.9rem;color:var(--ink)}.salvo-target-line b{color:var(--rope)}.journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.journal-clear{font-size:.7rem;padding:5px 10px}.log-group{margin-bottom:12px}.log-group-head{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--rope);background:#8a5a341a;border-radius:4px;padding:3px 8px;display:inline-block;margin-bottom:4px}.log-icon{flex-shrink:0;width:20px;text-align:center}.captain-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.captain-cols .col{display:flex;flex-direction:column;gap:18px;min-width:0}@media (max-width: 980px){.captain-cols{grid-template-columns:1fr}}.captain-cols .portrait-card{position:static}.tab-notes{margin-top:18px;background:repeating-linear-gradient(0deg,transparent 0 25px,#8a5a3414 25px 26px),linear-gradient(180deg,#efe4c4,#e4d5ab)}.tab-notes summary{cursor:pointer;font-family:var(--font-head);font-size:.92rem;letter-spacing:.07em;text-transform:uppercase;color:var(--rope);display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.tab-notes summary::-webkit-details-marker{display:none}.tab-notes summary:after{content:"▾";margin-left:auto;font-size:.8rem;color:var(--ink-faint);transition:transform .15s ease}.tab-notes[open] summary:after{transform:rotate(180deg)}.tab-notes .notes-area{margin-top:12px;font-style:italic;background:transparent;border-style:dashed}.ink-icon{vertical-align:-3px}.tab-heading{display:flex;align-items:center;gap:10px}.tab-heading .ink-icon{color:var(--brass)}.quick-btns button .ink-icon{vertical-align:-2px;margin-right:4px}.log-icon .ink-icon{color:var(--rope);opacity:.8}.map-empty{text-align:center;padding:26px 16px;border:2px dashed #8a5a3455;border-radius:8px;color:var(--ink-soft)}.map-empty p{margin:0 0 12px}.map-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:10px}.map-scale label{display:block}.map-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.map-canvas-wrap{border:1.5px solid var(--chart-edge);border-radius:6px;overflow:hidden;background:#cbbd97;box-shadow:inset 0 0 18px #0002}.map-canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:pinch-zoom}.page-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:26px 18px 60px}.top-nav~.page-shell,.page-shell{padding-top:74px}.page-topnav{width:100%;max-width:980px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.page-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.35rem;color:var(--brass)}.page-links{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.page-links .page-link,.page-links .page-open{white-space:nowrap}.brand-btn{flex-shrink:1;min-width:0;overflow:hidden}.brand-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-link{background:transparent;border:none;color:var(--chart);font-family:var(--font-head);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:8px 10px;cursor:pointer;border-bottom:2px solid transparent}.page-link:hover{color:var(--brass)}.page-link.active{color:var(--brass);border-bottom-color:var(--brass)}.page-open{margin-left:6px}.page-paper{width:100%;max-width:980px;background:radial-gradient(ellipse at 8% 4%,#ffffff2e 0%,transparent 42%),radial-gradient(ellipse at 92% 96%,#8a5a3414 0%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 27px,#8a5a340d 27px 28px),linear-gradient(180deg,var(--chart) 0%,var(--chart-2) 100%);border:1px solid var(--chart-edge);border-radius:8px;box-shadow:0 18px 44px -18px #000,inset 0 1px #fff5;padding:44px 40px 30px;color:var(--ink);position:relative}.page-paper:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #8a5a3426;border-radius:4px;pointer-events:none}@media (max-width: 700px){.page-paper{padding:28px 18px 22px}}.hero{text-align:center;padding-bottom:26px;border-bottom:1px solid #8a5a3433;margin-bottom:28px}.hero-compact{padding-bottom:16px;margin-bottom:20px}.hero-icon{color:var(--rope);opacity:.85;margin-bottom:6px}.hero h1{font-family:var(--font-display);font-size:2.6rem;margin:0 0 12px;color:var(--rope);letter-spacing:.02em}.hero-sub{max-width:640px;margin:0 auto 18px;font-size:1.02rem;line-height:1.55;color:var(--ink-soft)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-btn{font-size:.85rem;padding:11px 20px}.hero-note{margin:14px 0 0;font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint);letter-spacing:.03em}.section-title{font-family:var(--font-head);font-size:1.05rem;letter-spacing:.09em;text-transform:uppercase;color:var(--rope);text-align:center;margin:0 0 18px}.feature-section{margin-bottom:30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 860px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:#fbf6e8;border:1px solid var(--chart-edge);border-radius:6px;padding:14px 14px 12px}.feature-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--rope)}.feature-head h3{margin:0;font-family:var(--font-head);font-size:.9rem;letter-spacing:.05em}.feature-card p{margin:0;font-size:.86rem;line-height:1.45;color:var(--ink-soft)}.about-section{max-width:720px;margin:0 auto 26px}.about-section p{line-height:1.6;color:var(--ink-soft)}.page-footer{border-top:1px solid #8a5a3433;padding-top:14px;display:flex;flex-direction:column;gap:4px;text-align:center;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-faint)}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:#fbf6e8;border:1px solid var(--chart-edge);border-radius:6px;padding:12px 16px}.faq-item summary{cursor:pointer;font-family:var(--font-head);font-size:.92rem;color:var(--rope);display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"▾";margin-left:auto;color:var(--ink-faint);transition:transform .15s ease}.faq-item[open] summary:after{transform:rotate(180deg)}.faq-item p{margin:10px 0 2px;line-height:1.55;color:var(--ink-soft);font-size:.92rem}.faq-cta{text-align:center;margin-top:24px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid #ffffff14}.side-link{background:transparent;border:none;color:var(--muted);font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:6px 12px;cursor:pointer}.side-link:hover{color:var(--brass)}.top-nav{position:fixed;top:0;left:0;right:0;z-index:200;width:100%;min-height:52px;background:linear-gradient(180deg,#221409,#1a100a);border-bottom:1px solid #5a412c88;box-shadow:0 8px 18px -12px #000}.app-frame{padding-top:52px}.top-nav-inner{max-width:1400px;margin:0 auto;padding:7px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.brand-btn{background:transparent;border:none;cursor:pointer;padding:4px 6px;font-family:var(--font-display);font-size:1.25rem}.brand-btn:hover span{text-shadow:0 0 10px #c9a22766}.page-open.current{box-shadow:inset 0 0 0 2px var(--brass);color:var(--brass)}.app-frame{min-height:100vh;display:flex;flex-direction:column}.app-frame .app-shell{flex:1;min-height:0}.app-frame .sidebar{top:52px;height:calc(100vh - 52px)}button.sidebar-brand{background:transparent;border:none;border-bottom:1px solid #ffffff14;width:100%;cursor:pointer;text-align:left;font:inherit}button.sidebar-brand:hover .brand-text{text-shadow:0 0 10px #c9a22766}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.dice-name-btn{padding:7px 10px;flex-shrink:0}.name-row{display:flex;gap:6px;align-items:center}@media (max-width: 860px){*{min-width:0}html,body,#root{width:100%;max-width:100%}.main-area{align-items:stretch}.main-area>*{max-width:100%}.app-frame .sidebar{position:static;height:auto;width:100%;padding:8px 10px;border-right:none;border-bottom:2px solid #120a06;box-shadow:inset 0 -10px 18px -14px #000}.sidebar:after{display:none}.tab-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:2px;-webkit-overflow-scrolling:touch}.tab-btn{flex:0 0 auto;flex-direction:column;gap:4px;min-width:82px;padding:8px 8px 10px;text-align:center}.tab-btn .tab-labels{align-items:center}.tab-btn .tab-role{display:none}.tab-btn .tab-title{font-size:.72rem}.tab-btn.active:before{left:50%;top:auto;bottom:2px;transform:translate(-50%);width:55%;height:4px}.main-area{padding:12px 10px 56px}.topbar{flex-direction:column;align-items:stretch;gap:10px}.topbar-left,.name-row{width:100%}.ship-name-input{max-width:none;flex:1;min-width:0}.ship-controls{flex-wrap:wrap;width:100%}.ship-controls select{flex:1 1 100%;min-width:0}.ship-controls .btn{flex:1 1 auto}.summary-bar{padding:8px}.summary-bar .sum-item{min-width:72px;padding:5px 7px;flex:1 1 30%}.grid,.captain-cols{grid-template-columns:1fr}.card{padding:14px 12px}.field-row{flex-wrap:wrap}.field-row .field{min-width:0}.eff-stats{flex-wrap:wrap}.deck-wrap{max-width:none}.deck-middle{grid-template-columns:1fr}.deck-sector.bow,.deck-sector.stern{width:100%}.gun-dots.vertical{max-width:none}.deck-hull{padding:12px 8px}.map-toolbar{align-items:stretch}.map-actions{margin-left:0;width:100%}.map-actions .btn{flex:1 1 auto}.map-toolbar .chip{padding:8px 12px}.map-canvas-wrap{margin-left:30px;margin-right:30px}.custom-add{flex-wrap:wrap}.custom-add input{flex:1 1 100%}.journal-toolbar{align-items:stretch}.chip{padding:7px 12px}.btn{padding:9px 14px}.quick-btns button{padding:8px 12px}.top-nav-inner{padding:6px 10px}.page-links{gap:4px}.page-link{padding:7px 8px;font-size:.74rem}.brand-btn{font-size:.98rem;gap:6px;padding:4px}.page-open{margin-left:0;padding:7px 9px}.app-frame{padding-top:56px}.page-shell{padding-top:62px}.main-area,.tab-content,.grid,.card,.layout,.captain-cols,.captain-cols .col,.field-row,.field,.eff-stats,.chip-row,.quick-btns,.cond-row,.summary-bar,.stat-summary,.salvo-target,.custom-add,.journal-toolbar,.map-toolbar{min-width:0;max-width:100%}input,select,textarea,.btn{max-width:100%}.status-line,.ammo-desc,.salvo-detail,.sail-result,.eff-stats span,.bar-label,.feature-card p,.about-section p,.faq-item p,.hero-sub,p{overflow-wrap:anywhere;word-break:break-word}.table-scroll{max-width:100%}table.cargo-table thead{display:none}table.cargo-table,table.cargo-table tbody,table.cargo-table tr,table.cargo-table td{display:block;width:100%}table.cargo-table tr{border:1px solid var(--chart-edge);border-radius:6px;padding:8px 10px 10px;margin-bottom:10px;background:#fbf6e8;position:relative}table.cargo-table td{padding:4px 0;border:none}table.cargo-table td.cargo-name-cell{padding:4px 48px 4px 0}.cargo-name-cell input{font-size:.95rem;font-weight:600}table.cargo-table td[data-label=Кол-во],table.cargo-table td[data-label="Тонн/ед."],table.cargo-table td[data-label="Золото/ед."]{display:flex;align-items:center;justify-content:space-between;gap:10px}table.cargo-table td[data-label]:before{content:attr(data-label);font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);flex-shrink:0}.cargo-name-cell:before{display:none}table.cargo-table td[data-label] input[type=number]{width:120px;max-width:55%}table.cargo-table td.cargo-del-cell{position:absolute;top:6px;right:6px;width:auto;padding:0;border:none}.cargo-del-cell .del-row{width:30px;height:30px;font-size:1rem;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.cargo-del-cell:before{display:none}}.nav-short{display:none}@media (max-width: 640px){.nav-full{display:none}.nav-short{display:inline}}@media (max-width: 470px){.brand-btn span{display:none}.page-links{gap:3px}.page-link{padding:6px;font-size:.7rem;letter-spacing:.02em}.page-open{padding:6px 8px;font-size:.7rem}.hero h1{font-size:2rem}.page-shell{padding-left:10px;padding-right:10px}}@media (max-width: 480px){.statgrid{grid-template-columns:repeat(2,1fr)}.summary-bar .sum-item{flex:1 1 45%}.hero h1{font-size:1.7rem}.brand-btn{font-size:1.05rem}.tab-heading{font-size:1.3rem}}