/* miso — self-contained styles. faithful to the original terminal look. */
* { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }

body {
  color: #1a1d21;
  background-color: #cdd7e1;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  line-height: 1.7;
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: #b06a3b; }
a.active { font-weight: 700; text-decoration: none; }

h2, h3, h4 { font-size: 10px; font-weight: 700; letter-spacing: 0; margin: 0; }

pre { font-family: inherit; white-space: pre; overflow-x: auto; }

/* size + weight tokens (match original) */
.t8  { font-size: 8px; }
.t9  { font-size: 9px; }
.t10, .t11 { font-size: 10px; font-weight: 700; }
.t13 { font-size: 12px; }

/* color tokens */
.muted  { color: #7a8694; }
.orange { color: #b06a3b; }
.steel  { color: #4a6d8c; }

/* vertical rhythm */
.stack > * + *    { margin-top: 10px; }
.stack-sm > * + * { margin-top: 4px; }
.stack-lg > * + * { margin-top: 20px; }

/* code block (match original) */
.code { white-space: pre; border-left: 1px solid #1a1d21; padding: 6px 10px; font-size: 8px; overflow-x: auto; }
.code .c { color: #7a8694; }  /* comment */
.code .k { color: #4a6d8c; }  /* keyword */
.code .n { color: #b06a3b; }  /* name    */

/* layout shell */
.wrap { padding: 16px; max-width: 640px; position: relative; }
.corner { position: absolute; top: 16px; right: 16px; }
.logo { display: block; text-decoration: none; }
.logo { width: max-content; }
.logo img { width: 132px; height: auto; image-rendering: pixelated; display: block; }

/* the interactive "room" on the home page (you are the hand) */
.room { width: 100%; max-width: 560px; height: 220px; display: block; image-rendering: pixelated; background: #15171b; border: 1px solid #1a1d21; border-radius: 4px; cursor: crosshair; touch-action: none; }

/* the live arena canvas on /pounce */
.arena { width: 100%; max-width: 420px; height: 200px; display: block; image-rendering: pixelated; background: #c3cedb; border: 1px solid #1a1d21; }

/* simple table for the graveyard / log rows */
.rows { white-space: pre; overflow-x: auto; font-size: 8px; }