/* Readable mission flow: clear selection, full artwork, one send action. */
.job-shell { padding-top:20px; }
.mission-steps { margin-bottom:24px; }
.mission-step { min-height:52px; font-size:14px; }
.stage-back { min-height:40px; margin-bottom:18px; padding:10px 16px; font-size:13px; }
.hood-stage,.vault-stage.stage-layout-full .stage-main,.route-stage.stage-layout-full .stage-main { width:min(100%,1360px); margin-inline:auto; }
.stage-header { margin-bottom:24px; }
.hood-stage .stage-header h1,.vault-stage .stage-header h1 { font-size:clamp(44px,4.6vw,72px); }
.hood-stage .stage-header > p,.stage-header > p { font-size:17px; }
.crew-progress { margin:0 0 20px; border-block:1px solid var(--line); }
.crew-progress > summary { display:flex; justify-content:space-between; gap:16px; padding:13px 0; color:var(--paper); font:700 13px var(--mono); cursor:pointer; list-style:none; }
.crew-progress > summary::-webkit-details-marker { display:none; }
.crew-progress > summary span { color:var(--gold); }
.crew-progress .progression-map { margin:0 0 16px; }
.hood-grid.hood-grid-compact { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; padding-bottom:100px; }
.hood-grid-compact .hood-card { display:flex; flex-direction:column; max-width:none; border:2px solid #48493e; background:#171912; transform:none; transition:border-color 120ms,box-shadow 120ms; }
.hood-grid-compact .hood-card .hood-art { width:100%; height:auto; aspect-ratio:1; }
.hood-grid-compact .hood-card .hood-art img { width:100%; height:100%; object-fit:cover; transform:none; filter:none; }
.hood-grid-compact .hood-card.is-selected { border-color:var(--green); box-shadow:0 0 0 2px var(--green); background:#16281f; transform:none; }
.hood-grid-compact .hood-card:hover { border-color:var(--paper); transform:none; }
.hood-grid-compact .hood-card.is-selected:hover { border-color:var(--green); }
.hood-grid-compact .hood-card::after,.hood-grid-compact .hood-card.is-selected::after { display:none; }
.hood-grid-compact .hood-card-copy { min-height:0; width:100%; padding:16px; }
.hood-card-title { align-items:center; }
.hood-grid-compact .hood-card-title > i { font-size:13px; letter-spacing:0; }
.hood-grid-compact .hood-card-title > strong { font-size:32px; }
.hood-grid-compact .hood-card-level { display:block; border:0; margin:10px 0 0; padding:0; font:500 12px/1.4 var(--sans); color:#c5c6b9; white-space:normal; }
.hood-grid-compact .hood-card-modifiers { display:block; margin-top:10px; }
.hood-grid-compact .hood-card-rarity { display:flex; align-items:center; gap:8px; min-height:0; width:auto; padding:0; border:0; background:none; }
.hood-grid-compact .hood-card-rarity > i { width:16px; height:20px; font-size:13px; }
.hood-grid-compact .hood-card-rarity > span { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; }
.hood-grid-compact .hood-card-rarity b { font-size:11px; }
.hood-grid-compact .hood-card-rarity em { font-size:11px; color:#b3b5a7; }
.hood-grid-compact .hood-level-seal { top:12px; right:12px; padding:7px 10px; transform:none; background:#0c0d0bea; border:1px solid #aaa58e; }
.hood-grid-compact .hood-level-seal b { font:800 14px var(--mono); }
.hood-grid-compact .hood-card > em { position:static; display:flex; width:100%; min-height:44px; margin-top:auto; align-items:center; justify-content:center; border-top:1px solid var(--line); background:#23251e; color:var(--paper); font:800 13px var(--mono); opacity:1; transform:none; }
.hood-grid-compact .hood-card.is-selected > em { background:var(--green); color:#092017; border-color:var(--green); }
.crew-tray { width:min(1040px,calc(100% - 40px)); padding:12px 16px; gap:20px; border:1px solid var(--gold); background:#14160ff5; box-shadow:0 12px 48px #0009; }
.crew-tray-count small { font-size:12px; }
.crew-tray-ids i { font-size:13px; }
.crew-tray .cta { min-height:52px; font-size:15px; padding:14px 22px; }
.vault-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.vault-grid .vault-card { display:flex; flex-direction:column; align-items:stretch; min-height:0; padding:26px; gap:20px; }
.vault-card .vault-mark { position:static; width:72px; height:72px; margin:0; }
.vault-card .vault-mark img { width:100%; height:100%; object-fit:contain; }
.vault-card .vault-copy { margin:0; }
.vault-card .vault-copy small { font-size:12px; }
.vault-card .vault-copy strong { margin-top:10px; font-size:64px; }
.vault-card .vault-copy b { font-size:14px; }
.vault-card .market-context-vault { width:100%; margin:0; padding:16px 0; border:0; border-block:1px solid var(--line); background:none; }
.vault-card .market-compact-price b { font-size:34px; }
.vault-card .market-compact-price small { font-size:12px; }
.crew-reward { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.crew-reward small,.send-facts small { color:var(--muted); font:700 12px var(--mono); letter-spacing:.06em; }
.crew-reward b { color:var(--gold); font:500 42px/1 var(--display); }
.crew-reward em { color:#b9bcad; font:400 14px/1.4 var(--sans); }
.vault-card .crew-reward { margin-top:auto; }
.vault-stage .market-refresh { min-height:42px; margin-top:18px; padding:10px 16px; font-size:12px; }
.route-scene { display:grid; grid-template-columns:1.4fr 1fr; min-height:0; margin-top:0; aspect-ratio:auto; overflow:hidden; }
.route-scene > img { position:static; width:100%; height:auto; min-height:360px; max-height:580px; aspect-ratio:4/3; object-fit:contain; background:#080a07; transform:none; }
.route-scene-shade { display:none; }
.route-scene figcaption { position:static; display:flex; flex-direction:column; justify-content:center; width:auto; padding:32px; }
.route-scene figcaption h1 { font-size:clamp(32px,3.3vw,52px); line-height:1; }
.route-scene figcaption p { font-size:18px; line-height:1.5; }
.route-scene .route-crew-badge { top:14px; left:14px; right:auto; padding:9px 12px; font-size:12px; }
.route-decision-meta { display:flex; align-items:center; justify-content:space-between; gap:28px; margin:20px 0; }
.route-decision-meta .market-quote-card { flex:1; max-width:480px; margin:0; }
.route-decision-meta .crew-reward { border:0; }
.route-choice-head { margin:24px 0 14px; }
.route-choice-head p { font-size:18px; }
.confirm-stage.stage-layout-full .stage-main { width:min(100%,920px); }
.send-panel { --call-accent:var(--green); padding:32px; border:1px solid var(--line); border-top:4px solid var(--call-accent); background:#151712; }
.send-panel.call-down { --call-accent:var(--red); }
.send-heading > span { color:var(--muted); font:700 12px var(--mono); letter-spacing:.1em; }
.send-heading h1 { margin:14px 0 10px; font:500 clamp(48px,5vw,72px)/1 var(--display); }
.send-heading h1 i { color:var(--call-accent); font-style:normal; }
.send-heading p { margin:0; color:#b9bcad; font-size:16px; line-height:1.5; }
.send-crew { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:28px 0; }
.send-crew figure { width:120px; margin:0; border:1px solid #575c4c; background:#21251b; }
.send-crew img,.send-crew .hood-placeholder { width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.send-crew figcaption { padding:8px; text-align:center; font:700 14px var(--mono); }
.send-edit { padding:12px; border:0; background:none; color:var(--muted); font:700 12px var(--mono); cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.send-facts { display:grid; grid-template-columns:1.15fr 1.15fr .7fr; gap:24px; padding:24px 0; border-block:1px solid var(--line); }
.send-facts > span { display:flex; flex-direction:column; gap:8px; }
.send-facts b { font:500 40px/1 var(--display); }
.send-facts em { color:#a9ad9c; font:400 13px/1.5 var(--sans); }
.send-risk { max-width:720px; margin:22px 0; color:#c2c5b7; font:400 14px/1.6 var(--sans); }
.send-error { color:var(--red); font-size:15px; }
.send-crew-button { display:flex; width:100%; min-height:64px; justify-content:space-between; padding:18px 24px; border:0; background:var(--gold); color:#16190f; font:800 18px var(--mono); cursor:pointer; }
.send-crew-button:disabled { opacity:.5; cursor:wait; }
.send-crew-button:active:not(:disabled) { transform:translateY(2px); }
@media(min-width:1400px) { .hood-grid.hood-grid-compact { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:760px) {
 .job-shell { padding-top:12px; }
 .mission-steps { margin-bottom:18px; }
 .mission-step { font-size:11px; min-height:42px; }
 .mission-step:not(:last-child)::after { display:none; }
 .hood-grid.hood-grid-compact { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .hood-grid-compact .hood-card-copy { padding:12px; }
 .hood-grid-compact .hood-card-title { flex-direction:column-reverse; align-items:flex-start; gap:6px; }
 .hood-grid-compact .hood-card-title > strong { font-size:28px; }
 .hood-grid-compact .hood-card-title > i { font-size:12px; }
 .hood-grid-compact .hood-card-rarity > span { gap:4px; }
 .hood-grid-compact .hood-card-level { font-size:11px; }
 .hood-grid-compact .hood-card > em { font-size:11px; }
 .crew-tray { bottom:12px; width:calc(100% - 24px); display:flex; flex-wrap:wrap; gap:10px; padding:12px; }
 .crew-tray-ids { display:none; }
 .crew-tray-count { flex:1; }
 .crew-tray-count b { font-size:28px; }
 .crew-tray-count small { font-size:10px; }
 .crew-tray .cta { min-width:0; min-height:48px; padding:12px; font-size:12px; }
 .vault-grid { grid-template-columns:1fr; }
 .vault-grid .vault-card { display:grid; grid-template-columns:64px 1fr; gap:16px; padding:20px; }
 .vault-card .vault-mark { width:64px; height:64px; }
 .vault-card .vault-copy strong { font-size:48px; margin:0; }
 .vault-card .vault-copy small { display:none; }
 .vault-card .market-context-vault,.vault-card .crew-reward { grid-column:1/-1; }
 .route-scene { grid-template-columns:1fr; }
 .route-scene > img { min-height:0; max-height:none; width:100%; aspect-ratio:auto; }
 .route-scene figcaption { padding:22px; }
 .route-decision-meta { align-items:stretch; flex-direction:column; gap:16px; }
 .route-decision-meta .market-quote-card { max-width:none; }
 .route-actions { grid-template-columns:1fr; }
 .send-panel { padding:20px; }
 .send-crew { gap:8px; padding:20px 0; }
 .send-crew figure { width:calc((100% - 16px)/3); }
 .send-facts { grid-template-columns:1fr 1fr; gap:20px; }
 .send-facts > span:last-child { display:none; }
 .send-facts b { font-size:34px; }
 .send-facts small { font-size:11px; }
 .send-risk { font-size:13px; }
}

.topbar { min-height:88px; padding-block:12px; }
.topbar .brand img { width:52px; height:52px; }
.hood-grid-compact .hood-card-title { flex-direction:column-reverse; align-items:flex-start; gap:8px; }
.hood-grid-compact .hood-card-title > i { overflow:visible; white-space:normal; }
.hood-grid-compact .hood-card-title > strong { font-size:34px; }
.vault-grid .vault-card { display:grid; grid-template-columns:72px minmax(0,1fr); gap:20px; }
.vault-card .vault-copy small { display:none; }
.vault-card .vault-copy strong { margin:0; font-size:56px; }
.vault-card .market-context-vault,.vault-card .crew-reward { grid-column:1/-1; }
.route-scene > img { object-fit:cover; object-position:left center; }
@media(max-width:760px) { .route-scene > img { aspect-ratio:4/3; } .vault-grid .vault-card { grid-template-columns:64px minmax(0,1fr); } }
.send-panel { display:grid; grid-template-columns:1fr 1fr; gap:20px 24px; padding:24px; }
.send-heading,.send-risk,.send-error,.send-crew-button { grid-column:1/-1; }
.send-crew { padding:0; }
.send-facts { grid-template-columns:1fr 1fr; align-content:center; gap:20px; padding:0; border:0; }
.send-facts > span:last-child { display:none; }
.send-facts b { font-size:36px; }
.send-risk { margin:0; padding-top:16px; border-top:1px solid var(--line); }
@media(max-width:760px) {
 .send-panel { grid-template-columns:1fr; padding:20px; gap:20px; }
 .send-facts { grid-column:1; padding:16px 0; border-block:1px solid var(--line); }
 .send-crew figure { width:96px; }
 .send-risk { padding:0; border:0; }
}
.wallet-loading { padding: 24px 0; color: var(--gold, #dbc52f); font-size: 20px; font-weight: 700; }
.wallet-loading span { display: block; margin-top: 8px; color: #aaa99b; font-size: 16px; font-weight: 400; }

.live-recovery-notice { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; padding:16px 20px; border:1px solid var(--line); color:var(--muted); font:400 16px/1.5 var(--body, sans-serif); }
.live-recovery-notice .secondary { flex-shrink:0; padding:10px 14px; font-size:12px; }
@media(max-width:600px) { .live-recovery-notice { align-items:flex-start; flex-direction:column; } }

/* One verified price comparison. No compressed chart or duplicate price labels. */
.active-mission-stage { width:min(100%,1120px); }
.active-mission-body { display:block; min-height:0; }
.active-mission-detail { padding:28px; }
.active-mission-bar { padding:18px 28px; }
.active-mission-bar > b { font-size:28px; text-align:left; white-space:normal; }
.active-mission-live { font-size:11px; }
.mission-monitor { display:grid; grid-template-columns:260px minmax(0,1fr); gap:32px; }
.mission-focus-portrait { align-self:start; overflow:hidden; border:1px solid #525744; background:#171b13; }
.mission-focus-portrait > img,.mission-focus-portrait > .hood-placeholder { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.mission-focus-portrait > span:not(.hood-placeholder) { display:block; padding:14px; text-align:center; color:var(--paper); font:500 28px/1 var(--display); }
.mission-monitor-copy { min-width:0; }
.mission-call { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.mission-call > span { color:#acb09f; font:700 13px var(--mono); }
.mission-call > strong { color:var(--active-accent); font:500 36px/1 var(--display); }
.mission-price-grid { display:grid; grid-template-columns:1fr 1fr .8fr; gap:22px; padding:28px 0; }
.mission-price-grid > span { display:flex; flex-direction:column; gap:10px; }
.mission-price-grid small,.mission-time small { color:#afb3a2; font:700 12px var(--mono); letter-spacing:.05em; }
.mission-price-grid b { font:500 clamp(32px,3.4vw,46px)/1 var(--display); color:var(--paper); white-space:nowrap; }
.mission-price-grid em { color:var(--muted); font:400 13px var(--mono); font-style:normal; }
.mission-price-grid .is-up b { color:var(--green); }
.mission-price-grid .is-down b { color:var(--red); }
.mission-time { display:flex; align-items:center; gap:30px; padding:24px 0; border-block:1px solid var(--line); }
.mission-time > span { display:flex; flex-direction:column; gap:10px; flex-shrink:0; }
.mission-time b { color:var(--gold); font:500 46px/1 var(--display); font-variant-numeric:tabular-nums; }
.mission-time p { max-width:290px; margin:0; color:#c4c7bb; font:400 16px/1.5 var(--sans); }
.mission-price-note { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; }
.mission-price-note > span { color:#b0b49f; font:400 13px/1.5 var(--sans); }
.mission-price-note .secondary { min-height:40px; padding:10px 12px; font-size:11px; }
.mission-price-error { color:var(--gold); font-size:14px; }
.active-mission-crew { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,160px)); justify-content:start; gap:16px; padding:0 28px 28px; border:0; background:none; }
.active-crew-title { grid-column:1/-1; display:flex; justify-content:flex-start; align-items:center; gap:12px; padding:0; border:0; margin:0; }
.active-crew-title small { font-size:12px; }
.active-crew-title b { font-size:20px; }
.active-hood-chip { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; min-height:0; overflow:hidden; border:2px solid #424838; background:#161a13; transform:none; }
.active-hood-chip.is-focused { border-color:var(--green); background:#14281f; box-shadow:0 0 0 1px var(--green); }
.active-hood-chip:hover,.active-hood-chip:active { transform:none; }
.active-hood-chip > img,.active-hood-chip > .hood-placeholder { width:100%; height:auto; aspect-ratio:1; border:0; border-radius:0; object-fit:cover; }
.active-hood-chip > span { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px; }
.active-hood-chip b { font-size:17px; color:var(--paper); flex-shrink:0; overflow:visible; text-overflow:clip; }
.active-hood-chip small { font-size:10px; }
.active-hood-chip > i { padding:8px; background:#252a1e; color:#b8beaa; font:700 10px var(--mono); text-align:center; font-style:normal; }
.active-hood-chip.is-focused > i { background:var(--green); color:#082116; }
.vault-checking { color:var(--gold); font:700 12px var(--mono); }
.vault-card.is-pool-unavailable:has(.vault-checking) { filter:none; opacity:1; }
@media(max-width:900px) {
 .mission-monitor { grid-template-columns:200px minmax(0,1fr); gap:24px; }
 .mission-price-grid { gap:12px; }
 .mission-price-grid b { font-size:32px; }
 .mission-time { align-items:flex-start; gap:20px; }
 .mission-time b { font-size:38px; }
 .mission-time p { font-size:14px; }
 .active-mission-bar { grid-template-columns:1fr auto; }
 .active-mission-bar > b { grid-column:1/-1; grid-row:2; }
}
@media(max-width:650px) {
 .active-mission-bar { padding:18px; }
 .active-mission-detail { padding:20px; }
 .mission-monitor { grid-template-columns:1fr; gap:20px; }
 .mission-focus-portrait { width:180px; margin-inline:auto; }
 .mission-focus-portrait > span:not(.hood-placeholder) { font-size:24px; }
 .mission-call { padding-bottom:18px; }
 .mission-call > strong { font-size:30px; }
 .mission-price-grid { grid-template-columns:1fr 1fr; gap:22px; padding:22px 0; }
 .mission-price-grid > span:last-child { grid-column:1/-1; flex-direction:row; align-items:baseline; }
 .mission-price-grid small { font-size:11px; }
 .mission-price-grid b { font-size:34px; }
 .mission-time { flex-direction:column; gap:18px; padding:20px 0; }
 .mission-time b { font-size:42px; }
 .mission-time p { max-width:none; }
 .mission-price-note { align-items:flex-start; gap:12px; }
 .mission-price-note .secondary { flex-shrink:0; font-size:10px; }
 .active-mission-crew { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 20px 20px; gap:12px; }
}