:root{--table: #1f2b33;--table-raised: #27363f;--table-sunk: #18222a;--line: #3a4c57;--text: #dce4e6;--muted: #93a5ad;--card: #e8ecea;--card-shade: #d5dcda;--ink: #1c2329;--ink-soft: #4b5961;--problem: #c2553b;--crew-problem: #8a63b8;--opportunity: #c8962a;--boon: #4c9a63;--tech: #3d7fb5;--travel: #6b7f8c;--pod: #b07a48;--star: #f08a3c;--power: #e0a526;--water: #3e8ed0;--oxygen: #5fc3c9;--food: #7db04b;--eng: #d9822b;--sci: #5b7fd6;--med: #d24c6a;--bot: #5fa052;--phys: #8f9a9f;--danger: #e86a4f;--ok: #7fc48f;--display: "Saira Semi Condensed", "Arial Narrow", sans-serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;--radius-card: 7px;--radius-ui: 4px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--table);color:var(--text);font:15px/1.45 var(--body)}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;margin:0}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--table-raised);border-radius:var(--radius-ui);padding:6px 12px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{cursor:default;opacity:.45}button.primary{background:var(--star);border-color:var(--star);color:#22150a;font-weight:700}:focus-visible{outline:2px solid var(--star);outline-offset:2px}select,input[type=text],input[type=number]{background:var(--table-sunk);border:1px solid var(--line);border-radius:var(--radius-ui);padding:5px 8px}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--table-sunk)}.topbar h1{font-size:22px;letter-spacing:.01em}.topbar nav{display:flex;gap:4px;margin-left:auto}.topbar nav button[aria-current=page]{border-color:var(--star)}main{padding:16px 20px 40px}.journey{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(58px,1fr);gap:6px;padding:26px 0 30px;overflow-x:auto}.travel-now{margin:-12px 0 14px;color:var(--muted)}.travel-now strong{color:var(--text)}.leg{position:relative;height:76px;border-radius:var(--radius-card);background:var(--table-sunk);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.2;padding:4px;color:var(--muted)}.leg.revealed{background:var(--card-shade);border:1px solid transparent;color:var(--ink-soft)}.leg.earth{background:#2f5f7c;color:#e6f2f8;border-style:solid}.leg.eridani{background:radial-gradient(circle at 50% 45%,#ffd2a6 0,var(--star) 38%,#7a3612 100%);color:#2a1406;border:none;font-weight:700}.leg.here{outline:3px solid var(--star);outline-offset:2px}.leg .ship{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:18px;line-height:1}.leg .pod-marker{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:var(--pod);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;white-space:nowrap}.leg .help-marker{position:absolute;top:-20px;right:2px;background:var(--water);color:#fff;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px}.leg .opportunity-marker{position:absolute;top:-20px;left:2px;background:var(--opportunity);color:var(--ink);border-radius:999px;padding:0 6px;font-size:11px;white-space:nowrap}.leg .tucked{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;align-items:center}.leg .tucked span{background:var(--tech);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:400;white-space:nowrap}.board{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.zone+.zone{margin-top:22px}.zone>h2{font-size:17px;color:var(--muted);margin-bottom:8px;font-weight:500}.zone>h2 strong{color:var(--text);font-weight:600;margin-right:8px}.cards{display:flex;flex-wrap:wrap;gap:10px}.ready-fix{width:150px;display:flex;flex-direction:column;gap:6px;align-items:stretch}.ready-fix>.card{flex:1}.card .note{font-size:12px;font-style:italic;color:var(--ink-soft);border-top:1px solid rgba(0,0,0,.12);padding-top:5px}.empty{color:var(--muted);font-style:italic}.side{position:sticky;top:12px;display:flex;flex-direction:column;gap:14px}.panel{background:var(--table-raised);border:1px solid var(--line);border-radius:8px;padding:14px}.panel h2{font-size:20px;margin-bottom:4px}.panel .sub{color:var(--muted);margin:0 0 10px}@media(max-width:900px){.board{grid-template-columns:1fr}.side{position:static}main{padding:12px 16px 40px}}.card{--band: var(--travel);width:150px;min-height:160px;background:var(--card);color:var(--ink);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;text-align:left;padding:0;border:2px solid transparent;box-shadow:0 2px 0 var(--table-sunk)}button.card{border:2px solid transparent}button.card:hover:not(:disabled){border-color:var(--muted)}.card.workable{border-color:color-mix(in srgb,var(--star) 45%,transparent)}.card.selected,button.card.selected:hover{border-color:var(--star);box-shadow:0 0 0 3px color-mix(in srgb,var(--star) 35%,transparent)}.card .band{background:var(--band);color:#fff;font-size:12px;padding:3px 8px;display:flex;justify-content:space-between;gap:6px}.card .body{padding:6px 8px 8px;display:flex;flex-direction:column;gap:5px;flex:1}.card .name{font-family:var(--display);font-weight:600;font-size:15px;line-height:1.1}.card .text{font-size:11.5px;color:var(--ink-soft);line-height:1.3}.card .effects{font-size:12px;line-height:1.3;margin-top:auto}.card.problem{--band: var(--problem)}.card.crew_problem{--band: var(--crew-problem)}.card.opportunity{--band: var(--opportunity)}.card.boon{--band: var(--boon)}.card.tech{--band: var(--tech)}.card.pod{--band: var(--pod)}.card.travel{--band: var(--travel)}.card.small{width:128px;min-height:0}.costs{display:flex;flex-wrap:wrap;gap:3px}.chip{display:inline-flex;align-items:center;gap:3px;border-radius:3px;padding:0 5px;font-size:12px;font-weight:700;color:#fff;background:var(--chip, var(--phys));white-space:nowrap}.chip.done{opacity:.35;text-decoration:line-through}.w-eng{--chip: var(--eng)}.w-sci{--chip: var(--sci)}.w-med{--chip: var(--med)}.w-bot{--chip: var(--bot)}.w-phys{--chip: var(--phys)}.up{color:#2f7a43}.down{color:#b23b22}.ship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.resource{background:var(--table-raised);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.resource .head{display:flex;justify-content:space-between;align-items:baseline}.resource .head h3{font-size:16px}.resource .value{font-family:var(--display);font-size:26px;font-weight:700;line-height:1}.resource .meter{display:flex;gap:2px;margin:8px 0 6px}.resource .meter span{flex:1;height:10px;border-radius:2px;background:var(--table-sunk)}.resource .meter span.full{background:var(--res)}.resource .flow{font-size:13px;color:var(--muted)}.resource .flow.danger,.value.danger{color:var(--danger)}.res-power{--res: var(--power)}.res-water{--res: var(--water)}.res-oxygen{--res: var(--oxygen)}.res-food{--res: var(--food)}.systems{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.system{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:13px}.system.failed{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.crew-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.crew{background:var(--table-raised);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.crew.active{border-color:var(--star)}.crew.fatigued{background:repeating-linear-gradient(135deg,var(--table-raised) 0 10px,var(--table-sunk) 10px 20px)}.crew .who{display:flex;justify-content:space-between;gap:8px}.crew .who h3{font-size:17px}.crew .role{color:var(--muted);font-size:13px}.crew .ability{font-size:12.5px;color:var(--muted);margin:4px 0 6px}.crew .attached{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:0 7px;color:var(--muted)}.tag.warn{border-color:var(--danger);color:var(--danger)}.stepper-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;margin:4px 0}.stepper-row button{width:30px;padding:2px 0}.stepper-row output{min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.field{margin:12px 0 0}.field>label,.field>.label{display:block;color:var(--muted);font-size:13px;margin-bottom:4px}.check{display:flex;gap:8px;align-items:center;margin-top:10px}.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.error{color:var(--danger);margin-top:8px;font-size:13px}.points{display:flex;gap:4px;flex-wrap:wrap}.log{max-height:320px;overflow-y:auto;font-size:13px;margin:0;padding:0;list-style:none}.log li{padding:2px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.log .r{color:var(--muted);display:inline-block;width:26px}.setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:20px 28px;align-items:start;max-width:1360px}.setup-main{container-type:inline-size}.setup-side{display:flex;flex-direction:column;gap:14px}@media(max-width:960px){.setup{grid-template-columns:minmax(0,1fr)}.setup-side{display:contents}.setup.invited .online-entry{order:-1}}.page-title{font-size:30px}.setup p.lede{max-width:68ch;margin:8px 0 0;color:var(--muted)}.picker{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:18px 0 0}@container (min-width: 520px){.picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 920px){.picker{grid-template-columns:repeat(4,minmax(0,1fr))}}.pick-wrap{position:relative;display:flex;flex-direction:column}.pick{align-self:stretch;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:10px 12px 12px 14px;border-radius:8px;border-left:4px solid var(--chip)}.pick:hover:not(:disabled){border-left-color:var(--chip)}.pick[aria-pressed=true]{border-color:var(--star);border-left-color:var(--chip);background:color-mix(in srgb,var(--star) 12%,var(--table-raised));box-shadow:0 0 0 1px var(--star)}.pick-head{display:flex;align-items:center;justify-content:space-between;align-self:stretch;min-height:22px}.pick-class{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--chip) 75%,var(--text))}.pick h3{font-size:19px}.pick-who{font-size:13px;font-weight:700}.pick p{margin:2px 0 0;font-size:13px;color:var(--muted)}.seat-badge{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--star);color:#22150a;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.crew-panel .sub{margin-bottom:8px}.seat-list{display:flex;flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none}.seat{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;border:1px solid var(--line);border-left:4px solid var(--chip, var(--line));border-radius:6px;background:var(--table-sunk)}.seat.open{border-style:dashed;border-left-width:1px;background:none;color:var(--muted)}.seat.open .seat-badge{background:none;border:1px dashed var(--line);color:var(--muted)}.seat-name{flex:1;min-width:0;font-weight:700}.seat.open .seat-name{font-weight:400;font-size:13px}.seat-name small{display:block;font-weight:400;font-size:12px;color:var(--muted)}.seat .sub{margin:0;font-size:13px}.seat button.remove{padding:0 7px;font-size:17px;line-height:1.4;color:var(--muted)}button.wide{flex:1;padding:9px 12px}.panel .sub.hint{margin:8px 0 0;font-size:13px}input[type=file]{max-width:100%;color:var(--muted);font-size:13px}input[type=file]::file-selector-button{margin-right:10px;border:1px solid var(--line);background:var(--table-sunk);border-radius:var(--radius-ui);padding:6px 12px;color:var(--text);font:inherit;cursor:pointer}input[type=file]::file-selector-button:hover{border-color:var(--muted)}table.data{border-collapse:collapse;font-size:14px;margin-top:8px}table.data th,table.data td{text-align:left;padding:4px 12px 4px 0;border-bottom:1px solid var(--line)}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}.headline{font-family:var(--display);font-size:44px;font-weight:700;line-height:1}.chart text{fill:var(--muted);font-size:11px}.chart .axis{stroke:var(--line)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;background:var(--res)}.over{border-color:var(--star)}@media(prefers-reduced-motion:no-preference){.leg .ship{transition:left .3s ease}}.system button.inline{margin-left:8px;padding:1px 8px;font-size:12px}.online-entry #online-name{width:100%}.online-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:14px}.online-actions .sub{margin:0}.join-row{display:flex;gap:6px}#online-code{width:8.5ch;letter-spacing:.2em;font-weight:700;text-transform:uppercase}button.link{border:none;background:none;padding:0;color:var(--star);text-decoration:underline;text-underline-offset:3px}.room-header{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:space-between}.room-code{font-size:22px;letter-spacing:.18em;color:var(--star)}.players{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:0;list-style:none;font-size:13px}.players li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--boon);vertical-align:1px}.players li.off{color:var(--muted)}.players li.off:before{background:var(--line)}.room-banner .room-header{margin-bottom:4px}.turn-controls{border:0;padding:0;margin:0;min-width:0}.panel .waiting{color:var(--muted);font-style:italic;margin:10px 0 0}.topbar nav .nav-link{border:1px solid var(--line);background:var(--table-raised);border-radius:var(--radius-ui);padding:6px 12px;color:inherit;text-decoration:none}.topbar nav .nav-link:hover{border-color:var(--muted)}.rules{max-width:72ch;margin:0 auto;padding-bottom:40px}.rules h1{font-size:32px;margin:12px 0 16px}.rules h2{font-size:22px;margin:32px 0 10px;padding-top:12px;border-top:1px solid var(--line)}.rules h3{font-size:17px;margin:22px 0 8px}.rules p,.rules li{line-height:1.6}.rules li+li{margin-top:4px}.rules strong{color:#fff}.rules em{color:var(--muted)}.rules a{color:var(--star)}.rules code{font-size:.9em;background:var(--table-sunk);padding:1px 4px;border-radius:var(--radius-ui)}.rules table{border-collapse:collapse;display:block;overflow-x:auto;margin:12px 0}.rules th,.rules td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top}.rules th{background:var(--table-sunk);font-family:var(--display)}.pick-wrap>button.link{position:absolute;right:12px;bottom:10px;font-size:13px}.pick-wrap:has(>button.link) .pick{padding-bottom:34px}.fix-list{margin:0;padding:0;list-style:none}.fix-list li{display:flex;gap:10px;align-items:baseline;padding:2px 0}.ready-fix button[aria-pressed=true]{border-color:var(--star);background:color-mix(in srgb,var(--star) 18%,var(--table-raised))}