:root{
  --bg:#0b0d10;--panel:#13161a;--ink:#e6edf3;--muted:#9aa7b2;
  --accent:#5cb85c;--warn:#f0ad4e;--danger:#d9534f;--link:#5bc0de;
  --border:#1e2329;--well:#0f1216;--focus:#5bc0de
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.brand h1{font-size:20px;margin:0}
.brand small{display:block}
.muted{color:var(--muted)}
.topnav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.topnav a{padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--well)}
.topnav a[aria-current="page"]{outline:2px solid var(--link)}
.badge{display:inline-block;padding:2px 6px;border-radius:999px;border:1px solid var(--border);margin-left:8px;color:var(--muted)}
.row{display:flex;gap:12px}
.col{flex:1;min-width:0}
.side{max-width:420px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}
#log{min-height:120px;height:48vh;overflow:auto;white-space:pre-wrap;background:var(--well);border:1px solid var(--border);border-radius:8px;padding:8px}
#map{white-space:pre;background:var(--well);border-radius:6px;padding:8px;line-height:1;font-family:ui-monospace,Consolas,Menlo,monospace}
/* Emphasized input */
#input{width:100%;padding:12px 14px;border-radius:10px;border:2px solid #2a3139;background:#0f1416;color:var(--ink);margin-top:8px;font-size:16px;box-shadow:0 0 0 2px rgba(91,192,222,0)}
#input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px rgba(91,192,222,.25)}
#seedline{margin-top:6px;color:var(--muted);font-size:13px}
/* Command pad 3x5 */
.cmd-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.cmd-pad button{font-weight:600;color:#fff;border:none;min-height:44px}
/* Color-coding */
.cmd-pad button[data-ui="north"],
.cmd-pad button[data-ui="south"],
.cmd-pad button[data-ui="east"],
.cmd-pad button[data-ui="west"]{background:#1a3d7c}       /* movement = blue */
.cmd-pad button[data-ui="rest"],
.cmd-pad button[data-ui="forage"],
.cmd-pad button[data-ui="craft"],
.cmd-pad button[data-ui="takeall"]{background:#2e5c2e}    /* survival/crafting = green */
.cmd-pad button[data-ui="help"],
.cmd-pad button[data-ui="seed"],
.cmd-pad button[data-ui="map"]{background:#5c3d2e}        /* info/utility = brown */
.cmd-pad button[data-ui="export"],
.cmd-pad button[data-ui="import"],
.cmd-pad button[data-ui="stats"]{background:#7c1a1a}      /* system/meta = red */

/* Footer */
footer{margin-top:10px;color:var(--muted);font-size:13px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
footer .spacer{flex:1}
kbd{padding:1px 6px;border:1px solid #2a3139;border-radius:6px;background:#101419}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript-warn{display:none;color:#fff;background:#7a1c1c;padding:8px;border-radius:6px}
.doc .codeblock{white-space:pre-wrap;background:var(--well);padding:8px;border-radius:8px;border:1px solid var(--border)}
table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--border);padding:6px;text-align:left;vertical-align:top}th{background:#0f1419}
tbody tr:nth-child(odd){background:#0e1115}
.toc{margin:0 0 8px 16px}
.alert{border:1px solid #f0ad4e;background:#332b14;color:#f0ad4e;border-radius:8px;padding:8px;margin-bottom:8px}
.ok{border:1px solid #3b8c3b;background:#122212;color:#6ad36a;border-radius:8px;padding:8px;margin-bottom:8px}
/* Mobile */
@media (max-width: 768px) {
  .wrap { padding: 12px; }
  .row { flex-direction: column; gap: 10px; }
  .side { max-width: none; }
  header { align-items: flex-start; gap: 8px; }
  .topnav a { padding: 8px 10px; }
  .badge { display: block; margin-left: 0; margin-top: 6px; }
  #map { font-size: 12px; line-height: 1; padding: 6px; overflow-x: auto; }
  #log { min-height: 100px; height: 36vh; }
  .cmd-pad { position: sticky; bottom: env(safe-area-inset-bottom); background: var(--panel);
             border: 1px solid var(--border); border-radius: 10px; padding: 8px; z-index: 10; }
  #input { position: sticky; bottom: calc(env(safe-area-inset-bottom) + 8px); background: var(--well); z-index: 11; }
  #seedline { position: sticky; bottom: calc(env(safe-area-inset-bottom) + 0px); z-index: 11; background: var(--panel); padding: 4px 6px; border-radius: 6px; }
  footer { font-size: 12px; gap: 8px; }
}
@media (max-width: 360px) { #map { font-size: 11px; } }
body { padding-bottom: env(safe-area-inset-bottom); }

/* Overrides for v0.00.08 */
.cmd-pad button[data-ui="inventory"]{background:#2e5c2e} /* inventory = green */
.cmd-pad button[data-ui="eat"]{background:#2e5c2e}       /* eat = green */