.fleet-menu{color:#e4e3d3}.fleet-hero-banner{display:flex;align-items:center;gap:20px;padding:24px;background:repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 18px),linear-gradient(120deg,#123e48,#17242e);border:1px solid #b69756;border-radius:12px}.fleet-hero-banner>.pirate-icon{width:86px;height:86px}.fleet-hero-banner h2{font:700 28px Georgia;margin:7px 0;color:#f9da92}.fleet-hero-banner small{font-size:10px;letter-spacing:2px;color:#e2bb6f}.fleet-hero-banner p{margin:0}.fleet-balances{display:flex;gap:20px;margin-left:auto}.fleet-balances span{display:grid;gap:5px}.fleet-balances b{font-size:24px;color:#ffd17a}.fleet-tabs{display:flex;gap:6px;overflow:auto;margin:20px 0;padding-bottom:8px}.fleet-tabs button{display:flex;align-items:center;gap:7px;flex:1;min-width:118px;border:1px solid #38515d;background:#12252f;color:#c6d8dd;padding:10px;border-radius:7px;cursor:pointer}.fleet-tabs button.selected,.fleet-blueprint button.selected{border-color:#efc469;background:#2a454a;color:#ffe3a3}.fleet-tabs img{width:29px;height:29px}.fleet-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.fleet-content h3{color:#f5d49a}.fleet-content p{color:#b2c8ca;line-height:1.65}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.fleet-card{padding:20px;border:1px solid #35515b;border-radius:9px;background:linear-gradient(145deg,#142e37,#101f29);min-width:0;margin-bottom:12px}.fleet-card.active{border-color:#6a997e}.fleet-card>h3{margin-top:6px}.fleet-card>small{color:#a9c3c6}.fleet-card>img.pirate-icon{width:48px;height:48px}.fleet-card .menu-button{margin-top:12px}.fleet-card progress{width:100%;height:9px;accent-color:#d3af5e}.fleet-person>img,.fleet-person>canvas{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.fleet-person>.sprite{display:block;width:80px;height:80px}.fleet-portraits{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.fleet-portraits span{width:48px;height:60px;background:#0c1c24;border:1px solid #37525a;border-radius:5px;overflow:hidden}.fleet-portraits img,.fleet-portraits canvas{width:48px;height:60px;object-fit:contain;image-rendering:pixelated}.fleet-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.fleet-menu select,.fleet-menu input[type=number]{width:100%;background:#091b24;border:1px solid #57717b;color:#eceddb;padding:11px;border-radius:6px;min-height:44px}.fleet-menu label{display:grid;gap:7px}.fleet-inline{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.fleet-inline label{flex:1;min-width:180px}.fleet-hero-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:18px 0;max-height:360px;overflow:auto}.fleet-hero{position:relative;place-items:center;border:1px solid #39565e;background:#0b2029;border-radius:7px;padding:12px;text-align:center;font-size:12px;cursor:pointer}.fleet-hero:has(input:checked){border-color:#f7c45f;background:#26434a}.fleet-hero:has(input:disabled){opacity:.5}.fleet-hero input{position:absolute;top:9px;left:9px;accent-color:#d9b059}.fleet-hero img,.fleet-hero canvas{width:70px;height:80px;object-fit:contain;image-rendering:pixelated}.fleet-hero small{color:#8eb5bc}.fleet-blueprint{display:grid;grid-template-columns:repeat(var(--fleet-cols),1fr);gap:12px;padding:22px;background:repeating-linear-gradient(0deg,transparent 0 29px,#78918b18 29px 30px),repeating-linear-gradient(90deg,#0b2630 0 29px,#78918b18 29px 30px);border:2px solid #728471;border-radius:8px;margin:18px 0}.fleet-blueprint button{border:1px dashed #617976;border-radius:6px;background:#142c36d9;color:#c8d7d5;display:grid;place-items:center;gap:8px;padding:14px;min-height:140px;cursor:pointer}.fleet-blueprint small{font-size:9px;letter-spacing:1px}.fleet-blueprint img{width:46px;height:46px}.fleet-blueprint button:disabled{opacity:.4}.fleet-mission-notes{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:12px}.fleet-warning{color:#e9bd78!important}#fleet-place-hud{position:fixed;top:170px;left:50%;transform:translateX(-50%);z-index:24;background:#0c212bea;border:1px solid #b6995f;border-radius:10px;padding:12px 18px;text-align:center;color:#f4dca2}#fleet-place-hud[hidden]{display:none}#fleet-place-hud>div{display:flex;gap:8px;margin-top:8px}body:has(#fleet-place-hud:not([hidden])) .hunt-heading{visibility:hidden}@media(max-width:800px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-hero-banner{flex-wrap:wrap;padding:16px;gap:12px}.fleet-hero-banner>.pirate-icon{width:50px;height:50px}.fleet-hero-banner h2{font-size:22px}.fleet-balances{margin-left:0}.fleet-blueprint{gap:6px;padding:10px}.fleet-blueprint button{padding:8px;min-height:115px;font-size:11px}.fleet-section-head{align-items:start;flex-direction:column}}@media(max-width:500px){.fleet-grid,.fleet-mission-notes{grid-template-columns:1fr}.fleet-hero-banner>div:not(.fleet-balances){flex:1}.fleet-hero-banner small{letter-spacing:1px;font-size:8px}.fleet-blueprint{grid-template-columns:repeat(2,1fr)}#fleet-place-hud{top:210px;width:calc(100% - 30px);box-sizing:border-box}.fleet-tabs button{min-width:110px}.fleet-card{padding:14px}}

#game-modal:has(.fleet-menu){width:min(1160px,calc(100vw - 28px))}.fleet-tabs button{font-size:12px;min-width:120px}.fleet-section-head>.menu-button{flex-shrink:0}#game-modal[open]~#fleet-place-hud{visibility:hidden}

#fleet-place-hud{top:auto;bottom:126px;left:auto;right:22px;transform:none;max-width:340px}@media(max-width:500px){#fleet-place-hud{top:auto;bottom:150px;right:15px;max-width:none;padding:8px 12px;font-size:12px}}