.naval-panel {padding:12px;border:1px solid #52655e;border-radius:5px;background:#152b31;margin:12px 0;color:#d7ddd1;font-size:12px}
.naval-panel h4{margin:0;color:#d9be83;font-size:16px}.naval-panel p{margin:7px 0;line-height:1.6}
.naval-buttons{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0;align-items:center}.naval-buttons button{min-height:38px}.naval-buttons input{width:100px;min-height:38px}.naval-hero,.naval-squad{border-top:1px solid #365155;padding-top:7px;margin-top:7px}.naval-events{color:#a8c6bd;font-size:11px}.naval-panel summary{min-height:40px;cursor:pointer;line-height:40px}
.battle-panel{overflow-y:auto}.naval-lab{max-width:1500px;margin:auto;padding:20px;color:#d8e0d9;font-family:system-ui}.naval-lab-grid{display:grid;grid-template-columns:minmax(500px,1fr) 330px;gap:14px}.naval-lab canvas{width:100%;height:auto;background:#153747;border:1px solid #426567}.naval-lab button,.naval-lab select,.naval-lab input{padding:7px;background:#17343f;color:#e7ddc4;border:1px solid #587277;border-radius:3px}.naval-lab .naval-panel{margin:0}.naval-lab header{margin-bottom:12px}.naval-lab aside{max-height:75vh;overflow:auto}.naval-lab .error{color:#f1a48f}
@media(max-width:900px){.naval-lab-grid{grid-template-columns:1fr}.naval-lab aside{max-height:none}.naval-buttons button{min-height:44px}}
.naval-doctrine{border:1px solid #6b7a5c;border-radius:5px;padding:8px 9px;margin:9px 0;background:#1a2f26}
.naval-panel h5{margin:10px 0 0;color:#cbbd8c;font-size:13px;font-weight:600}
.naval-panel h5 small{color:#93a596;font-weight:400;margin-left:5px}
.naval-doctrine h5{margin:0}
.naval-ship-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}
.crew-summary{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px;margin:0 0 12px}
.crew-summary>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #52655e;border-radius:5px;background:#172b2b}
.crew-summary span,.crew-summary small{color:#9fb0a8;font-size:11px}.crew-summary b{color:#e8d7ae;font-size:18px}.crew-summary .warn{border-color:#9c6d4e}.crew-summary .warn b{color:#efb58f}
.crew-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
/* 무장·인물·베테랑을 한 줄에 세운다. 베테랑 칸이 화면 맨 아래에 홀로 떨어지지 않게. */
.crew-layout.three{grid-template-columns:1.3fr 1fr 1.2fr}
@media(max-width:1180px){.crew-layout.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crew-panel{padding:12px;border:1px solid #52655e;border-radius:5px;background:#1b2e2b}.crew-panel h3{margin:0 0 7px;color:#d9be83}.crew-panel p{line-height:1.55}
.crew-fields{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.crew-fields label{display:flex;flex-direction:column;gap:4px;color:#aebdb4;font-size:12px}.crew-fields input{width:120px}
.crew-table-wrap{overflow-x:auto}.crew-table th:first-child,.crew-table td:first-child{text-align:left}.crew-table td{white-space:nowrap}.gear-rank{display:inline-grid;place-items:center;min-width:24px;padding:2px 5px;border:1px solid #9a8050;border-radius:3px;color:#e8d7ae;margin-right:4px}
.gear-stock{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:5px;margin:9px 0}.gear-stock span{display:flex;justify-content:space-between;padding:6px 8px;border:1px solid #3d504c;color:#7f9189}.gear-stock span.have{border-color:#8a794e;color:#d5c79c}.gear-stock b{margin-right:5px}
.veteran-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px}.veteran-list p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:7px 9px;background:#172724}.veteran-list span{color:#9fb0a8;font-size:11px}
@media(max-width:760px){.crew-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.crew-layout{grid-template-columns:1fr}.crew-panel{padding:10px}.crew-fields input{width:100%}.veteran-list{grid-template-columns:1fr}}