/* half-orc.com — dark fantasy theme (shared look with flanaess.com)
   Fonts: Cinzel + EB Garamond (Google Fonts, SIL OFL — open licensed). */

:root {
  --ink:      #0e0b07;
  --ink-2:    #17120c;
  --parch:    #e7d9b5;
  --parch-dim:#b6a883;
  --gold:     #c9a45c;
  --gold-lo:  #8a6f3a;
  --ember:    #b5562a;
  --shadow:   rgba(0,0,0,.6);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; }

body {
  background:
    radial-gradient(120% 90% at 50% 0%, #241a10 0%, var(--ink-2) 38%, var(--ink) 100%);
  color: var(--parch);
  font-family: "EB Garamond", Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.wrap {
  flex: 1;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 56px 24px 40px;
}

.title {
  font-family: "Cinzel", "Trajan Pro", Georgia, serif;
  font-weight: 700;
  letter-spacing: .14em;
  font-size: clamp(2.6rem, 8vw, 5.2rem);
  color: var(--gold);
  text-shadow:
    0 1px 0 #6b5224,
    0 0 18px rgba(201,164,92,.25),
    0 4px 22px var(--shadow);
  line-height: 1.05;
}

.subtitle {
  font-style: italic;
  color: var(--parch-dim);
  letter-spacing: .04em;
  margin-top: .4rem;
  font-size: 1.15rem;
}

.rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 22px auto 30px;
  max-width: 460px;
  color: var(--gold-lo);
}
.rule::before, .rule::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-lo), transparent);
}
.rule span { font-size: 1.1rem; color: var(--gold); }

/* portrait framed like an aged plate */
.map-frame {
  display: inline-block;
  padding: 12px;
  background: linear-gradient(160deg, #2a2014, #16110a);
  border: 1px solid var(--gold-lo);
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgba(201,164,92,.18) inset,
    0 18px 50px var(--shadow);
  max-width: 100%;
}
.map-frame img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 620px;
  border: 1px solid #000;
  filter: saturate(.96) contrast(1.02);
}

footer {
  color: #6f6549;
  font-size: .85rem;
  letter-spacing: .03em;
  padding: 26px 16px 30px;
}