.mission-tracker{position:fixed;z-index:20;right:16px;top:80px;width:min(310px,calc(100vw - 32px));padding:12px;border:1px solid #dbdfcd;border-radius:18px;background:#fff8eefa;color:#28465a;box-shadow:0 5px 18px #183b5224;font:13px system-ui;display:grid;gap:6px}.mission-tracker[hidden]{display:none}.mission-tracker strong{font-size:14px}.mission-tracker>div{display:flex;gap:6px}.mission-tracker button,.mission-board button{height:40px;min-height:40px;border:1px solid #ceddd6;border-radius:99px;padding:0 12px;background:#fff;color:#234956;font:600 13px system-ui;cursor:pointer}.mission-board{width:min(600px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:0;border-radius:22px;padding:20px;background:#fff8ee;color:#28465a;font:14px/1.5 system-ui}.mission-board::backdrop{background:#143e5266}.mission-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mission-board article{padding:12px;margin:10px 0;border:1px solid #e0ddc9;border-radius:14px;background:white}.mission-board h3{margin:0}.mission-board button:disabled{opacity:.5;cursor:default}.mission-tracker button:focus-visible,.mission-board button:focus-visible{outline:3px solid #eab43f;outline-offset:2px}@media(max-width:700px){.mission-tracker{top:66px;right:8px;width:235px;padding:9px;font-size:11px}.mission-tracker strong{font-size:12px}.mission-tracker button{padding:0 9px;font-size:12px}}@media(max-height:500px){.mission-tracker{top:60px;right:8px;width:230px}}
/* Keep the tracker opposite the existing minimap, including landscape phones. */
.mission-tracker{left:16px;right:auto;top:150px}.mission-tracker>div{flex-wrap:wrap}@media(max-width:700px){.mission-tracker{left:8px;right:auto;top:calc(66px + env(safe-area-inset-top));width:min(235px,calc(100vw - 132px))}}@media(max-height:500px) and (orientation:landscape){.mission-tracker{left:auto;right:8px;top:calc(60px + env(safe-area-inset-top));width:230px}}

.market-table{width:100%;border-collapse:collapse;font-size:12px}.market-table td,.market-table th{padding:8px 3px;text-align:left;border-bottom:1px solid #ddd}.market-table small{display:block;font-size:11px;max-width:140px}.market-table button{display:block;margin:4px 0}.mission-board section{border-top:1px solid #dfddce;margin-top:18px;padding-top:10px}.mission-board section>button,.mission-board article>button{margin:4px}.mission-board h4{margin:0}@media(max-width:420px){.mission-board{padding:12px}.market-table button{padding:0 8px;font-size:11px}}

.mission-board nav{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.mission-board article>p{margin:8px 0}

/* Let first-run instructions finish before showing the mission tracker. */
body:has(.intro:not([hidden])) .mission-tracker{display:none}

.mission-tracker>div[hidden]{display:none}.mission-tracker-collapsed{width:auto!important;padding:0!important;border:0;background:transparent;box-shadow:none}.mission-tracker-collapsed>button{box-shadow:0 3px 12px #183b5224}.people-choices{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.people-dialog p{min-height:4.5em}.people-dialog button{white-space:normal;height:auto;min-height:40px;padding:8px 12px}

.contract-filters{display:flex;flex-wrap:wrap;gap:12px}.contract-filters label,.mission-board label{display:grid;gap:6px}.mission-board select{min-height:40px;max-width:100%;border:1px solid #ceddd6;border-radius:10px;background:#fff;color:#234956;padding:6px;font:inherit}.mission-board input[type=file]{max-width:100%;padding:10px 0}.mission-board select:focus-visible,.mission-board input:focus-visible{outline:3px solid #a66e08;outline-offset:2px}
