/* Dämmer-Look (wie ein alter Handheld-Bildschirm): dunkle Oliv-/Schiefertöne, schlichte Pixelrahmen statt bunter
   Comic-Kästen. Liegt als letzte Schicht über allen anderen Stylesheets und biegt nur Farben und Rahmen um. */
:root {
  --bg: #141a17; --panel: #222e28; --panel-edge: #5c7258; --edge: #5c7258;
  --text: #cfd3b2; --muted: #8a9a78; --accent: #b8c09a; --danger: #a8553c;
  --leather: #26322b; --leather-dark: #161d19; --leather-light: #34443a;
  --parch: #b9bf9c; --parch-dark: #a7ae8a; --parch-edge: #7e8a6a;
  --ink: #18201b; --ink-soft: #3e5444; --rubric: #7a3a28; --gilt: #8a9a72;
  --ink-line: #0e1210; --caption: #a9b088;
  --good: #7fa060; --bad: #b0553c;
}
body { background: var(--bg); color: var(--text); }

/* Seiten: flaches, gedecktes Pergament ohne Glanz */
.page, .book, .card, .modal-card { background: var(--parch) !important; color: var(--ink); }
.leather, header, nav, .turnbar .bar { background: var(--leather) !important; }

/* Rahmen wie die Kacheln im Vorbild: dünne helle Linie, dunkler Abstand, keine schrägen Comic-Schatten */
.panel, .modal-card, .hud-menu, .town, .feed-item, .turnbar .bar, .turnbar .hud-btn, .pk-box, .card {
  outline: 2px solid var(--parch-edge) !important; outline-offset: -5px; box-shadow: 0 0 0 3px var(--ink-line) !important; border-radius: 2px !important;
}
.panel.book, .modal-card { box-shadow: 0 0 0 3px var(--ink-line), 6px 6px 0 rgba(0,0,0,.5) !important; }

/* Knöpfe: flach, eckig, ruhig */
button, .avatar-btn, .slot {
  background: var(--parch-dark); color: var(--ink); border: 2px solid var(--ink-line) !important; border-radius: 2px;
  box-shadow: 2px 2px 0 var(--ink-line); }
button:hover:not(:disabled) { transform: translate(-1px, -1px); }
button.primary, button.active, .subtabs button.active { background: var(--ink-soft) !important; color: var(--parch) !important; }
nav button, button.ghost { background: transparent; color: var(--text); }

/* Kampf- und Dialogboxen (früher Pokémon-weiß) */
.pk-box { background: #c3c8a6 !important; color: var(--ink) !important; }
.pk-info small, .pk-box small { color: #3e5444 !important; }
.feed-item, .ptoast, .toast { background: var(--caption) !important; color: var(--ink) !important; }

/* Lebensbalken und XP in der Palette, Gefahr bleibt deutlich */
.hpbar i { background: #7fa060; } .hpbar i.mid { background: #c0a050; } .hpbar i.low { background: #b0553c; }
.xpbar i { background: #6a8aa0 !important; }

/* Figuren im Kampf heben sich mit heller Kontur vom dunklen Boden ab */
.bt-unit img, .pb-unit img { filter: drop-shadow(2px 0 0 #c3c8a6) drop-shadow(-2px 0 0 #c3c8a6) drop-shadow(0 2px 0 #c3c8a6) drop-shadow(0 -2px 0 #c3c8a6) !important; }

/* Alles eckig bis spitz statt rund */
*, *::before, *::after { border-radius: 0 !important; }