@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;800;900&family=Inter:wght@400;600;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#071b24;color:#f9f2df;font-family:Inter,Arial,sans-serif;background-image:radial-gradient(#25505a55 1px,transparent 1px);background-size:9px 9px}main{max-width:1200px;margin:auto;padding:22px 26px}header{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;border-bottom:1px solid #537175;padding-bottom:16px}a{color:#a5e4dc;text-decoration:none}.title{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.title small{color:#ffbc66;letter-spacing:4px;font-size:11px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:clamp(42px,6vw,76px);line-height:.9;margin:8px 0;letter-spacing:-1px;text-shadow:3px 3px #000}h1 span{color:#ffb75f}.title p{color:#9db6b8;font-size:13px;margin:10px 0}.badge{border:2px solid #efb060;transform:rotate(6deg);padding:10px 25px;text-align:center;font-weight:800;font-size:11px;color:#ffbf71;line-height:1.6}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}#hud{font-size:13px;font-weight:800;color:#cae9e5}button{cursor:pointer;border:1px solid #547b80;border-radius:5px;background:#173b47;color:#fff0d9;padding:10px 14px;font:600 12px Inter,Arial}button:hover{background:#295566}button:focus-visible{outline:3px solid #ffc66d}.arena{position:relative;border:4px solid #030f17;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #608284,0 16px 45px #0008;background:#103c4b}canvas{width:100%;display:block;max-height:65vh;object-fit:contain;touch-action:none;cursor:crosshair}#overlay{position:absolute;inset:0;background:#061d2bd9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}#overlay small{color:#ffc47d;letter-spacing:3px;font-size:11px}h2{font:900 clamp(27px,5vw,57px) 'Barlow Condensed',Impact,sans-serif;margin:15px 0;color:#fff1d7}#overlay p{max-width:460px;line-height:1.6;font-size:14px;color:#b8d4d6}#start{background:#ffb45e;color:#102733;font-weight:800;padding:16px 27px;border:2px solid #080f18;font-size:14px;margin-top:12px;box-shadow:4px 4px #020a11}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#a8c0c1;margin:12px 0}footer b{color:#eac899}#sonar{color:#81eae2}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:26px 0 15px}.details article{border-top:1px solid #38555e;padding-top:15px}.details small{font-size:10px;letter-spacing:1px;color:#eeb16a}h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;margin:8px 0}.details p,.fine{color:#8fa9ae;font-size:12px;line-height:1.65}.fine{font-size:10px}@media(max-width:650px){main{padding:12px}.toolbar{flex-wrap:wrap}header span,.badge{display:none}canvas{max-height:62vh}footer{flex-wrap:wrap;gap:6px}.details{grid-template-columns:1fr;gap:10px}.title{margin:14px 0}button{padding:9px 10px}#hud{font-size:11px}}

.combat-status{font-size:11px;min-height:15px;color:#8ff3df;margin:8px 0;letter-spacing:.5px}#overlay{backdrop-filter:blur(4px)}button{transition:background .2s,transform .2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}.arena{box-shadow:0 0 0 1px #608284,0 16px 45px #0008,inset 0 0 30px #4bbdb322}

.loadout{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 12px;background:#123541;border:1px solid #48636c;border-radius:7px}.loadout label{display:flex;align-items:center;gap:8px;color:#f4c68a;font-size:10px;font-weight:800;letter-spacing:1px}select{color:#eef5df;background:#092430;border:1px solid #65878c;border-radius:4px;padding:7px;font:600 12px Arial;max-width:180px}select:disabled{opacity:.6}#loadout-info{font-size:11px;color:#a2c8cc}#fire{background:#a76c39;color:#fff0d2;touch-action:none}canvas{max-height:60vh}.title{margin:12px 0}@media(max-width:650px){.loadout{gap:6px;padding:7px}.loadout label{letter-spacing:0}select{max-width:150px}#loadout-info{width:100%;font-size:10px}.toolbar{margin-bottom:6px}.combat-status{font-size:10px}}

.dispatch{display:flex;align-items:flex-start;gap:10px;background:#102d38;border-left:3px solid #efba75;padding:10px 14px;margin-top:10px}.dispatch b{font-size:11px;color:#f5ce92;letter-spacing:.6px}.dispatch p{font-size:11px;color:#b5cbd0;line-height:1.5;margin:4px 0 0}.radio-light{margin-top:4px;width:7px;height:7px;flex-shrink:0;background:#88ffe3;border-radius:50%;box-shadow:0 0 10px #66ead8;animation:beacon 2s infinite}.lore-book{border:1px solid #50747d;border-radius:10px;background:#102a35;margin:20px 0;padding:16px}.lore-book summary{cursor:pointer;color:#ffd69d;font-weight:800;font-size:14px}.lore-book p{color:#b6cdd1;line-height:1.7;font-size:13px}.story-cover{width:100%;max-height:330px;object-fit:cover;margin-top:18px;border-radius:7px}.crew-grid,.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.crew-grid article,.chapter{border:1px solid #395a66;border-radius:6px;padding:15px;background:#0a202c}.lore-book small{color:#efba75;font-size:10px;letter-spacing:1px}.locked{opacity:.55}.reveal{border-left:2px solid #6acbbc;padding-left:12px}.lore-book h2{font-size:38px}.lore-book h3{font-size:24px}.title h1{filter:drop-shadow(0 3px 8px #0009)}@keyframes beacon{50%{opacity:.4}}@media(max-width:650px){.crew-grid,.chapter-grid{grid-template-columns:1fr}.dispatch{padding:8px}.lore-book summary{font-size:12px}}@media(prefers-reduced-motion:reduce){.radio-light{animation:none}}

.dockyard{padding:14px;background:#112d39;border:1px solid #4b6d79;border-radius:8px;margin:18px 0}.dockyard summary{font-weight:800;font-size:12px;color:#ffd39c;cursor:pointer}.dockyard summary span{float:right;color:#87eddd}.dockyard>p{font-size:11px;color:#acc6cb}#dock-upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dock-card{text-align:left;padding:12px;background:linear-gradient(135deg,#294b58,#112b38);border:1px solid #557b86;position:relative}.dock-card b{display:block;font-size:12px}.dock-card small{display:block;color:#ffd0a0;font-size:10px;margin-top:6px}.dock-card p{font-size:10px;line-height:1.5;color:#b5d0d5;margin:6px 0 0}.upgrade-icon{float:right;font-size:24px;color:#83e0de;text-shadow:0 0 12px #59d9db}.dock-card:disabled{opacity:.6}@media(max-width:650px){#dock-upgrades{grid-template-columns:repeat(2,1fr)}}

.refit-note{color:#c4d9dc;font-size:13px;line-height:1.55;margin:10px 0 16px}

.upgrade-art{display:block;width:68px;height:52px;background-image:url(naval-upgrades.webp);background-size:400% 300%;background-repeat:no-repeat;filter:drop-shadow(0 3px 2px #04141b)}