@font-face { font-family: "Comic Neue"; src: url("/static/fonts/ComicNeue-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Comic Neue"; src: url("/static/fonts/ComicNeue-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Comic Neue"; src: url("/static/fonts/ComicNeue-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  --ink: #2b1d12;
  --paper: #efe3c6;
  --paper-dark: #d9c89f;
  --stamp: #b23a3a;
  --wood: #5a3b22;
  --bg: #1a1410;
  --accent: #e9b949;
  --font: "Comic Neue", "Comic Sans MS", "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--font); color: var(--ink); background: var(--bg); min-height: 100vh; }
a { color: inherit; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
.plain-wrap { max-width: 640px; margin: 10vh auto; padding: 2rem; background: var(--paper); border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,.5); }