/* Rune & Neon - "Grimoar de neon" (2026-10-26). The design layer loaded after site.css (and any page stylesheet):
   an illuminated rune manuscript meeting a cyber HUD. Gold = the Rune Order, cyan = the Neon Network.
   - one atmosphere behind every page (gold glow left, neon glow right) instead of flat black;
   - seams with a rune diamond between sections instead of hard colour bands;
   - framed panels with rune corner marks, gold-ivory headings, a grouped header menu;
   - generated art (SDXL, img/art/): the rune seal, the night valley, the veined stone. */

:root {
  --frame: rgba(233, 194, 122, .13);
  --frame-hi: rgba(233, 194, 122, .42);
  --panel-grad: linear-gradient(180deg, rgba(27, 23, 32, .88), rgba(13, 12, 17, .92));
  --ink-grad: linear-gradient(180deg, #fffaf0 8%, #f2ddb0 52%, #c89a57 100%);
  --seam: linear-gradient(90deg, transparent, rgba(233, 194, 122, .55) 28%, rgba(255, 244, 214, .8) 50%, rgba(77, 224, 255, .55) 72%, transparent);
  --wrap: 1240px;
}

/* ------------------------------------------------------------ atmosphere */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(1100px 680px at -8% -6%, rgba(233, 194, 122, .085), transparent 62%),
    radial-gradient(1000px 720px at 108% 22%, rgba(77, 224, 255, .07), transparent 60%),
    radial-gradient(900px 620px at 40% 118%, rgba(255, 59, 212, .045), transparent 62%);
}
::selection { background: rgba(233, 194, 122, .35); }
html { scrollbar-color: #4a3f2c #0b0a0d; }

/* ------------------------------------------------------------ type */
.h-xl, .h-lg, .page-hero h1, .cta h2, .victoria-intro h1, .atlas-heading h1, .acc-head h1 {
  background: var(--ink-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #f2ddb0;
}
.title-glow { text-shadow: none; filter: drop-shadow(0 6px 28px rgba(233, 194, 122, .2)); }
.h-lg { letter-spacing: .015em; }
.eyebrow { font-size: 12.5px; letter-spacing: .3em; gap: 12px; }
.eyebrow::before { width: 7px; height: 7px; flex: none; transform: rotate(45deg); background: var(--gold); box-shadow: 0 0 12px rgba(233, 194, 122, .8); }
.eyebrow::after { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, var(--gold), transparent); }
.eyebrow--neon::before { background: var(--neon); box-shadow: 0 0 12px rgba(77, 224, 255, .9); }
.eyebrow--neon::after { background: linear-gradient(90deg, var(--neon), transparent); }
.center .eyebrow::before, .cta .eyebrow::before { width: 34px; height: 1px; transform: none; box-shadow: none; background: linear-gradient(90deg, transparent, var(--gold)); }
.lead { color: #c4bcae; }
.head { margin-bottom: clamp(36px, 5vw, 60px); }
.arrow-link { color: var(--gold-2); }
.arrow-link:hover { color: #fff; }

/* ------------------------------------------------------------ header + grouped menu */
.site-head { border-bottom: 0; }
.site-head.is-solid, .site-head--solid { background: linear-gradient(180deg, rgba(10, 9, 13, .94), rgba(10, 9, 13, .8)); backdrop-filter: blur(16px) saturate(1.3); box-shadow: 0 12px 34px rgba(0, 0, 0, .35); }
.site-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--seam); opacity: 0; transition: opacity .35s; }
.site-head.is-solid::after, .site-head--solid::after { opacity: .7; }
.site-head .wrap { gap: 26px; }
.nav { gap: 2px; }
.nav a, .nav-top { padding: 10px 13px; font: 600 14px/1 var(--f-label); letter-spacing: .12em; text-transform: uppercase; color: var(--text-2); }
.nav-top { position: relative; display: inline-flex; align-items: center; gap: 7px; background: none; border: 0; border-radius: 8px; cursor: pointer; transition: color .2s; }
.nav-top::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 4px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--gold), var(--neon)); transform: scaleX(0); transition: transform .3s var(--ease); }
.nav-top[aria-current="page"] { color: #fff; }
.nav-top[aria-current="page"]::after { transform: scaleX(1); }
.nav-top svg { width: 12px; height: 12px; transform: rotate(90deg); transition: transform .3s var(--ease); opacity: .7; }
.nav-group { position: relative; }
.nav-group:hover .nav-top, .nav-group.is-open .nav-top { color: #fff; }
.nav-group:hover .nav-top svg, .nav-group.is-open .nav-top svg { transform: rotate(-90deg); }
.nav-panel {
  position: absolute; top: calc(100% + 16px); left: -14px; width: 600px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 12px;
  border-radius: 18px; background: linear-gradient(180deg, rgba(20, 17, 24, .985), rgba(11, 10, 14, .985)); border: 1px solid rgba(233, 194, 122, .2);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .7), 0 0 0 1px rgba(0, 0, 0, .5), 0 0 60px rgba(77, 224, 255, .06);
  opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .22s, transform .3s var(--ease), visibility 0s .3s; z-index: 5;
}
.nav-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
.nav-panel::after { content: ""; position: absolute; top: -6px; left: 54px; width: 11px; height: 11px; transform: rotate(45deg); background: #141118; border-left: 1px solid rgba(233, 194, 122, .2); border-top: 1px solid rgba(233, 194, 122, .2); }
.nav-group:hover .nav-panel, .nav-group:focus-within .nav-panel, .nav-group.is-open .nav-panel { opacity: 1; visibility: visible; transform: none; transition: opacity .22s, transform .3s var(--ease), visibility 0s; }
.nav .nav-card { display: grid; grid-template-columns: 104px 1fr; gap: 14px; align-items: center; padding: 8px; border-radius: 12px; text-transform: none; letter-spacing: 0; font: inherit; color: var(--text); transition: background .2s; }
.nav .nav-card::after { display: none; }
.nav .nav-card:hover, .nav .nav-card:focus-visible { background: rgba(233, 194, 122, .07); }
.nav-card img { width: 104px; height: 58px; object-fit: cover; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .1); transition: transform .4s var(--ease), border-color .3s; }
.nav-card:hover img { border-color: rgba(233, 194, 122, .5); }
.nav-card b { display: flex; align-items: center; gap: 8px; font: 700 15.5px/1.2 var(--f-title); color: #f3e6c8; margin-bottom: 4px; }
.nav-card small { display: block; font: 400 12.5px/1.4 var(--f-body); color: var(--muted); }
.nav-card[aria-current="page"] b { color: var(--gold); }
.nav-card--feat { grid-column: 1 / -1; order: -1; grid-template-columns: 200px 1fr; padding: 10px; margin-bottom: 4px; background: linear-gradient(110deg, rgba(233, 194, 122, .09), rgba(77, 224, 255, .05)); border: 1px solid rgba(233, 194, 122, .14); }
.nav-card--feat img { width: 200px; height: 96px; }
.nav-card--feat b { font-size: 19px; }
.nav-card--feat small { font-size: 13.5px; }
.nav-new { font: 700 10px/1 var(--f-label); font-style: normal; letter-spacing: .14em; text-transform: uppercase; color: #06232a; background: var(--neon); padding: 4px 7px; border-radius: 999px; box-shadow: 0 0 14px rgba(77, 224, 255, .5); }
.status-pill { background: rgba(255, 255, 255, .025); }

@media (max-width: 1760px) { .nav a, .nav-top { padding: 10px 12px; letter-spacing: .1em; } }
@media (max-width: 1560px) { .nav a, .nav-top { padding: 10px 11px; font-size: 13.5px; letter-spacing: .09em; } }
@media (max-width: 1400px) { .nav a, .nav-top { padding: 10px 9px; font-size: 13px; letter-spacing: .07em; } .site-head .wrap { gap: 18px; } .nav-top::after, .nav a::after { left: 9px; right: 9px; } }
@media (min-width: 1181px) { .nav { display: flex; } .menu-btn { display: none !important; } .head-tools { margin-left: 0; } }
@media (min-width: 1181px) and (max-width: 1240px) { .head-tools .status-pill { display: none; } }
@media (max-width: 1180px) { .nav, .head-tools .status-pill, .head-tools .btn--account { display: none; } .menu-btn { display: inline-flex; } .head-tools { margin-left: auto; } }
.drawer-panel { background: linear-gradient(180deg, #121016, #0b0a0e); border-left: 1px solid rgba(233, 194, 122, .18); }
.drawer-h { margin: 18px 0 2px; font: 700 11px/1 var(--f-label); letter-spacing: .26em; text-transform: uppercase; color: var(--gold); display: flex; align-items: center; gap: 10px; }
.drawer-h::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(233, 194, 122, .4), transparent); }

/* ------------------------------------------------------------ buttons */
.btn { position: relative; overflow: hidden; isolation: isolate; }
.btn--gold { background: linear-gradient(180deg, #fbe7bb, var(--gold) 52%, #b8843f); box-shadow: 0 10px 30px rgba(233, 194, 122, .22), inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -1px 0 rgba(90, 55, 15, .35); }
.btn--gold::after { content: ""; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%; z-index: -1; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .6), transparent); transform: skewX(-20deg); transition: left .75s var(--ease); }
.btn--gold:hover::after { left: 135%; }
.btn--ghost { background: rgba(14, 12, 18, .55); border-color: rgba(233, 194, 122, .22); }
.btn--ghost:hover { border-color: var(--neon); }

/* ------------------------------------------------------------ section seams */
.section--dark {
  background:
    linear-gradient(180deg, var(--bg) 0%, rgba(10, 9, 12, .9) 9%, rgba(12, 10, 15, .9) 91%, var(--bg) 100%),
    url("../img/art/piatra.webp") center / cover;
}
.section--dark::before, .site-foot::before {
  content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: min(680px, 78%); height: 1px; background: var(--seam); opacity: .75;
}
.section--dark::after, .site-foot::after {
  content: ""; position: absolute; left: 50%; top: 0; width: 9px; height: 9px; transform: translate(-50%, -50%) rotate(45deg);
  background: #fff4d6; box-shadow: 0 0 0 4px rgba(8, 7, 10, 1), 0 0 0 5px rgba(233, 194, 122, .55), 0 0 22px rgba(233, 194, 122, .9);
}

/* ------------------------------------------------------------ panels with rune corners */
.card, .news-card, .rune-card, .cos, .ev-sched, .table-wrap, .item, .stat, .skill, .fam .fx div, .wallet, .req {
  border-color: var(--frame);
}
.card, .news-card, .rune-card, .cos, .ev-sched { background: var(--panel-grad); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 14px 36px rgba(0, 0, 0, .34); }
.item, .table-wrap { background: linear-gradient(180deg, rgba(24, 21, 29, .9), rgba(14, 13, 18, .92)); }
.news-card, .rune-card, .cos, .ev-sched, .ev-card { position: relative; }
.card:not(.fam):not(.char-card)::after, .news-card::after, .rune-card::after, .cos::after, .ev-sched::after {
  --k: rgba(233, 194, 122, .7);
  content: ""; position: absolute; inset: 7px; pointer-events: none; border-radius: 4px; z-index: 2; opacity: .32;
  background:
    linear-gradient(var(--k), var(--k)) 0 0 / 13px 1px, linear-gradient(var(--k), var(--k)) 0 0 / 1px 13px,
    linear-gradient(var(--k), var(--k)) 100% 0 / 13px 1px, linear-gradient(var(--k), var(--k)) 100% 0 / 1px 13px,
    linear-gradient(var(--k), var(--k)) 0 100% / 13px 1px, linear-gradient(var(--k), var(--k)) 0 100% / 1px 13px,
    linear-gradient(var(--k), var(--k)) 100% 100% / 13px 1px, linear-gradient(var(--k), var(--k)) 100% 100% / 1px 13px;
  background-repeat: no-repeat; transition: opacity .35s, inset .35s var(--ease);
}
.card:hover::after, .news-card:hover::after, .rune-card:hover::after, .cos:hover::after, .ev-sched:hover::after { opacity: 1; inset: 5px; }
.card--hover:hover, .news-card:hover, .cos:hover { border-color: var(--frame-hi); box-shadow: 0 24px 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(233, 194, 122, .08), 0 0 50px rgba(233, 194, 122, .07); }
.card .icon, .dl-card .os { background: radial-gradient(circle at 30% 25%, rgba(233, 194, 122, .26), rgba(77, 224, 255, .06) 70%); border-color: rgba(233, 194, 122, .28); box-shadow: 0 0 22px rgba(233, 194, 122, .1); }
.news-card h3, .card h3 { color: #f4e7c9; }
.news-card .nc-img { position: relative; }
.news-card .nc-img::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(180deg, transparent, rgba(13, 12, 17, .6)); }
.tag--gold { background: rgba(233, 194, 122, .1); }

/* tables */
th { background: linear-gradient(180deg, rgba(233, 194, 122, .07), rgba(233, 194, 122, .02)); color: #b9a47d; border-bottom-color: rgba(233, 194, 122, .18); }
tbody tr:hover { background: rgba(233, 194, 122, .04); }

/* chips + tabs */
.chip { background: rgba(14, 12, 18, .6); border-color: rgba(233, 194, 122, .18); }
.chip:hover { border-color: rgba(233, 194, 122, .5); }
.chip[aria-current="true"], .chip[aria-pressed="true"] { background: linear-gradient(180deg, var(--gold-2), var(--gold)); color: #1d1408; border-color: transparent; box-shadow: 0 6px 20px rgba(233, 194, 122, .2); }
.tabs { background: rgba(14, 12, 18, .6); border-color: rgba(233, 194, 122, .16); }
.search input { background: rgba(14, 12, 18, .7); border-color: rgba(233, 194, 122, .2); }
.field input, .field select, .field textarea { background: rgba(14, 12, 18, .7); border-color: rgba(233, 194, 122, .18); }

/* ------------------------------------------------------------ home hero */
.hero { min-height: min(100svh, 1000px); align-items: center; }
.hero-media .hero-poster { position: absolute; inset: 0; z-index: 0; }
.hero-media video { position: relative; z-index: 1; }
.hero::before {
  background:
    radial-gradient(55% 48% at 50% 50%, rgba(8, 7, 10, .62), transparent 72%),
    linear-gradient(180deg, rgba(8, 7, 10, .7) 0%, rgba(8, 7, 10, .15) 26%, rgba(8, 7, 10, .3) 62%, var(--bg) 100%),
    radial-gradient(60% 60% at 10% 90%, rgba(233, 194, 122, .16), transparent 60%),
    radial-gradient(50% 50% at 90% 85%, rgba(77, 224, 255, .14), transparent 60%);
}
.hero-inner { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: calc(var(--head) + 36px); padding-bottom: clamp(110px, 15vh, 160px); }
.hero .eyebrow::before { width: 34px; height: 1px; transform: none; box-shadow: none; background: linear-gradient(90deg, transparent, var(--gold)); }
.hero h1.hero-official { position: relative; align-items: center; margin-bottom: 18px; }
.hero-official img { width: clamp(250px, 27vw, 380px); filter: drop-shadow(0 10px 40px rgba(0, 0, 0, .7)) drop-shadow(0 0 30px rgba(77, 224, 255, .18)); }
.hero-official::before {
  content: ""; position: absolute; left: 50%; top: 44%; width: 165%; aspect-ratio: 1; z-index: -1; pointer-events: none;
  background: url("../img/art/sigiliu-ring.webp") center / contain no-repeat; opacity: .3; transform: translate(-50%, -50%);
  animation: seal-turn 160s linear infinite;
}
@keyframes seal-turn { to { transform: translate(-50%, -50%) rotate(360deg); } }
.hero-studio { font-size: 15px; letter-spacing: .32em; text-transform: uppercase; color: #cfd6e6; }
.hero .lead { margin: 0 auto 30px; max-width: 40ch; font-size: clamp(18px, 1.9vw, 23px); color: #ece4d4; text-shadow: 0 2px 18px rgba(0, 0, 0, .8); }
.hero .btns { justify-content: center; }
.hero .btn { min-height: 54px; padding: 0 30px; font-size: 15.5px; }
.hero-meta { justify-content: center; margin-top: 30px; padding: 13px 24px; gap: 14px 26px; border-radius: 999px; background: rgba(8, 7, 10, .58); border: 1px solid rgba(233, 194, 122, .18); backdrop-filter: blur(12px); }
.scroll-cue { bottom: 26px; }

/* the expansion banner under the hero */
.exp-announcement { position: relative; z-index: 2; margin-top: -54px; padding-top: 0; }
.exp-teaser { grid-template-columns: 220px minmax(0, 1fr) auto; gap: 28px; padding: 16px 30px 16px 16px; border-radius: 16px; border-color: rgba(233, 194, 122, .3);
  background: linear-gradient(110deg, rgba(36, 32, 24, .96), rgba(16, 18, 20, .96) 62%, rgba(10, 26, 32, .96)); box-shadow: 0 30px 70px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06); }
.exp-teaser:hover { border-color: rgba(233, 194, 122, .6); box-shadow: 0 30px 70px rgba(0, 0, 0, .55), 0 0 50px rgba(233, 194, 122, .1); }
.exp-teaser > img { width: 220px; height: 124px; border-radius: 10px; }
.exp-teaser-copy .eyebrow { font-size: 11px; letter-spacing: .24em; }
.exp-teaser-copy h2 { font: 700 clamp(22px, 2.3vw, 30px)/1.2 var(--f-title); background: var(--ink-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.exp-teaser-copy p { font-size: 14px; color: #b6b5a8; }
.exp-teaser-link { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; border-radius: 999px; border: 1px solid rgba(233, 194, 122, .35); font: 700 12.5px/1 var(--f-label); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-2); transition: background .25s, border-color .25s; }
.exp-teaser:hover .exp-teaser-link { background: rgba(233, 194, 122, .1); border-color: var(--gold); }
@media (max-width: 900px) { .exp-teaser { grid-template-columns: 150px minmax(0, 1fr); } .exp-teaser > img { width: 150px; height: 112px; } .exp-teaser-link { justify-self: start; } }
@media (max-width: 520px) { .exp-announcement { margin-top: -30px; } .exp-teaser { grid-template-columns: 84px minmax(0, 1fr); padding: 14px; } .exp-teaser > img { width: 84px; height: 104px; } .exp-teaser-copy h2 { font-size: 19px; } .exp-teaser-copy p { font-size: 12.5px; } .exp-teaser-link { font-size: 11px; padding: 10px 14px; } }

/* two worlds: a seal joins the halves */
.split { position: relative; border-color: rgba(233, 194, 122, .2); box-shadow: 0 30px 80px rgba(0, 0, 0, .5); }
.split::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: clamp(92px, 9vw, 128px); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; z-index: 2;
  background: url("../img/art/sigiliu-mic.webp") center / cover; box-shadow: 0 0 0 1px rgba(233, 194, 122, .6), 0 0 0 6px rgba(8, 7, 10, .8), 0 0 46px rgba(77, 224, 255, .35), 0 18px 50px rgba(0, 0, 0, .8);
}
.split-side { min-height: 540px; }
.split-side--rune { padding-right: clamp(60px, 7vw, 100px); }
.split-side--neon { padding-left: clamp(60px, 7vw, 100px); }
@media (max-width: 820px) { .split-side--rune, .split-side--neon { padding: 28px; } .split-side { min-height: 400px; } }

/* class rail + classes page */
.class-card { border-color: rgba(233, 194, 122, .14); }
.class-card::after { background: linear-gradient(180deg, rgba(8, 7, 10, .1) 0%, transparent 30%, rgba(8, 7, 10, .55) 62%, rgba(8, 7, 10, .97)); }
.class-card img { filter: saturate(.95) brightness(.9) contrast(1.05); }
.class-card h3 { color: #fff3dc; text-shadow: 0 2px 14px rgba(0, 0, 0, .8); }

/* runes forge */
.forge-out { border-color: rgba(233, 194, 122, .22); background: radial-gradient(70% 60% at 70% 30%, #14111a, #08070a); }
.gem { background: rgba(14, 12, 18, .7); border-color: rgba(233, 194, 122, .12); }

/* mosaic + tiles */
.mut-mosaic a, .tile, .strip a, .gallery a { border-color: rgba(233, 194, 122, .15); }
.tile h3 { color: #fff3dc; }

/* ------------------------------------------------------------ page heroes */
.page-hero { padding: calc(var(--head) + clamp(64px, 9vw, 120px)) 0 clamp(56px, 7vw, 92px); }
.page-hero::before { background: radial-gradient(60% 90% at 12% 0%, rgba(233, 194, 122, .13), transparent 60%), radial-gradient(50% 80% at 92% 10%, rgba(77, 224, 255, .1), transparent 60%), linear-gradient(180deg, rgba(14, 12, 17, .6), var(--bg)); }
.page-hero--img::before {
  background:
    linear-gradient(90deg, rgba(8, 7, 10, .95) 0%, rgba(8, 7, 10, .78) 38%, rgba(8, 7, 10, .34) 72%, rgba(8, 7, 10, .5) 100%),
    linear-gradient(180deg, rgba(8, 7, 10, .65) 0%, transparent 28%, transparent 58%, var(--bg) 100%);
}
.page-hero-img img { filter: saturate(.9) contrast(1.05); }
.page-hero > .wrap { position: relative; }
.page-hero::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: min(var(--wrap), 92%); height: 1px; background: var(--seam); opacity: .4; }
.page-hero .lead { max-width: 58ch; }
.crumbs { color: #a69c88; }
.crumbs a { color: #c9bfa9; }
.page-hero + .section--tight, .page-hero + .section { padding-top: clamp(40px, 5vw, 64px) !important; }
@media (max-width: 640px) { .page-hero--img::before { background: linear-gradient(180deg, rgba(8, 7, 10, .7) 0%, rgba(8, 7, 10, .72) 50%, var(--bg) 100%); } }

/* ------------------------------------------------------------ call to action + footer */
.cta { border-color: rgba(233, 194, 122, .28); box-shadow: 0 40px 100px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06); }
.cta::after { background: radial-gradient(60% 80% at 50% 45%, rgba(8, 7, 10, .2), rgba(8, 7, 10, .8)), linear-gradient(180deg, rgba(8, 7, 10, .2), rgba(8, 7, 10, .65)); }
.cta-seal { position: absolute; left: 50%; top: 50%; width: min(620px, 120%); aspect-ratio: 1; transform: translate(-50%, -50%); z-index: -1; opacity: .22; pointer-events: none;
  background: url("../img/art/sigiliu-ring.webp") center / contain no-repeat; animation: seal-turn 200s linear infinite reverse; }
.cta .lead { color: #e2dacb; }
.cta-more { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-top: 30px; padding-top: 22px; border-top: 1px solid rgba(233, 194, 122, .16); }
.site-foot { position: relative; border-top: 0; padding-top: 80px;
  background: linear-gradient(180deg, var(--bg) 0%, rgba(8, 7, 10, .55) 32%, rgba(8, 7, 10, .9) 100%), url("../img/art/vale-noapte.webp") center bottom / cover; }
.foot-col h4 { color: var(--gold); }
.foot-col a { color: #a39b8e; }
.foot-brand p { color: #a39b8e; }
.foot-bottom { border-top-color: rgba(233, 194, 122, .14); }

/* ------------------------------------------------------------ wiki */
.wiki-guides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 44px; }
.wiki-guide { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 230px; padding: 22px; border-radius: var(--radius); overflow: hidden; isolation: isolate; border: 1px solid rgba(233, 194, 122, .22); transition: transform .35s var(--ease), border-color .3s, box-shadow .35s; }
.wiki-guide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--ease); }
.wiki-guide::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8, 7, 10, .15), rgba(8, 7, 10, .55) 45%, rgba(8, 7, 10, .96)); }
.wiki-guide:hover { transform: translateY(-4px); border-color: var(--gold); box-shadow: 0 24px 60px rgba(0, 0, 0, .55), 0 0 40px rgba(233, 194, 122, .12); }
.wiki-guide:hover img { transform: scale(1.06); }
.wiki-guide .eyebrow { margin-bottom: 10px; font-size: 11px; }
.wiki-guide b { font: 700 22px/1.2 var(--f-title); color: #fff3dc; }
.wiki-guide small { display: block; margin-top: 6px; color: #c9c0b0; font-size: 14px; line-height: 1.5; }
@media (max-width: 860px) { .wiki-guides { grid-template-columns: 1fr; } .wiki-guide { min-height: 170px; } }
.wiki-tile { padding: 20px 22px; }
.wiki-tile small { font: 600 13px/1 var(--f-label); letter-spacing: .12em; color: var(--gold); }
.page-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
.item .ico { background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--r) 26%, transparent), rgba(0, 0, 0, .45)); }
.item .ico img { width: 46px; height: 46px; object-fit: contain; }
.exp-creatures .card { padding: 12px 12px 16px; }
.exp-creatures .card img { background: #1c2129; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05); margin-bottom: 12px; }
.exp-creatures .card h3 { margin: 0 4px 2px; }
.exp-creatures .card p { margin: 0 4px; }
.stat-card { text-align: left; }
.stat-card h2 { font: 700 clamp(26px, 2.6vw, 34px)/1.1 var(--f-label); color: #fff; letter-spacing: .02em; margin-bottom: 6px; background: none; -webkit-text-fill-color: currentColor; }
.stat-card p { margin: 0; font: 600 12px/1.3 var(--f-label); letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.exp-gear img { background: radial-gradient(circle, rgba(233, 194, 122, .1), transparent 70%); border-radius: 12px; }

/* world atlas: readable sizes, same atmosphere as the rest */
.world-page { background: var(--bg); }
.atlas-heading { padding-top: calc(var(--head) + 70px); }
.atlas-heading .eyebrow { font-size: 12px; }
.atlas-heading > p { font-size: 15.5px; max-width: 380px; color: #b9b3a3; }
.atlas-tabs a { border-radius: 12px; border-color: rgba(233, 194, 122, .18); height: 170px; }
.atlas-tabs small { font-size: 11px; }
.atlas-tabs b { font-size: 20px; }
.atlas-tab-index { font-size: 13px; }
.atlas-intro .eyebrow { font-size: 11px; }
.atlas-intro h2 { font-size: 34px; }
.atlas-intro > p { font-size: 15px; color: #aeb5aa; }
.atlas-count span { font-size: 11px; }
.atlas-board { border-radius: 16px; border-color: rgba(233, 194, 122, .25); }
.atlas-map-caption { font-size: 11px; }
.atlas-points button { font-size: 13px; }
.atlas-points button > span { font-size: 11.5px; }
.atlas-legend { font-size: 12px; }
.atlas-select-wrap label { font-size: 11px; }
.atlas-sidebar select { font-size: 14px; border-radius: 8px; }
.atlas-photo > span { font-size: 10px; }
.atlas-detail-copy > .muted { font-size: 14px; }
.atlas-monsters li { font-size: 13.5px; }
.atlas-monsters small { font-size: 12px; }
.atlas-access h4 { font-size: 14px; }
.atlas-access p { font-size: 13px; }
.atlas-sidebar .arrow-link { font-size: 12.5px; }
.atlas-close { margin: 56px 0 0; }

/* victoria guide: same width and rhythm as every other page */
.victoria-guide { max-width: var(--wrap); padding-top: calc(var(--head) + clamp(64px, 9vw, 110px)); }
.victoria-intro h1 { font-size: clamp(34px, 4.6vw, 58px); }
.victoria-story img { border-radius: 14px; border-color: rgba(233, 194, 122, .3); box-shadow: 0 24px 60px rgba(0, 0, 0, .5); }
.victoria-guide h2 { color: #f4e7c9; }

/* download, shop, events: small polish */
.dl-card.is-yours { border-color: rgba(233, 194, 122, .5); }
.pack { background: radial-gradient(120% 80% at 50% 0%, rgba(233, 194, 122, .13), rgba(14, 12, 18, .85)); }
.pack--best { background: radial-gradient(120% 80% at 50% 0%, rgba(77, 224, 255, .17), rgba(14, 12, 18, .85)); }
.patron { border-color: rgba(233, 194, 122, .35); }
.ev-feature { border-radius: 16px; }

/* auth: the art side gets the seal */
.auth-art::before { content: ""; position: absolute; right: -18%; top: 50%; width: 70%; aspect-ratio: 1; transform: translateY(-50%); z-index: -1; opacity: .16;
  background: url("../img/art/sigiliu-ring.webp") center / contain no-repeat; }

/* error page */
.err-seal { position: relative; display: grid; place-items: center; }
.err-seal::before { content: ""; position: absolute; width: min(520px, 110vw); aspect-ratio: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .25;
  background: url("../img/art/sigiliu-ring.webp") center / contain no-repeat; animation: seal-turn 140s linear infinite; z-index: -1; }

/* ------------------------------------------------------------ phones */
@media (max-width: 640px) {
  .hero-inner { padding-top: calc(var(--head) + 28px); }
  .hero-official img { width: 230px; }
  .hero .btns { flex-direction: column; align-items: stretch; width: min(320px, 100%); }
  .hero-meta { border-radius: 18px; padding: 14px 16px; flex-direction: column; align-items: center; gap: 10px; }
  .section--dark::before, .site-foot::before { width: 86%; }
  .split::after { width: 84px; }
}
@media (prefers-reduced-motion: reduce) { .hero-official::before, .cta-seal, .err-seal::before { animation: none; } }
@media print { body::before { display: none; } }
.atlas-close h2 { font-size: clamp(26px, 3.4vw, 42px); max-width: 24ch; margin: 0 auto 16px; }
.gallery + .filters, .gallery + p + .filters { margin-top: 8px; }
.gallery + .lead { margin-top: 18px; }
.wiki-guide img { transform: scale(1.24); object-position: 50% 42%; }
.wiki-guide:hover img { transform: scale(1.3); }
.page-hero h1 + .lead { margin-top: 16px; }
.stat-card h2 { font-size: clamp(21px, 2.1vw, 29px); }
.scroll-cue { display: none; }
@media (max-width: 760px) { .atlas-heading .eyebrow { display: block; line-height: 1.7; } .atlas-heading .eyebrow::before { display: inline-block; margin-right: 10px; vertical-align: middle; } .atlas-heading .eyebrow::after { display: none; } }
/* forge: the weapon stays above the text, the text keeps its own dark ground */
.forge-out > img { height: 64%; object-position: 62% 30%; }
.forge-out .fo-body { position: relative; z-index: 1; background: linear-gradient(180deg, rgba(8, 7, 10, 0), rgba(8, 7, 10, .82) 26%, rgba(8, 7, 10, .92)); padding-top: 34px; }
@media (max-width: 640px) { .forge-out > img { height: 56%; } }
/* admin: accounts */
.acc-admin-top { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.acc-admin-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.acc-admin-stats .search { grid-column: 1 / -1; max-width: none; }
.acc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.acc-actions form { margin: 0; }
@media (max-width: 860px) { .acc-admin-top { grid-template-columns: 1fr; } }
.acc-email { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0; }
.acc-email input[type=email] { min-height: 38px; padding: 6px 12px; border-radius: 10px; border: 1px solid rgba(233, 194, 122, .2); background: rgba(14, 12, 18, .7); color: inherit; min-width: 200px; }
.acc-email .check { font-size: 13px; }