:root{
  --bg:#0f1420; --ink:#e8e3d3; --muted:#9aa3b2;
  --ember:#ff7a3c; --gold:#ffcf6b; --line:#27314a; --code:#0c1220;
}
*{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100% }
body{
  margin:0;
  background:radial-gradient(1100px 560px at 50% -8%, #1b2440 0%, var(--bg) 60%);
  color:var(--ink);
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.wrap{ max-width:720px; margin:0 auto; padding:2.2rem 1.2rem 3rem }

h1{ font-size:clamp(1.5rem, 5.6vw, 2rem); margin:.6rem 0 .3rem; letter-spacing:.3px;
  line-height:1.15; text-wrap:balance; overflow-wrap:break-word }
h2{ font-size:1.15rem; margin:2rem 0 .4rem; color:var(--gold) }
p{ margin:.6rem 0 }
strong{ color:#fff }
a{ color:var(--ember); text-decoration:none }
a:hover{ text-decoration:underline }
ul{ padding-left:1.1rem } li{ margin:.3rem 0 }
hr{ border:0; border-top:1px solid var(--line); margin:2.2rem 0 }

code{ background:var(--code); border:1px solid var(--line); border-radius:5px;
  padding:.1em .35em; font-size:.92em }
pre{ background:var(--code); border:1px solid var(--line); border-radius:10px;
  padding:1rem; overflow-x:auto }
pre code{ background:none; border:0; padding:0 }

/* The all-emoji hero mosaic — kept on a strict monospace grid. */
.mural{
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",monospace;
  font-size:clamp(15px, 5vw, 34px);
  line-height:1.04; letter-spacing:0; text-align:center; white-space:pre;
  background:#0b0f1a; border:1px solid var(--line); border-radius:14px;
  padding:.9rem .25rem; margin:0 0 1.4rem; overflow-x:auto;
}

.foot{ margin-top:3rem; padding-top:1.2rem; border-top:1px solid var(--line);
  color:var(--muted); font-size:.9rem; text-align:center }

/* version line + badge under the title */
.ver-line{ color:var(--muted); font-size:.92rem; margin:.1rem 0 1.1rem; letter-spacing:.3px }
.ver{ display:inline-block; font-weight:700; letter-spacing:.6px; color:var(--gold);
  border:1px solid var(--line); background:var(--code); border-radius:999px;
  padding:.08rem .55rem; font-size:.8rem; vertical-align:middle }
/* inline command hints in prose */
kbd{ background:var(--code); border:1px solid var(--line); border-radius:5px;
  padding:.05em .35em; font-size:.9em; color:var(--gold) }
/* alpha-quality notice — clean caution-yellow box (construction signs in the text) */
.alpha{ background:#f4c20d; color:#1c1400; padding:.85rem 1.05rem; margin:1.3rem 0;
  border-radius:8px; font-size:.95rem; line-height:1.55; }
.alpha strong{ color:#000 }
.alpha em{ color:#3a2a00; font-style:normal; font-weight:600 }
.alpha a{ color:#5a3d00; text-decoration:underline }