.ship-menu{max-width:880px;width:min(880px,calc(100vw - 24px));height:min(780px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:20px;background:#101e1d;color:#e6ddbc;border:1px solid #ac8b42;overflow:hidden;box-shadow:0 16px 70px #0009}.ship-menu[open]{display:flex;flex-direction:column}.ship-menu .cargo-title{flex-shrink:0}.ship-menu .cargo-title h2{font-size:22px}.ship-tabs{display:flex;gap:7px;padding:12px 0;flex-shrink:0}.ship-tabs button{flex:1;min-width:0;padding:10px 6px}.ship-tabs [aria-selected=true],.ship-filters [aria-pressed=true]{background:#463f27;border-color:#e0bc64;color:#fff0bd}.ship-menu p.muted{margin:3px 0 9px;font-size:12px}.ship-menu-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#90763e #162522;padding:2px 5px 16px}.ship-tiles{display:grid;gap:9px}.ship-tile{display:flex;align-items:center;gap:14px;width:100%;min-height:88px;box-sizing:border-box;border:1px solid #75613b;background:linear-gradient(105deg,#1e302b,#152522);color:#e9e1c5;padding:12px 14px;text-align:left;font:inherit}.ship-tile:hover:is(button),.ship-tile.selected{background:#314034;border-color:#d1ad57}.ship-tile:focus-visible{outline:2px solid #f0d389;outline-offset:2px}.tile-icon{display:grid;place-items:center;background:#12211f;border:1px solid #857044;color:#ceb775;width:54px;height:54px;flex-shrink:0;font-size:30px}.tile-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.tile-copy strong{font-size:15px;overflow-wrap:anywhere}.tile-copy small{font-size:12px;line-height:1.4;color:#cbc7b4}.tile-state{font-size:11px;color:#b9a46d;overflow-wrap:anywhere}.tile-arrow{font-size:25px;color:#d3b46b}.ship-overview{height:220px;border:1px solid #857044;background:#091b1b;margin-bottom:12px;overflow:hidden}.ship-overview img{width:100%;height:100%;object-fit:contain}.ship-filters{display:flex;gap:5px;flex-wrap:wrap}.ship-filters button{font-size:12px;padding:7px}.equipment-picker{position:fixed;z-index:50;box-sizing:border-box;padding:12px;border:1px solid #d0ab56;background:#10201d;color:#ece2c0;box-shadow:0 12px 45px #000c;display:flex;flex-direction:column;gap:9px;overflow:hidden}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.picker-head button{width:32px;height:32px;padding:2px}.picker-list{max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b29759 #172823;flex:0 1 auto;min-height:0}.picker-list .ship-tile{height:72px;min-height:72px;padding:7px 10px;gap:10px;overflow:hidden;border-bottom-width:0}.picker-list .ship-tile:last-child{border-bottom-width:1px}.picker-list .tile-icon{width:42px;height:42px;font-size:24px}.picker-list .tile-copy{gap:2px}.picker-list .tile-copy strong{font-size:13px}.picker-list .tile-copy small,.picker-list .tile-state{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-status{font-size:12px;margin:0;color:#cbb977}.picker-confirm{flex-shrink:0;padding:10px}.equipment-picker button:disabled{opacity:.5}.ship-menu::backdrop{background:#00101488}@media(max-width:600px){.ship-menu{padding:12px;width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.ship-tabs{gap:3px}.ship-tabs button{font-size:11px;padding:10px 3px}.ship-overview{height:160px}.ship-tile{gap:10px;padding:10px;min-height:90px}.tile-icon{width:42px;height:42px}.tile-copy strong{font-size:14px}.equipment-picker{border-radius:8px 8px 0 0}.ship-menu .cargo-title h2{font-size:19px}}
.tile-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.picker-list .tile-icon svg{width:30px;height:30px}

.cannon-manager{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:16px;align-items:start}.cannon-column{min-width:0}.cannon-column h3{margin:0 0 12px;color:#e4d8ac}.cannon-list{display:flex;flex-direction:column;gap:8px;min-height:240px;border:1px solid #746740;padding:10px;background:#101f1d}.cannon-list .ship-tile{width:100%;text-align:left}.cannon-list .tile-arrow{display:none}.cannon-controls{display:flex;flex-direction:column;gap:12px;align-items:center;padding-top:52px}.cannon-move{font-size:32px;width:64px;min-height:54px}.cannon-message{font-size:12px;text-align:center;overflow-wrap:anywhere}.cannon-summary{border-top:1px solid #746740;padding-top:14px;color:#e4d8ac}.cannon-manager button:disabled{opacity:.45;cursor:not-allowed}.cannon-list .ship-tile.selected{outline:2px solid #d6b959;background:#394336}@media(max-width:600px){.cannon-manager{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:6px}.cannon-list{padding:5px}.cannon-list .ship-tile{padding:8px;flex-wrap:wrap}.cannon-list .tile-icon{display:none}.cannon-move{width:44px}.cannon-message{font-size:10px}.cannon-column h3{font-size:14px}}

.cannon-remove-all{font:12px Georgia;padding:8px;border:1px solid #bb924d;background:#183034;color:#efd297;cursor:pointer}.cannon-remove-all:disabled{opacity:.4;cursor:default}

.ship-menu-body.equipment-manager-body{display:flex;flex-direction:column;overflow:hidden}.equipment-manager-body .cannon-manager{flex:1;min-height:0;overflow:hidden;align-items:stretch}.equipment-manager-body .cannon-column{display:flex;flex-direction:column;min-height:0}.equipment-manager-body .cannon-column h3{flex:none}.equipment-manager-body .cannon-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#90763e #162522}.equipment-manager-body .cannon-list .ship-tile{flex:none}.equipment-manager-body .cannon-controls{overflow:hidden}.equipment-manager-body .cannon-summary{flex:none;margin-bottom:0}.equipment-manager-body>.ship-tile{flex:none;min-height:64px}@media(max-width:600px){.cannon-remove-all{font-size:10px;padding:6px 2px;width:48px}.equipment-manager-body .cannon-controls{padding-top:32px;gap:8px}}