*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}#game{position:fixed;inset:0;overflow:hidden;outline:none}#game canvas{display:block;position:absolute;image-rendering:crisp-edges;image-rendering:pixelated}.controls{position:fixed;bottom:14px;left:16px;right:16px;color:#8292a8;font:11px/1.6 system-ui,sans-serif;pointer-events:none;text-shadow:0 1px 3px #000}@media(max-width:600px){.controls{font-size:10px}}#mission{position:fixed;top:16px;left:16px;width:min(330px,55vw);color:#c4dbe6;font:12px/1.5 system-ui,sans-serif;pointer-events:none;background:#061018d9;padding:12px 14px;border-left:2px solid #6dd6e4}#mission strong{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.1em}#mission strong span{color:#8ee2b1}#mission b{font-weight:500}#mission p{margin:5px 0;color:#a7b7c7}#mission small{color:#ffad83}.hull{height:3px;background:#283849;margin:9px 0 12px}.hull i{display:block;background:#7ae5b0;height:100%}#map{position:fixed;right:14px;top:14px;width:160px;padding:8px;background:#061018e6;border:1px solid #2e4856;pointer-events:none}#map svg{width:100%;display:block}#map small{display:block;color:#809fae;font:9px monospace;text-align:center}#map.expanded{width:min(70vw,650px);top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}#outcome:not([hidden]){position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030912d9;color:#d4e9f1;font:14px system-ui,sans-serif;text-align:center;padding:25px}#outcome h1{font-size:24px;letter-spacing:.12em}#outcome button{cursor:pointer;border:1px solid #71c7d6;color:#d4f4fc;padding:12px 24px;background:#173440;margin-top:12px}@media(max-width:700px){#map{width:100px}#mission{font-size:10px;top:8px;left:8px;padding:8px}}