.desk-mission{overflow:hidden}
.mission-paper{min-width:0}
.mission-paper h2,.mission-paper p{overflow-wrap:anywhere}

/* Artwork is evidence: frame the complete composition, never crop it. */
.pond-desk{min-height:0}
.desk-grid{height:auto;min-height:0;align-items:start}
.frog-shelf,.main-frog-card,.desk-mission,.desk-activity{align-self:start}
.main-frog-art{display:grid;place-items:center;flex:none;aspect-ratio:1;padding:8px;background:radial-gradient(circle at 50% 42%,rgba(195,245,60,.13),transparent 58%),#05040b}
.main-frog-art img{width:100%;height:100%;object-fit:contain;object-position:center;background:#05040b}
.owned-frog-strip img,.desk-feed img{object-fit:contain;object-position:center;background:#05040b}
.frog-shelf-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.frog-shelf-filters[hidden]{display:none}
.frog-shelf-filters button{min-height:48px;padding:8px 6px;border:0;border-right:1px solid var(--line);color:var(--muted);font:900 1rem/1.2 "Courier New",monospace;text-transform:uppercase;background:#080611;cursor:pointer}
.frog-shelf-filters button:last-child{border-right:0}
.frog-shelf-filters button.is-active{color:var(--ink);background:var(--lime)}
.frog-shelf-filters b{font:inherit}
.owned-frog-strip button.is-out{border-color:var(--pink)}
.frog-mission-sticker{display:inline-block;margin-top:7px;padding:4px 7px;color:var(--cream);font:900 1rem/1.2 "Courier New",monospace;font-style:normal;text-transform:uppercase;background:var(--pink);box-shadow:2px 2px 0 var(--cream)}
.field-frog img,.latest-volunteer>img,.pond-call-card img,.feed-card img,.record-art img,.adventure-cards img,.dispatch-selected img,.dispatch-feed img,.dispatch-art img{object-fit:contain;object-position:center;background:#05040b}
.field-frog:hover img,.progress-grid article:hover img{transform:none}
.main-frog-art:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,244,211,.2);pointer-events:none}
.desk-wallet-gate{display:none;min-height:560px;padding:24px;place-content:center;place-items:center;gap:14px;text-align:center;background:#080611}
.main-frog-card.is-wallet-locked .desk-wallet-gate{display:grid}
.main-frog-card.is-wallet-locked .main-frog-art,.main-frog-card.is-wallet-locked .main-frog-copy{display:none}
.desk-wallet-gate img{width:min(180px,50%);height:auto;object-fit:contain}
.desk-wallet-gate strong{color:var(--cream);font:900 clamp(2rem,3vw,3.25rem)/.95 Impact,sans-serif;text-transform:uppercase}
.desk-wallet-gate p{max-width:32ch;margin:0;color:var(--muted);font:1.1875rem/1.5 Georgia,serif}
.desk-wallet-gate button{min-height:54px;padding:12px 22px;border:3px solid var(--ink);color:var(--ink);font:900 1rem/1.3 "Courier New",monospace;text-transform:uppercase;background:var(--lime);box-shadow:4px 4px 0 var(--pink);cursor:pointer}
.desk-wallet-gate button[hidden]{display:none}
.wallet-mobile-help[hidden],.wallet-address-fallback[hidden]{display:none}
.wallet-mobile-help{width:min(340px,100%);padding:14px;border:1px dashed var(--line);text-align:center;background:rgba(255,0,122,.08)}
.wallet-mobile-help p{margin:0 0 10px;color:var(--muted);font:1rem/1.5 Georgia,serif}
.wallet-app-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.wallet-app-link{padding:10px 12px;border:2px solid var(--cream);color:var(--cream);font:800 1rem/1.3 "Courier New",monospace;text-transform:uppercase;text-decoration:none;background:transparent}
.wallet-app-link:hover{border-color:var(--lime);color:var(--ink);background:var(--lime)}
.wallet-address-fallback{width:min(340px,100%);margin-top:6px}
.wallet-address-fallback label{display:block;margin-bottom:6px;color:var(--muted);font:800 1rem/1.3 "Courier New",monospace;text-transform:uppercase;text-align:left}
.wallet-address-fallback>div{display:flex;gap:6px}
.wallet-address-fallback input{flex:1;min-width:0;padding:10px 8px;border:2px solid var(--cream);color:var(--cream);font:900 1rem "Courier New",monospace;background:var(--night)}
.wallet-address-fallback button{padding:10px 12px;border:2px solid var(--pink);color:var(--cream);font:900 1rem/1.3 "Courier New",monospace;text-transform:uppercase;background:var(--pink);cursor:pointer;white-space:nowrap}
.wallet-address-fallback small{display:block;margin-top:6px;color:var(--muted);font:1rem/1.45 Georgia,serif;text-align:left}

/* Readability pass: compact does not mean microscopic. */
.desk-topbar small,.desk-topbar>p{font-size:.7rem;line-height:1.35}
.desk-topbar>p strong{font-size:.88rem}
.desk-topbar>button{min-height:40px;font-size:.68rem}
.desk-panel-head{min-height:50px;padding:10px 12px}
.desk-panel-head span,.desk-panel-head strong{font-size:.68rem;line-height:1.25}
.owned-frog-strip{gap:7px;padding:8px}
.owned-frog-strip button{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:6px}
.owned-frog-strip img{width:58px;height:58px}
.owned-frog-strip small{font-size:.64rem}
.owned-frog-strip strong{font-size:.98rem;line-height:1.05}
.frog-shelf form{padding:11px}
.frog-shelf label{font-size:.66rem;line-height:1.35}
.frog-shelf input{min-height:40px;font-size:1rem}
.frog-shelf form button{min-height:36px;font-size:.68rem}
.main-frog-art>span,.main-frog-copy>small{font-size:.66rem}
.main-frog-copy>p{font-size:.7rem;line-height:1.35;white-space:normal}
.main-frog-copy span,.main-frog-copy a{font-size:.68rem;line-height:1.35}
.main-frog-copy span strong{font-size:.95rem}
.mission-paper small{font-size:.68rem}
.mission-paper p{font-size:1rem;line-height:1.5}
.desk-dispatch-button{min-height:48px;font-size:.76rem;line-height:1.3}
.desk-result{font-size:.9rem;line-height:1.45}
.desk-stats span{font-size:.65rem}
.desk-stats strong{font-size:1.7rem}
.desk-feed{gap:7px;padding:8px}
.desk-feed a{grid-template-columns:62px minmax(0,1fr);gap:10px}
.desk-feed img{width:62px;height:62px}
.desk-feed small{font-size:.62rem}
.desk-feed strong{font-size:1rem;line-height:1.05}
.desk-feed em{font-size:.62rem;line-height:1.25}
.desk-activity nav a{min-height:40px;padding:12px 7px;font-size:.65rem;line-height:1.25}
.mission-depth>summary span{font-size:.78rem}
.mission-depth>summary small{font-size:.66rem}

/* Wide-screen HUD: three useful work areas and one shallow activity rail. */
.missions-shell{max-width:1920px}
.desk-topbar>div>strong{font-size:1.2rem}
.desk-topbar small,.desk-topbar>p{font-size:.8rem}
.desk-topbar>p strong{font-size:1rem}
.desk-topbar>button{font-size:.8rem}
.desk-panel-head span,.desk-panel-head strong{font-size:.78rem}
.owned-frog-strip small{font-size:.72rem}
.owned-frog-strip strong{font-size:1.12rem}
.frog-shelf label{font-size:.74rem}
.frog-shelf form button{font-size:.78rem}
.main-frog-art>span,.main-frog-copy>small{font-size:.75rem}
.main-frog-copy h1{overflow:visible;font-size:clamp(2.35rem,2.8vw,3.6rem);text-overflow:clip;white-space:normal}
.main-frog-copy>p{font-size:.8rem}
.main-frog-copy span,.main-frog-copy a{font-size:.76rem}
.mission-paper small{font-size:.76rem}
.mission-paper p{font-size:1.12rem}
.desk-dispatch-button{font-size:.84rem}
.desk-result{font-size:1rem}
.desk-stats span{font-size:.74rem}
.desk-feed small,.desk-feed em{font-size:.7rem}
.desk-feed strong{font-size:1.12rem}
.desk-activity nav a{font-size:.74rem}
.mission-depth>summary span{font-size:.9rem}
.mission-depth>summary small{font-size:.74rem}
.mission-footer{padding-block:22px;font-size:.8rem}

@media(min-width:1181px){
  .desk-grid{grid-template-columns:220px minmax(290px,.88fr) minmax(360px,1.12fr) minmax(270px,.78fr)}
}

@media(min-width:1400px){
  .pond-desk{padding:16px clamp(22px,2.2vw,42px) 22px}
  .desk-topbar{min-height:64px;padding:10px 16px}
  .desk-grid{grid-template-areas:"shelf main mission" "activity activity activity";grid-template-columns:minmax(280px,.62fr) minmax(430px,.92fr) minmax(570px,1.18fr);gap:14px}
  .frog-shelf{grid-area:shelf}
  .main-frog-card{grid-area:main}
  .desk-mission{grid-area:mission}
  .desk-activity{grid-area:activity;display:grid;grid-template-columns:240px minmax(0,1fr) 440px;align-items:stretch;width:100%}
  .desk-activity .desk-panel-head{border-right:1px solid var(--line);border-bottom:0}
  .desk-activity .desk-panel-head span{display:none}
  .desk-activity .desk-panel-head strong{text-align:left}
  .desk-feed{align-content:center;min-height:92px;max-height:150px;border-right:1px solid var(--line)}
  .desk-activity nav{grid-template-columns:repeat(3,1fr);margin-top:0;border-top:0}
  .desk-activity nav a,.desk-activity nav a:last-child{display:grid;grid-column:auto;place-items:center;border-top:0;border-right:1px solid var(--line)}
  .desk-activity nav a:last-child{border-right:0}
  .owned-frog-strip button{grid-template-columns:72px minmax(0,1fr);padding:8px}
  .owned-frog-strip img{width:72px;height:72px}
  .mission-paper{padding:clamp(24px,2.2vw,40px)}
  .mission-paper h2{font-size:clamp(3.7rem,4vw,5.6rem)}
}

@media(max-width:840px){
  .desk-grid{grid-template-columns:150px minmax(0,1fr)}
}

@media(max-width:560px){
  .desk-grid{grid-template-columns:minmax(0,1fr)}
  .desk-topbar{grid-template-columns:minmax(0,1fr) auto}
  .desk-topbar>button{min-width:104px;max-width:128px;padding-inline:8px}
  .mission-paper h2{font-size:1.8rem;line-height:.9}
  .desk-dispatch-button{max-width:calc(100% - 20px);font-size:.72rem;white-space:normal}
  .main-frog-card{grid-template-columns:136px minmax(0,1fr)}
  .main-frog-art{padding:5px}
  .main-frog-art:after{inset:5px}
  .main-frog-copy{padding:12px}
  .main-frog-copy h1{font-size:1.75rem}
  .main-frog-copy>div{gap:7px}
  .owned-frog-strip strong{font-size:.92rem}
  .desk-wallet-gate{min-height:360px;padding:18px}
}

/* Arrow market controls inside the Pond Desk. */
.desk-arrow-market {
  display: grid;
  gap: 8px;
  margin: 0 10px 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.desk-buy-arrows,
[data-buy-arrows] {
  min-height: 44px;
  padding: 10px 14px;
  border: 2px solid var(--pink);
  color: var(--cream);
  font: 900 0.8rem/1.3 "Courier New", monospace;
  text-transform: uppercase;
  background: rgba(255, 0, 122, 0.12);
  cursor: pointer;
  transition: transform 0.15s, background-color 0.15s;
}
.desk-buy-arrows:hover,
[data-buy-arrows]:hover {
  transform: translate(-2px, -2px);
  background: rgba(255, 0, 122, 0.22);
}
.desk-buy-arrows:disabled,
[data-buy-arrows]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
[data-buy-arrows-status],
.desk-arrow-status {
  margin: 0;
  color: var(--muted);
  font: 0.78rem/1.4 "Courier New", monospace;
  text-align: center;
}

/* Accessible HUD type scale. Nothing meaningful renders below 16px. */
.pond-desk{
  --hud-label:1rem;
  --hud-body:1.1875rem;
  --hud-action:1rem;
}
.desk-topbar>div>strong{font-size:1.35rem;line-height:1}
.desk-topbar small{display:none}
.desk-topbar>p{font-size:var(--hud-label);line-height:1.4}
.desk-topbar>p strong{font-size:1.125rem}
.desk-topbar>button{min-height:48px;font-size:var(--hud-action)}
.desk-panel-head{min-height:58px;padding:13px 15px}
.desk-panel-head span,.desk-panel-head strong{font-size:var(--hud-label);line-height:1.3}
.owned-frog-strip>p,.desk-feed>p{font-size:var(--hud-body);line-height:1.5}
.owned-frog-strip small{font-size:var(--hud-label);line-height:1.25}
.owned-frog-strip small,.owned-frog-strip strong{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.owned-frog-strip strong{font-size:1.35rem;line-height:1.1}
.frog-shelf label{font-size:var(--hud-label);line-height:1.4}
.frog-shelf input{min-height:48px;font-size:1.125rem}
.frog-shelf form button{min-height:44px;font-size:var(--hud-action)}
.main-frog-art>span,.main-frog-copy>small{font-size:var(--hud-label);line-height:1.25}
.main-frog-copy>p{font-size:var(--hud-label);line-height:1.45}
.main-frog-copy span,.main-frog-copy a{font-size:var(--hud-label);line-height:1.4}
.main-frog-copy span strong{font-size:1.25rem}
.mission-paper small{font-size:var(--hud-label);line-height:1.3}
.mission-paper p{font-size:var(--hud-body);line-height:1.55}
.desk-dispatch-button{min-height:54px;font-size:var(--hud-action);line-height:1.35;white-space:normal}
.desk-result{font-size:var(--hud-body);line-height:1.5}
.mission-share-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0 12px 12px;padding:10px 14px;border:3px solid var(--cream);color:var(--cream);font:900 var(--hud-action)/1.3 "Courier New",monospace;text-align:center;text-transform:uppercase;background:var(--pink);box-shadow:4px 4px 0 var(--lime)}
.mission-share-button[hidden]{display:none}
.desk-stats span{font-size:var(--hud-label);line-height:1.3}
.desk-stats strong{font-size:2rem}
.desk-feed small,.desk-feed em{font-size:var(--hud-label);line-height:1.3;white-space:normal}
.desk-feed strong{font-size:1.35rem;line-height:1.1;white-space:normal}
.desk-activity nav a{min-height:52px;font-size:var(--hud-action);line-height:1.3}
.mission-depth>summary{min-height:60px}
.mission-depth>summary span,.mission-depth>summary small{font-size:1rem;line-height:1.4}
.mission-footer{display:none}
.missions-shell .site-nav nav a,.missions-shell .nav-actions a{font-size:1rem}

@media(max-width:840px){
  .desk-grid{grid-template-columns:minmax(0,1fr)}
  .main-frog-card{order:1}
  .desk-mission{order:2;grid-column:auto}
  .frog-shelf{order:3}
  .desk-panel-head span,.desk-panel-head strong,
  .owned-frog-strip small,.frog-shelf label,.main-frog-art>span,
  .main-frog-copy>small,.main-frog-copy>p,.main-frog-copy span,
  .main-frog-copy a,.mission-paper small,.desk-stats span,
  .desk-feed small,.desk-feed em,.desk-activity nav a,
  .mission-depth>summary span{font-size:1rem}
}

@media(min-width:841px) and (max-width:1199px){
  .desk-grid{grid-template-areas:"shelf shelf" "main mission";grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:14px}
  .frog-shelf{grid-area:shelf;display:grid;grid-template-columns:180px 280px minmax(0,1fr);align-items:stretch}
  .frog-shelf>.desk-panel-head{border-right:1px solid var(--line);border-bottom:0}
  .frog-shelf-filters{border-right:1px solid var(--line);border-bottom:0}
  .owned-frog-strip{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  .owned-frog-strip button{grid-template-columns:58px minmax(0,1fr)}
  .main-frog-card{grid-area:main}
  .desk-mission{grid-area:mission;grid-column:auto}
  .desk-activity{display:none}
}

/* The optional full board uses the same readable type floor as the Pool Desk. */
.mission-depth-content small,
.mission-depth-content label,
.mission-depth-content button,
.mission-depth-content em,
.mission-depth-content span,
.mission-depth-content .eyebrow,
.mission-depth-content .text-action,
.mission-depth-content .command-bar strong,
.mission-depth-content .dispatch-explainer strong,
.mission-depth-content .dispatch-console-status,
.mission-depth-content .pond-call-status,
.mission-depth-content .pond-call-note,
.mission-depth-content .dispatch-feed>p,
.mission-depth-content .empty-call span{
  font-size:1rem!important;
  line-height:1.4;
}

.mission-depth-content p,
.mission-depth-content .command-bar nav a,
.mission-depth-content .adventure-cards strong,
.mission-depth-content .ledger-state strong,
.mission-depth-content .empty-feed a,
.mission-depth-content .dispatch-cycle strong{
  font-size:1rem!important;
  line-height:1.5;
}

.mission-depth-content button,
.mission-depth-content .text-action,
.mission-depth-content .command-bar nav a{
  min-height:44px;
}

.missions-shell .mobile-quick-nav a,
body:has(.missions-shell) .music-mini-control{
  font-size:1rem;
}

/* Graceful handling for large frog collections on the Pool Desk. */
.frog-shelf {
  min-height: 0;
  overflow: hidden;
}
.owned-frog-strip {
  overflow-y: auto;
  scrollbar-width: thin;
}
.owned-frog-strip button {
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 8px;
  padding: 5px;
}
.owned-frog-strip img {
  width: 52px;
  height: 52px;
}
.owned-frog-strip strong {
  font-size: 1rem;
  line-height: 1.1;
}
.owned-frog-strip small {
  font-size: 1rem;
}

@media (min-width: 1181px) {
  .frog-shelf {
    height: min(720px, calc(100svh - 160px));
  }
  .owned-frog-strip {
    gap: 5px;
  }
}

@media (min-width: 1400px) {
  .frog-shelf {
    height: min(720px, calc(100svh - 160px));
  }
  .owned-frog-strip button {
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 6px;
  }
  .owned-frog-strip img {
    width: 56px;
    height: 56px;
  }
  .owned-frog-strip strong {
    font-size: 1rem;
  }
}

/* Mobile: keep the shelf compact and scrollable so dozens of frogs don't bury the desk. */
@media (max-width: 840px) {
  .frog-shelf {
    max-height: 360px;
    overflow: hidden;
  }
  .owned-frog-strip {
    max-height: 320px;
    overflow-y: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .owned-frog-strip button {
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 5px;
  }
  .owned-frog-strip img {
    width: 46px;
    height: 46px;
  }
}

@media (max-width: 560px) {
  .frog-shelf {
    max-height: 300px;
  }
  .owned-frog-strip {
    max-height: 260px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 6px;
  }
  .owned-frog-strip button span {
    padding: 4px;
  }
  .owned-frog-strip strong {
    font-size: 1rem;
  }
}

/* First-visit Mission briefing. It explains the loop without hiding the art. */
.mission-onboarding[hidden]{display:none}
.mission-onboarding{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(5,4,11,.84);backdrop-filter:blur(8px)}
.mission-onboarding-card{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 24px;width:min(820px,100%);max-height:calc(100svh - 32px);overflow:auto;padding:30px;border:4px solid var(--cream);color:var(--cream);background:radial-gradient(circle at 12% 14%,rgba(195,245,60,.18),transparent 26%),var(--night);box-shadow:12px 14px 0 var(--pink)}
.mission-onboarding-card>img{grid-row:1/6;width:150px;height:150px;object-fit:contain;border:3px solid var(--cream);background:var(--lime)}
.mission-onboarding-card>.eyebrow{margin:0;font-size:1rem}
.mission-onboarding-card h2{max-width:620px;margin:0;font:clamp(2.6rem,5vw,4.8rem)/.88 Impact,sans-serif;text-transform:uppercase}
.mission-onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.mission-onboarding-steps>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px;border:1px solid var(--line);background:#080611}
.mission-onboarding-steps b{color:var(--pink);font:900 2rem/1 Impact,sans-serif}
.mission-onboarding-steps span,.mission-onboarding-steps strong,.mission-onboarding-steps small{display:block}
.mission-onboarding-steps strong{font:900 1.1rem/1.2 "Courier New",monospace;text-transform:uppercase}
.mission-onboarding-steps small{margin-top:5px;color:var(--muted);font:1rem/1.4 Georgia,serif}
.mission-onboarding-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.mission-onboarding-actions button{min-height:52px;padding:12px 18px;border:3px solid var(--cream);color:var(--cream);font:900 1rem/1.3 "Courier New",monospace;text-transform:uppercase;background:transparent;cursor:pointer}
.mission-onboarding-actions button:first-child{border-color:var(--lime);color:var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--pink)}
.mission-onboarding-card>p:last-child{margin:0;color:var(--muted);font:1rem/1.5 Georgia,serif}
.mission-onboarding-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:2px solid var(--cream);color:var(--cream);font:900 1.5rem/1 sans-serif;background:#080611;cursor:pointer}
body.has-mission-onboarding{overflow:hidden}
@media(max-width:680px){.mission-onboarding{padding:12px}.mission-onboarding-card{display:block;padding:22px 18px 24px;box-shadow:7px 8px 0 var(--pink)}.mission-onboarding-card>img{width:88px;height:88px;margin-bottom:16px}.mission-onboarding-card h2{margin-top:8px;font-size:clamp(2.2rem,11vw,3.4rem)}.mission-onboarding-steps{grid-template-columns:1fr}.mission-onboarding-actions{display:grid}.mission-onboarding-actions button{width:100%}}

/* Disconnected mobile state occupies the whole card, not the old image column. */
@media (max-width: 560px) {
  .main-frog-card.is-wallet-locked { display:block; min-height:460px; }
  .main-frog-card.is-wallet-locked .desk-wallet-gate { width:100%; min-width:0; min-height:460px; padding:24px 18px; }
  .wallet-address-fallback { width:100%; }
  .wallet-address-fallback>div { display:grid; grid-template-columns:minmax(0,1fr); }
}

/* Permanent Mission rules and failed-burn recovery. */
.desk-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.desk-topbar-actions button{min-height:48px;padding:10px 14px;border:2px solid var(--cream);color:var(--cream);font:900 1rem/1.25 "Courier New",monospace;text-transform:uppercase;background:transparent;cursor:pointer}
.desk-topbar-actions button[data-connect-wallet]{border-color:var(--lime);color:var(--ink);background:var(--lime)}
.desk-help-button:hover,.desk-help-button:focus-visible{border-color:var(--pink);background:rgba(255,0,122,.16)}
.mission-help[hidden]{display:none}
.mission-help{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:22px;background:rgba(5,4,11,.88);backdrop-filter:blur(8px)}
.mission-help-panel{width:min(1120px,100%);max-height:calc(100svh - 28px);overflow:auto;border:4px solid var(--cream);color:var(--cream);background:radial-gradient(circle at 90% 6%,rgba(255,0,122,.16),transparent 28%),var(--night);box-shadow:12px 14px 0 var(--lime)}
.mission-help-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:2px solid var(--cream);background:#080611}
.mission-help-panel>header p{margin:0 0 7px;color:var(--lime);font:900 1rem/1.3 "Courier New",monospace;text-transform:uppercase}
.mission-help-panel h2{margin:0;font:clamp(2.4rem,5vw,4.6rem)/.88 Impact,sans-serif;text-transform:uppercase}
.mission-help-panel>header button{flex:0 0 48px;width:48px;height:48px;border:2px solid var(--cream);color:var(--cream);font:900 1.6rem/1 sans-serif;background:transparent;cursor:pointer}
.mission-help-intro{display:grid;grid-template-columns:minmax(220px,.58fr) minmax(0,1.42fr);gap:22px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.mission-help-intro strong{color:var(--lime);font:900 1.5rem/1.2 "Courier New",monospace;text-transform:uppercase}
.mission-help-intro p{margin:0;color:var(--cream);font:1.1875rem/1.55 Georgia,serif}
.mission-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:2px solid var(--cream)}
.mission-help-grid article{position:relative;min-height:220px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,6,17,.66)}
.mission-help-grid article:nth-child(3n){border-right:0}
.mission-help-grid span{display:block;margin-bottom:12px;color:var(--pink);font:900 1.35rem/1 Impact,sans-serif}
.mission-help-grid h3,.arrow-recovery h3{margin:0 0 10px;font:900 1.35rem/1.15 "Courier New",monospace;text-transform:uppercase}
.mission-help-grid p,.arrow-recovery p{margin:0;color:var(--muted);font:1rem/1.55 Georgia,serif}
.mission-help-grid strong{color:var(--cream)}
.arrow-recovery{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:12px 24px;padding:24px;background:rgba(195,245,60,.06)}
.arrow-recovery>div:first-child{grid-row:1/4}
.arrow-recovery .eyebrow{margin:0 0 6px;color:var(--lime);font:900 1rem/1.3 "Courier New",monospace;text-transform:uppercase}
.arrow-recovery label{align-self:end;color:var(--cream);font:900 1rem/1.3 "Courier New",monospace;text-transform:uppercase}
.arrow-recovery-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.arrow-recovery input{min-width:0;min-height:50px;padding:11px;border:2px solid var(--cream);color:var(--cream);font:700 1rem/1.3 "Courier New",monospace;background:#05040b}
.arrow-recovery button{min-height:50px;padding:10px 16px;border:2px solid var(--lime);color:var(--ink);font:900 1rem/1.25 "Courier New",monospace;text-transform:uppercase;background:var(--lime);cursor:pointer}
.arrow-recovery button:disabled{opacity:.55;cursor:wait}
.arrow-recovery-status{min-height:1.55em;color:var(--cream)!important;font-family:"Courier New",monospace!important}
body.has-mission-help{overflow:hidden}
@media(max-width:820px){.desk-topbar{grid-template-columns:minmax(0,1fr) auto}.desk-topbar>p{display:none}.desk-topbar-actions{flex-wrap:wrap}.mission-help{padding:10px}.mission-help-panel{max-height:calc(100svh - 14px);box-shadow:6px 7px 0 var(--lime)}.mission-help-grid{grid-template-columns:1fr 1fr}.mission-help-grid article:nth-child(3n){border-right:1px solid var(--line)}.mission-help-grid article:nth-child(2n){border-right:0}.arrow-recovery{grid-template-columns:1fr}.arrow-recovery>div:first-child{grid-row:auto}.arrow-recovery-controls{grid-template-columns:1fr}}
@media(max-width:560px){.desk-topbar{display:grid;grid-template-columns:1fr}.desk-topbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.desk-topbar-actions button{width:100%;padding:9px 8px}.mission-help-panel>header{padding:18px 16px}.mission-help-panel h2{font-size:2.35rem}.mission-help-intro{grid-template-columns:1fr;padding:18px 16px}.mission-help-grid{grid-template-columns:1fr}.mission-help-grid article,.mission-help-grid article:nth-child(3n){min-height:0;border-right:0}.arrow-recovery{padding:18px 16px}}