/* LAND desk — measure current main. Original Commons pixels only.
   Not SALVAGE: no shop scene, no player room. A ledger the phone can read. */

:root{
  --land-ink:#f4edd8;
  --land-dim:#a9a092;
  --land-gold:#e7b84f;
  --land-ok:#7dcea0;
  --land-wait:#e0b15a;
  --land-stop:#d9785c;
  --land-line:#3b3540;
  --land-panel:#111219;
}

body.land-site{
  max-width:46rem;
  margin:0 auto;
  padding:1rem 1.25rem 3rem;
  color:var(--land-ink);
  background:
    radial-gradient(circle at 8% -12rem,#1a2238 0,transparent 28rem),
    #090a10;
}
body.land-site:has(#say){max-width:46rem}

.land-mast{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:end;
  margin:1.4rem 0 .8rem;
}
.land-mast h1{
  font:800 clamp(2rem,9vw,4.6rem)/.88 ui-monospace,Menlo,monospace;
  letter-spacing:-.08em;margin:0;
}
.land-mast p{max-width:32rem;margin:.35rem 0 0;color:var(--land-dim)}
.desk-tag{
  display:inline-flex;align-items:center;
  border:1px solid #6e5733;background:#1c1711;color:#f2cc73;
  padding:.42rem .65rem;font:700 .78rem/1.2 ui-monospace,Menlo,monospace;
  text-transform:uppercase;letter-spacing:.08em;
}

.sha-block{
  border:1px solid var(--land-line);
  background:linear-gradient(160deg,#15151d,#0d0e14);
  padding:.9rem 1rem 1rem;
  margin:1rem 0;
}
.sha-block span{
  display:block;color:#9e8b65;font:700 .72rem/1.2 ui-monospace,Menlo,monospace;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;
}
.sha-block code{
  display:block;font:800 clamp(.92rem,3.4vw,1.15rem)/1.35 ui-monospace,Menlo,monospace;
  color:#ffe19a;word-break:break-all;
}
.sha-block .sha-note{margin:.55rem 0 0;color:var(--land-dim);font-size:.86rem}

.challenge-plaque{
  border:1px solid #806839;
  background:linear-gradient(135deg,#241c11,#110f0d 70%);
  color:#f2d48c;
  padding:1rem 1.15rem;
  margin:1rem 0;
  box-shadow:inset 0 0 0 3px #100d09;
}
.challenge-plaque[data-state="QUARANTINED"]{
  border-color:#5a3a38;
  background:linear-gradient(135deg,#1c1212,#0e0c0c 70%);
  color:#d7b8b0;
}
.challenge-plaque .state{
  display:block;font:800 clamp(1.4rem,6vw,2.4rem)/.9 ui-monospace,Menlo,monospace;
  letter-spacing:-.04em;margin:.15rem 0 .45rem;
}
.challenge-plaque[data-state="ACTIVE"] .state{color:#ffe19a}
.challenge-plaque[data-state="QUARANTINED"] .state{color:#ffb3a4}
.challenge-plaque p{margin:.3rem 0;font:.88rem/1.5 ui-monospace,Menlo,monospace}
.challenge-plaque a{color:#f2cc73}

.measure-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.55rem;
  align-items:end;
  margin:.7rem 0;
}
.measure-row label{display:block;margin:0}
.measure-row input{width:100%}
.measure-row button{white-space:nowrap}

.result-card{
  border:1px solid var(--land-line);
  background:#101118;
  padding:.75rem .9rem;
  margin:.6rem 0 1rem;
  font:.86rem/1.45 ui-monospace,Menlo,monospace;
}
.result-card b{display:block;margin-bottom:.25rem;letter-spacing:.04em}
.result-card[data-tone="ok"] b{color:var(--land-ok)}
.result-card[data-tone="wait"] b{color:var(--land-wait)}
.result-card[data-tone="stop"] b{color:var(--land-stop)}
.result-card p{margin:.2rem 0;color:#d3cabc}

.pr-list{list-style:none;padding:0;margin:.4rem 0 1.2rem}
.pr-list li{
  border-top:1px solid var(--land-line);
  padding:.7rem 0;
}
.pr-list .st{
  display:inline-block;margin-right:.4rem;
  font:800 .72rem/1 ui-monospace,Menlo,monospace;
  letter-spacing:.06em;
}
.pr-list .st-PR_OPEN,.pr-list .st-CLAIMED,.pr-list .st-CANDIDATE{color:var(--land-wait)}
.pr-list .st-INTEGRATED,.pr-list .st-DURABLE_ON_MAIN{color:var(--land-ok)}
.pr-list .st-SUPERSEDED,.pr-list .st-NOT_LANDED,.pr-list .st-CARRIER_ONLY{color:var(--land-stop)}
.pr-list .st-PAGE_PENDING,.pr-list .st-PUSHED_BRANCH{color:#9ec0e6}
.pr-list a{color:#f2cc73}
.pr-note{display:block;margin-top:.25rem;color:var(--land-dim);font-size:.8rem}

.template-bar{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}
.template-bar button{font-size:.82rem;border-color:#5e4a2d;background:#1a1510;color:#efd084}
.template-bar button:hover{background:#2a2014}
.envelope-meter{
  display:block;margin:-.25rem 0 .75rem;color:var(--land-dim);
  font:700 .76rem/1.4 ui-monospace,Menlo,monospace;
}
.envelope-meter[data-over="true"]{color:#ff987c}

body.land-site #say{max-width:46rem;margin:1.2rem 0 0}
body.land-site pre.out{white-space:pre-wrap}

@media (max-width:34rem){
  body.land-site{padding:.65rem .75rem 2rem}
  .land-mast{grid-template-columns:1fr}
  .measure-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}