/* Within Reach — legal pages. Paper on a dark warm desk, like the game. */
:root { --desk:#2d2118; --paper:#f4ead8; --ink:#2a1d14; --muted:#6b5643; --red:#b8231a; --hair:rgba(42,29,20,.14); }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background: radial-gradient(900px 600px at 50% -10%, rgba(255,190,110,.18), transparent 65%), var(--desk);
  color: var(--ink); font: 400 17px/1.7 "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.sheet { max-width: 760px; margin: 32px auto; padding: clamp(22px,5vw,48px); background: var(--paper);
  box-shadow: 0 18px 50px rgba(0,0,0,.45); border-radius: 3px; }
.top { display:flex; align-items:center; gap:12px; margin-bottom: 8px; }
.top img { width:44px; height:44px; border-radius:10px; }
.top b { font-family: "Fira Sans Extra Condensed", "Avenir Next Condensed", sans-serif; font-size: 22px; letter-spacing:.2px; }
.top nav { margin-left:auto; font-size:14px; }
h1 { font-family: "Fira Sans Extra Condensed", "Avenir Next Condensed", sans-serif; font-weight: 800; font-size: clamp(30px,6vw,42px); margin: 18px 0 2px; }
.stamp { display:inline-block; color: var(--red); border: 2px solid var(--red); padding: 1px 8px; font: 600 13px/1.6 "IBM Plex Mono", ui-monospace, monospace; transform: rotate(-1.5deg); margin: 4px 0 18px; }
h2 { font-family: "Fira Sans Extra Condensed", "Avenir Next Condensed", sans-serif; font-weight: 700; font-size: 22px; margin: 28px 0 6px; padding-top: 10px; border-top: 1px dashed var(--hair); }
.short { background: #fff8e8; border-left: 4px solid var(--red); padding: 12px 16px; margin: 10px 0 8px; }
a { color: var(--red); }
ul { padding-left: 22px; }
footer { color: var(--muted); font-size: 14px; margin-top: 28px; }
@media (prefers-color-scheme: dark) { .sheet { box-shadow: 0 18px 50px rgba(0,0,0,.6); } }