:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080e17;color:#e9f1fb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:35px 5vw;border-bottom:1px solid #345265;background:linear-gradient(120deg,#14283a,#080e17)}h1{font-size:clamp(30px,5vw,64px);letter-spacing:.08em;margin:5px 0}small{color:#e9ac56;letter-spacing:.18em}main{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:28px 5vw}.panel{align-self:start;background:#132130;padding:24px;border:1px solid #345265;border-radius:12px}.ships{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.ship{padding:10px;border:2px solid #294154;background:#122030;border-radius:10px;cursor:pointer}.ship[aria-pressed=true]{border-color:#ffba58;background:#283044}.ship img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px}.ship span{display:block;margin-top:8px}label{display:block;margin:20px 0}input:not([type=checkbox]),select{width:100%;margin-top:7px;padding:8px}button,a{color:#a9e6ff}button,.action{padding:10px 16px;border:1px solid #57839b;border-radius:6px;background:#163e54;cursor:pointer;font:inherit;text-decoration:none}.action{background:#bb7720;color:white}nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.muted{font-size:13px;color:#9eb0c4}#message{color:#ffc773;min-height:24px}@media(max-width:740px){main{grid-template-columns:1fr}header{padding:22px}header button{font-size:13px}.ships{grid-template-columns:repeat(2,1fr)}}