:root{font-family:Georgia,serif;color:#e8eadf;background:#101e25;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer,#status{padding:16px 24px}header{background:#17343d;border-bottom:1px solid #b39c61}h1{margin:0;color:#e0c983}h2,h3{color:#e0c983}a{color:#9edacb}main{max-width:1500px;margin:auto}section,aside{min-width:0}#auth{max-width:600px}label{display:inline-flex;flex-direction:column;gap:5px;margin:5px}button,input,select,textarea{font:inherit;padding:9px;border:1px solid #54777b;border-radius:5px;background:#203c44;color:#f2f3e8}button{cursor:pointer}button:hover{background:#31515a}button:disabled{opacity:.5;cursor:wait}textarea{width:100%}.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}.mapScroll{max-height:65vh;overflow:auto;background:#244e54;border:2px solid #b39c61}#map{--tile:42px;display:grid;grid-template-columns:repeat(21,var(--tile));width:max-content;background:#506e40}#map button{width:var(--tile);height:var(--tile);padding:0;border-radius:0;border:1px solid #ffffff0c;position:relative;background:transparent}#map button.selected{outline:3px solid #ffe88b;outline-offset:-3px;z-index:1}#map button.sea{background:#245f76}#map img,#map svg{width:100%;height:100%;object-fit:contain}#map small{position:absolute;right:1px;bottom:0;background:#101e25b0;font-size:10px}#status{margin:0;background:#263c46;min-height:50px}details{margin-top:20px;border:1px solid #54777b;padding:12px}footer{font-size:14px;color:#b7c6be}#stocks{padding:12px;background:#203c44}.row{padding:8px 0;border-bottom:1px solid #54777b}.row button{padding:4px;margin-left:6px}#reports{font-size:14px;overflow-wrap:anywhere}@media(max-width:850px){.columns{grid-template-columns:1fr}header,main,footer,#status{padding:12px}#map{--tile:34px}}

.registration-avatar{display:flex;gap:20px;flex-wrap:wrap;max-width:440px;margin:18px 0}.registration-avatar label{display:grid;justify-items:center;gap:7px}.registration-avatar img{width:110px;height:110px;object-fit:cover;border-radius:8px}.registration-avatar input{width:auto}

/* Responsive title artwork on the account screen. */
header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 24px;background:#10232a}header .brand-title-art{display:block;width:min(720px,100%);height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px}header p{margin:12px 0 6px;color:#e0c983}header a{font-size:13px}#auth{margin-inline:auto}.brand-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:600px){header{padding:12px}header .brand-title-art{max-width:100%}#auth form{max-width:100%}#auth input{max-width:100%}}