/* Medieval Pro refresh for MyAAC/Tibiacom — additive overrides only. */
:root {
  --mp-bg: #090806;
  --mp-panel: rgba(18, 15, 11, .94);
  --mp-panel-2: rgba(30, 24, 16, .94);
  --mp-gold: #d6ad57;
  --mp-gold-soft: #f0d58e;
  --mp-ruby: #7e2119;
  --mp-ruby-bright: #a53a2b;
  --mp-ink: #17120d;
  --mp-paper: #e5d6b1;
  --mp-text: #e9dfc8;
  --mp-muted: #b8a98a;
  --mp-line: rgba(214, 173, 87, .38);
  --mp-shadow: 0 18px 50px rgba(0,0,0,.48);
}

html { scroll-behavior: smooth; }
body {
  color: var(--mp-text);
  background-color: var(--mp-bg) !important;
  font-family: Georgia, "Times New Roman", serif;
  text-rendering: optimizeLegibility;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 0%, rgba(119, 72, 28, .18), transparent 40%),
    linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.66));
}

#ArtworkHelper {
  min-width: 0;
  background: linear-gradient(to bottom, rgba(5,4,3,.08), rgba(5,4,3,.68));
}
#Bodycontainer {
  min-width: 0;
  max-width: 1420px;
  padding: 0 18px 36px;
  box-sizing: border-box;
}
#ContentRow { top: 145px; }

#MenuColumn, #ThemeboxesColumn {
  filter: drop-shadow(0 14px 24px rgba(0,0,0,.45));
}
#MenuColumn { width: 190px; }
#ThemeboxesColumn { width: 190px; }
#ContentColumn {
  margin-left: 220px;
  margin-right: 220px;
  min-width: 0;
}

#Menu, #Loginbox, .SmallMenuBox, #Themeboxes > div, .Themebox {
  border-radius: 8px;
}

/* Panels: preserve original sprite structure but give it a cleaner premium shell. */
.Box, .TableContainer, .InnerTableContainer, #Loginbox, #Menu, .Themebox {
  box-shadow: var(--mp-shadow);
}
.Box {
  border-radius: 8px;
  overflow: hidden;
}
.BoxContent {
  background-color: #d8c79e !important;
  background-blend-mode: multiply;
  color: #2a2118;
  font-size: 14px;
  line-height: 1.5;
}
.BoxContent a { color: #6c250f; font-weight: 700; }
.BoxContent a:hover { color: #a24022; }

/* Menu */
.MenuButton, .Submenu {
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.MenuButton:hover { transform: translateX(3px); filter: brightness(1.15) contrast(1.04); }
.Submenuitem {
  border-left: 2px solid transparent;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
.Submenuitem:hover {
  color: var(--mp-gold-soft) !important;
  border-left-color: var(--mp-gold);
  background-color: rgba(126, 33, 25, .7) !important;
}

/* Make Bootstrap forms/buttons fit the medieval skin. */
.btn, button, input[type="submit"], input[type="button"] {
  border-radius: 4px !important;
}
.btn-primary, .btn-success {
  background: linear-gradient(#8e2a1d, #5d1712) !important;
  border-color: #b26a37 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.12), 0 3px 10px rgba(0,0,0,.28);
}
.btn-primary:hover, .btn-success:hover {
  background: linear-gradient(#a73b29, #6f1b14) !important;
  border-color: var(--mp-gold) !important;
}
.form-control, select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"] {
  border: 1px solid #8f7041 !important;
  border-radius: 4px !important;
  background: #f0e4c5 !important;
  color: #231a12 !important;
  box-shadow: inset 0 2px 5px rgba(74,44,15,.14);
}
.form-control:focus, select:focus, textarea:focus, input:focus {
  border-color: #b88d42 !important;
  box-shadow: 0 0 0 3px rgba(184,141,66,.18) !important;
  outline: none;
}

/* Tables */
.TableContainer, table {
  border-color: #8a693a !important;
}
.TableContainer .TableContent, .TableContent {
  background-color: rgba(239, 225, 190, .92) !important;
}
tr:nth-child(even) td { background-color: rgba(87, 61, 34, .045); }
tr:hover td { background-color: rgba(154, 105, 49, .08); }

/* Footer */
#Footer {
  margin-top: 18px;
  padding: 18px 12px 28px;
  color: #d0bf9e;
  font-size: 11px;
  letter-spacing: .04em;
  text-shadow: 0 1px 2px #000;
}

/* Status accent */
#PlayersOnline, .PlayersOnline, [class*="online"] {
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

/* Scroll-to-top */
.scrollToTop {
  border-radius: 50%;
  background: rgba(16,12,8,.82);
  border: 1px solid var(--mp-line);
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* Responsive redesign. Legacy layout becomes a clean 2-column mobile-friendly shell. */
@media (max-width: 1100px) {
  #Bodycontainer { padding: 0 14px 30px; }
  #ThemeboxesColumn { display: none; }
  #ContentColumn { margin-right: 12px; }
}

@media (max-width: 820px) {
  body { background-attachment: scroll !important; }
  #ArtworkHelper, #Bodycontainer { width: 100%; min-width: 0; }
  #ContentRow { top: 118px; display: flex; flex-direction: column; gap: 16px; }
  #MenuColumn, #ContentColumn, #ThemeboxesColumn {
    position: relative;
    inset: auto;
    width: 100%;
    margin: 0;
  }
  #ThemeboxesColumn { display: block; }
  #LeftArtwork { position: relative; top: auto; left: auto; height: 105px; margin: -105px auto 4px; width: 190px; }
  #Loginbox, .SmallMenuBox { max-width: 420px; margin-left: auto; margin-right: auto; }
  #Menu { max-width: 620px; margin: 0 auto 14px; }
  #ContentColumn { order: 2; }
  #MenuColumn { order: 1; }
  #ThemeboxesColumn { order: 3; }
  #ContentHelper { width: 100%; }
  .BoxContent { overflow-x: auto; }
}

@media (max-width: 520px) {
  #Bodycontainer { padding-left: 8px; padding-right: 8px; }
  #ContentRow { top: 108px; }
  .BoxContent { padding-left: 8px !important; padding-right: 8px !important; font-size: 13px; }
  .TableContainer { width: 100% !important; overflow-x: auto; }
  table { max-width: 100%; }
  img { max-width: 100%; height: auto; }
}

/* === Medieval Pro V2: structural redesign === */
#Bodycontainer { position: relative; padding-top: 18px; }
.mp-header {
  position: relative;
  z-index: 80;
  min-height: 78px;
  margin: 0 18px;
  padding: 10px 16px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  border: 1px solid rgba(214,173,87,.28);
  border-bottom-color: rgba(214,173,87,.52);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(20,16,12,.94), rgba(7,6,5,.96)),
    radial-gradient(circle at 50% 0, rgba(126,33,25,.28), transparent 52%);
  box-shadow: 0 18px 50px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
}
.mp-brand { display:flex; align-items:center; gap:10px; color:#f3dfab!important; text-decoration:none!important; min-width:180px; }
.mp-brand img { width:72px; height:58px; object-fit:contain; filter:drop-shadow(0 7px 8px rgba(0,0,0,.55)); }
.mp-brand span { display:flex; flex-direction:column; line-height:1; text-transform:uppercase; letter-spacing:.08em; }
.mp-brand b { font-size:19px; font-weight:700; color:#efd493; text-shadow:0 2px 2px #000; }
.mp-brand small { margin-top:6px; font:700 8px/1 Verdana,sans-serif; letter-spacing:.24em; color:#8f806a; }
.mp-nav { display:flex; justify-content:center; align-items:center; gap:4px; }
.mp-nav a { position:relative; padding:14px 13px; color:#d9ccb1!important; text-decoration:none!important; font:700 11px/1 Verdana,sans-serif; letter-spacing:.075em; text-transform:uppercase; }
.mp-nav a::after { content:""; position:absolute; left:13px; right:13px; bottom:7px; height:1px; background:#d6ad57; transform:scaleX(0); transition:transform .18s ease; }
.mp-nav a:hover { color:#f6df9c!important; }
.mp-nav a:hover::after { transform:scaleX(1); }
.mp-header-actions { display:flex; align-items:center; gap:10px; }
.mp-status { display:flex; align-items:center; gap:7px; white-space:nowrap; color:#bdb096; font:700 10px/1 Verdana,sans-serif; text-transform:uppercase; }
.mp-status i { width:8px; height:8px; border-radius:50%; display:block; box-shadow:0 0 8px currentColor; }
.mp-status.is-online { color:#78c96d; }.mp-status.is-online i { background:#66c759; }
.mp-status.is-offline { color:#d67568; }.mp-status.is-offline i { background:#b84536; }
.mp-account { padding:12px 15px; border:1px solid #8f6431; border-radius:4px; color:#f0d59b!important; background:linear-gradient(#622419,#3a120d); text-decoration:none!important; font:700 10px/1 Verdana,sans-serif; letter-spacing:.07em; text-transform:uppercase; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.mp-account:hover { border-color:#d6ad57; background:linear-gradient(#7d3021,#4a1710); }
.mp-menu-toggle { display:none; background:transparent; border:0!important; color:#e7c877; font-size:24px; box-shadow:none!important; }

.mp-hero {
  position: relative;
  z-index: 30;
  min-height: 320px;
  margin: 14px 18px 0;
  padding: 42px 44px;
  box-sizing: border-box;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  overflow:hidden;
  border:1px solid rgba(214,173,87,.23);
  border-radius:10px;
  background:
    linear-gradient(90deg, rgba(5,5,5,.94) 0%, rgba(7,6,5,.78) 46%, rgba(7,6,5,.2) 80%),
    linear-gradient(0deg, rgba(0,0,0,.78), rgba(0,0,0,.05));
  box-shadow:0 24px 65px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.035);
}
.mp-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 82% 28%, rgba(151,73,27,.24), transparent 32%), linear-gradient(110deg, transparent 50%, rgba(214,173,87,.08)); }
.mp-hero-copy { max-width:660px; }
.mp-kicker { display:inline-block; margin-bottom:12px; color:#d8ad58; font:700 10px/1 Verdana,sans-serif; letter-spacing:.2em; }
.mp-hero h1 { margin:0; color:#f0e2c4; font-size:42px; line-height:1.04; font-weight:400; text-shadow:0 4px 10px #000; }
.mp-hero h1 em { color:#dbb666; font-style:normal; }
.mp-hero p { max-width:600px; margin:16px 0 22px; color:#bdaf95; font:400 13px/1.65 Verdana,sans-serif; }
.mp-hero-actions { display:flex; gap:10px; flex-wrap:wrap; }
.mp-btn { display:inline-flex; min-width:150px; justify-content:center; padding:13px 17px; border-radius:4px; text-decoration:none!important; font:700 10px/1 Verdana,sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.mp-btn-primary { color:#f8e4b2!important; border:1px solid #b26034; background:linear-gradient(#8b2b1d,#55150f); box-shadow:0 7px 20px rgba(68,14,8,.3), inset 0 1px rgba(255,255,255,.12); }
.mp-btn-secondary { color:#e6d4aa!important; border:1px solid #786038; background:linear-gradient(#282117,#16110c); }
.mp-btn:hover { filter:brightness(1.15); }
.mp-hero-stats { min-width:215px; display:grid; gap:8px; }
.mp-hero-stats div { padding:12px 14px; border:1px solid rgba(214,173,87,.18); border-radius:5px; background:rgba(8,7,5,.7); backdrop-filter:blur(6px); }
.mp-hero-stats strong { display:block; color:#e4c675; font-size:18px; font-weight:400; }
.mp-hero-stats span { display:block; margin-top:3px; color:#92846f; font:700 8px/1.2 Verdana,sans-serif; text-transform:uppercase; letter-spacing:.08em; }

/* Pull the classic content into a wider, cleaner shell. */
#ContentRow { top: 18px !important; padding-bottom:45px; }
body:not(.mp-no-sidebar) #MenuColumn { top:0; }
#LeftArtwork, #Loginbox, #DownloadBox { display:none!important; }
#MenuColumn { width:208px!important; margin-left:18px!important; }
#ContentColumn { margin-left:246px!important; margin-right:226px!important; }
#ThemeboxesColumn { width:190px!important; margin-right:18px!important; }
#Menu { margin-top:0!important; background:rgba(9,8,6,.82); border:1px solid rgba(214,173,87,.18); border-radius:8px!important; overflow:hidden; box-shadow:0 16px 45px rgba(0,0,0,.42); }
#MenuTop, #MenuBottom { opacity:.45; }
.MenuButton { filter:saturate(.72) brightness(.86); }
.Submenu { background:rgba(7,20,18,.92)!important; }
.Submenuitem { min-height:22px; background:rgba(10,34,31,.86)!important; border-top:1px solid rgba(255,255,255,.025); }
.SubmenuitemLabel { font-family:Verdana,sans-serif!important; font-size:10px!important; letter-spacing:.025em; }

/* Content now reads like a premium game portal rather than a raw legacy skin. */
.Content > .Box:first-child { margin-bottom:12px; }
.Box { border:1px solid rgba(214,173,87,.18); }
#ContentHelper > .Box { border-radius:9px!important; }
#ContentHelper > .Box > .BorderTitleText { filter:hue-rotate(326deg) saturate(.55) brightness(.65); }
#ContentHelper .Title { margin-left:12px; }
.BoxContent { padding:18px 20px!important; background-image:none!important; background:linear-gradient(180deg,#e7d9b9,#d6c29a)!important; box-shadow:inset 0 1px rgba(255,255,255,.6); }
.BoxContent h1,.BoxContent h2,.BoxContent h3 { color:#542312; }
.BoxContent table { border-radius:4px; overflow:hidden; }
.InfoBar { font-family:Verdana,sans-serif!important; }
.InfoBarLinks { color:#e8d5ae!important; }

#ThemeboxesColumn > #RightArtwork { margin-bottom:12px; min-height:120px; border:1px solid rgba(214,173,87,.18); border-radius:8px; background:rgba(10,8,6,.78); box-shadow:0 15px 45px rgba(0,0,0,.42); }
#ThemeboxesColumn .Themebox, #ThemeboxesColumn > div:not(#RightArtwork) { filter:saturate(.82) contrast(1.02); }

#Footer { color:#8e8069!important; font-size:9px!important; padding-top:14px!important; }
#Footer::before { content:""; display:block; width:110px; height:1px; margin:0 auto 12px; background:linear-gradient(90deg,transparent,#8e6b34,transparent); }

@media (max-width: 1120px) {
  .mp-header { grid-template-columns:auto 1fr auto; gap:12px; }
  .mp-nav a { padding-left:8px; padding-right:8px; font-size:9px; }
  #ThemeboxesColumn { display:none!important; }
  #ContentColumn { margin-right:18px!important; }
}
@media (max-width: 860px) {
  #Bodycontainer { padding-top:10px; }
  .mp-header { margin:0 9px; grid-template-columns:1fr auto auto; min-height:60px; padding:7px 10px; }
  .mp-brand img { width:54px; height:44px; }.mp-brand b { font-size:15px; }.mp-brand small { font-size:7px; }
  .mp-menu-toggle { display:block; order:2; }
  .mp-header-actions { order:3; }.mp-status { display:none; }
  .mp-nav { display:none; position:absolute; top:64px; left:8px; right:8px; flex-direction:column; align-items:stretch; padding:8px; background:#0c0a07; border:1px solid #76572f; border-radius:6px; box-shadow:0 16px 35px rgba(0,0,0,.55); }
  .mp-nav-open .mp-nav { display:flex; }
  .mp-nav a { padding:12px; border-bottom:1px solid rgba(255,255,255,.04); }
  .mp-hero { margin:10px 9px 0; min-height:360px; padding:30px 25px; flex-direction:column; align-items:flex-start; justify-content:flex-end; }
  .mp-hero h1 { font-size:34px; }.mp-hero-stats { width:100%; min-width:0; grid-template-columns:repeat(3,1fr); }
  #ContentRow { display:block!important; top:12px!important; }
  #MenuColumn { position:relative!important; width:auto!important; margin:0 9px 12px!important; }
  #ContentColumn { margin:0 9px!important; }
  #ThemeboxesColumn { display:none!important; }
  #Menu { max-width:none!important; }
}
@media (max-width: 560px) {
  .mp-brand span { display:none; }.mp-account { padding:10px; font-size:8px; }
  .mp-hero { min-height:330px; padding:24px 18px; }.mp-hero h1 { font-size:29px; }
  .mp-hero p { font-size:11px; }.mp-hero-stats { grid-template-columns:1fr; }.mp-hero-stats div { padding:9px 11px; }
  .mp-btn { min-width:120px; padding:11px 12px; }
}

/* === ErynOT V3 — full visual identity refresh === */
.mp-v3 {
  --ery-gold:#d6a94a;
  --ery-gold-light:#f5d98a;
  --ery-blue:#263d68;
  --ery-blue-deep:#0c1729;
  --ery-black:#06080c;
  --ery-panel:rgba(10,12,17,.93);
  --ery-border:rgba(214,169,74,.34);
}
.mp-v3::after {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background:radial-gradient(circle at 50% 0,rgba(30,58,105,.24),transparent 42%),linear-gradient(180deg,rgba(2,5,10,.12),rgba(2,4,8,.76) 78%,#030406 100%);
}
.mp-v3 #ArtworkHelper { background:linear-gradient(180deg,rgba(3,5,9,.12),rgba(3,5,9,.78)); }
.mp-v3 #Bodycontainer { max-width:1540px; padding-top:20px; }

/* New ErynOT masthead */
.mp-v3 .mp-header { min-height:84px; border-color:var(--ery-border); border-radius:12px; background:linear-gradient(180deg,rgba(11,14,20,.96),rgba(5,7,11,.97)); box-shadow:0 22px 70px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04); }
.mp-v3 .mp-header::before { content:""; position:absolute; left:18px; right:18px; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,var(--ery-gold),transparent); opacity:.65; }
.mp-v3 .mp-brand { min-width:260px; gap:14px; }
.mp-v3 .mp-brand img { width:70px; height:70px; border-radius:50%; object-fit:cover; filter:drop-shadow(0 0 12px rgba(214,169,74,.28)); }
.mp-v3 .mp-brand b { font-size:23px; letter-spacing:.16em; color:var(--ery-gold-light); }
.mp-v3 .mp-brand small { color:#7f91b3; letter-spacing:.24em; }
.mp-v3 .mp-nav a { color:#c5cad4!important; }
.mp-v3 .mp-nav a:hover { color:var(--ery-gold-light)!important; }
.mp-v3 .mp-account { border-color:#80652f; background:linear-gradient(180deg,#26385d,#121d35); color:#f5df9b!important; }
.mp-v3 .mp-account:hover { background:linear-gradient(180deg,#354f81,#172644); }

/* Cinematic hero with the user's emblem */
.mp-v3 .mp-hero { min-height:430px; padding:54px 52px; align-items:center; border-radius:14px; border-color:rgba(214,169,74,.3); background:linear-gradient(90deg,rgba(3,6,12,.97) 0%,rgba(5,9,17,.91) 48%,rgba(5,9,17,.48) 75%,rgba(5,8,14,.86) 100%),radial-gradient(circle at 72% 45%,rgba(40,68,116,.3),transparent 32%); }
.mp-v3 .mp-hero::after { content:""; position:absolute; inset:0; border-radius:14px; pointer-events:none; box-shadow:inset 0 0 100px rgba(0,0,0,.7),inset 0 0 0 1px rgba(245,217,138,.025); }
.mp-v3 .mp-hero-copy { position:relative; z-index:3; max-width:690px; }
.mp-v3 .mp-kicker { color:var(--ery-gold); letter-spacing:.28em; }
.mp-v3 .mp-hero h1 { font-size:54px; letter-spacing:-.02em; }
.mp-v3 .mp-hero h1 em { color:var(--ery-gold-light); text-shadow:0 0 24px rgba(214,169,74,.16); }
.mp-v3 .mp-hero p { max-width:620px; font-size:14px; color:#b8c0cf; }
.mp-v3 .mp-btn { gap:8px; align-items:center; padding:15px 20px; border-radius:5px; }
.mp-v3 .mp-btn-primary { background:linear-gradient(180deg,#b67a24,#6f4115); border-color:#dfb45a; color:#fff0bd!important; }
.mp-v3 .mp-btn-secondary { background:linear-gradient(180deg,#263a61,#111d34); border-color:#526d9e; }
.mp-v3 .mp-trustline { display:flex; gap:18px; flex-wrap:wrap; margin-top:20px; color:#8994a8; font:700 9px/1 Verdana,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.mp-v3 .mp-trustline i { color:#cba44d; margin-right:5px; }
.mp-v3 .mp-hero-emblem { position:absolute; right:95px; top:35px; width:335px; height:335px; z-index:1; opacity:.9; }
.mp-v3 .mp-hero-emblem::before { content:""; position:absolute; inset:10%; border-radius:50%; background:radial-gradient(circle,rgba(46,76,128,.35),rgba(214,169,74,.09) 45%,transparent 70%); filter:blur(15px); }
.mp-v3 .mp-hero-emblem img { position:relative; z-index:2; width:100%; height:100%; object-fit:cover; border-radius:50%; filter:drop-shadow(0 20px 30px rgba(0,0,0,.75)); }
.mp-v3 .mp-hero-stats { position:absolute; right:38px; bottom:30px; z-index:4; grid-template-columns:repeat(3,minmax(115px,1fr)); min-width:430px; }
.mp-v3 .mp-hero-stats div { background:rgba(5,9,16,.82); border-color:rgba(214,169,74,.22); }
.mp-v3 .mp-hero-stats strong { color:var(--ery-gold-light); }
.mp-v3 .mp-hero-stats span { color:#7d8ba5; }

/* Premium quick-access strip */
.mp-v3 .mp-feature-grid { margin:14px 18px 2px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.mp-v3 .mp-feature-grid > a { min-height:76px; display:grid; grid-template-columns:42px 1fr 20px; align-items:center; gap:12px; padding:13px 16px; border:1px solid rgba(214,169,74,.22); border-radius:9px; background:linear-gradient(145deg,rgba(16,21,32,.94),rgba(7,10,16,.94)); color:#d7dbe3!important; text-decoration:none!important; box-shadow:0 12px 30px rgba(0,0,0,.24); transition:.18s ease; }
.mp-v3 .mp-feature-grid > a:hover { transform:translateY(-2px); border-color:rgba(214,169,74,.55); background:linear-gradient(145deg,rgba(27,36,55,.98),rgba(9,13,21,.98)); }
.mp-v3 .mp-feature-grid > a > i { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(214,169,74,.25); border-radius:50%; color:var(--ery-gold); background:#0b1220; }
.mp-v3 .mp-feature-grid b { display:block; color:#f0d58a; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
.mp-v3 .mp-feature-grid span { display:block; margin-top:4px; color:#79859b; font:400 9px/1.3 Verdana,sans-serif; }
.mp-v3 .mp-feature-grid em { color:#b9903e; font-style:normal; font-size:18px; }

/* Remove the old right rail and open up the actual website content. */
.mp-v3 #ThemeboxesColumn { display:none!important; }
.mp-v3 #MenuColumn { width:226px!important; margin-left:18px!important; }
.mp-v3 #ContentColumn { margin-left:260px!important; margin-right:18px!important; }
.mp-v3 #ContentRow { top:18px!important; }

/* Rebuild the legacy left menu into a restrained game navigation panel. */
.mp-v3 #Menu { border:1px solid rgba(214,169,74,.22)!important; border-radius:10px!important; background:rgba(7,10,16,.94)!important; overflow:hidden; }
.mp-v3 #MenuTop,.mp-v3 #MenuBottom { display:none!important; }
.mp-v3 .menuitem { border-bottom:1px solid rgba(255,255,255,.045); }
.mp-v3 .MenuButton { position:relative; height:48px!important; background:none!important; filter:none!important; border:0; }
.mp-v3 .MenuButton .Button,.mp-v3 .Lights,.mp-v3 .Extend,.mp-v3 .Label { display:none!important; }
.mp-v3 .MenuButton .Icon { left:12px!important; top:8px!important; width:32px!important; height:32px!important; transform:scale(.82); filter:saturate(.7) brightness(1.05); }
.mp-v3 .MenuButton::after { position:absolute; left:52px; top:18px; color:#d8c58f; font:700 10px/1 Verdana,sans-serif; text-transform:uppercase; letter-spacing:.11em; }
.mp-v3 #news .MenuButton::after { content:"Notícias"; }
.mp-v3 #account .MenuButton::after { content:"Conta"; }
.mp-v3 #community .MenuButton::after { content:"Comunidade"; }
.mp-v3 #forum .MenuButton::after { content:"Fórum"; }
.mp-v3 #library .MenuButton::after { content:"Biblioteca"; }
.mp-v3 #charactertrade .MenuButton::after { content:"Bazaar"; }
.mp-v3 #shops .MenuButton::after,.mp-v3 #shop .MenuButton::after { content:"Loja"; }
.mp-v3 .Submenu { background:#080d16!important; }
.mp-v3 .Submenuitem { min-height:28px!important; padding-left:10px!important; background:transparent!important; border-left:2px solid transparent; }
.mp-v3 .Submenuitem:hover { background:rgba(37,56,91,.65)!important; border-left-color:var(--ery-gold)!important; }
.mp-v3 .SubmenuitemLabel { font-size:10px!important; line-height:27px!important; color:#aab4c6!important; }
.mp-v3 .LeftChain,.mp-v3 .RightChain,.mp-v3 .ActiveSubmenuItemIcon { display:none!important; }

/* Content: cleaner steel/parchment hybrid, less 2000s sprite feel. */
.mp-v3 #ContentHelper > .Box,.mp-v3 .Content > .Box { border-radius:10px!important; border:1px solid rgba(214,169,74,.22)!important; background:#0a0d13!important; box-shadow:0 16px 45px rgba(0,0,0,.38)!important; }
.mp-v3 .Corner-tl,.mp-v3 .Corner-tr,.mp-v3 .Corner-bl,.mp-v3 .Corner-br,.mp-v3 .Border_1 { opacity:.25; }
.mp-v3 #ContentHelper > .Box > .BorderTitleText { background-image:none!important; background:linear-gradient(90deg,#192846,#101827)!important; border-bottom:1px solid rgba(214,169,74,.22); height:34px!important; filter:none!important; }
.mp-v3 .BoxContent { background:linear-gradient(180deg,#efe4c7,#d7c49c)!important; padding:22px 24px!important; border-radius:0 0 7px 7px; }
.mp-v3 #ContentHelper .Title { margin-top:5px; filter:sepia(.35) saturate(.8) brightness(1.15); }
.mp-v3 .InfoBar { background:linear-gradient(90deg,#17253f,#0b111d)!important; }
.mp-v3 .InfoBarLinks { color:#d7c185!important; }

/* Home news gets more breathing room. */
.mp-home #ContentColumn { margin-right:18px!important; }
.mp-home #ContentHelper { min-height:420px; }
.mp-home #news.Box { overflow:hidden; }

@media (max-width:1180px) {
  .mp-v3 .mp-hero-emblem { right:50px; width:285px; height:285px; }
  .mp-v3 .mp-hero-copy { max-width:560px; }
  .mp-v3 .mp-hero h1 { font-size:46px; }
  .mp-v3 .mp-feature-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .mp-v3 .mp-brand { min-width:0; }
  .mp-v3 .mp-brand img { width:52px; height:52px; }
  .mp-v3 .mp-hero { min-height:500px; padding:34px 26px 170px; }
  .mp-v3 .mp-hero-emblem { right:18px; top:55px; width:210px; height:210px; opacity:.42; }
  .mp-v3 .mp-hero-stats { left:25px; right:25px; bottom:28px; min-width:0; }
  .mp-v3 #MenuColumn { width:auto!important; margin:0 9px 12px!important; }
  .mp-v3 #ContentColumn { margin:0 9px!important; }
}
@media (max-width:600px) {
  .mp-v3 .mp-header { min-height:62px; }
  .mp-v3 .mp-brand b { font-size:17px; }
  .mp-v3 .mp-brand small { display:none; }
  .mp-v3 .mp-hero { margin-left:8px; margin-right:8px; min-height:520px; padding:30px 18px 210px; }
  .mp-v3 .mp-hero h1 { font-size:34px; }
  .mp-v3 .mp-hero-emblem { width:170px; height:170px; right:8px; top:80px; }
  .mp-v3 .mp-hero-stats { grid-template-columns:1fr; left:18px; right:18px; }
  .mp-v3 .mp-feature-grid { grid-template-columns:1fr; margin-left:8px; margin-right:8px; }
  .mp-v3 .mp-feature-grid > a { min-height:62px; }
  .mp-v3 .mp-trustline { gap:9px; }
}

/* === ErynOT V4: finish the content redesign === */
.mp-v3 #ContentColumn { background:transparent!important; }
.mp-v3 #ContentHelper > .Box { margin-bottom:16px!important; overflow:hidden; }
.mp-v3 #ContentHelper .BoxContent { color:#c8d0dd!important; background:linear-gradient(180deg,#0d121c,#080c13)!important; border-top:1px solid rgba(214,169,74,.18); box-shadow:inset 0 1px rgba(255,255,255,.025)!important; }
.mp-v3 #ContentHelper .BoxContent a { color:#e0bd6a!important; }
.mp-v3 #ContentHelper .BoxContent a:hover { color:#ffe09a!important; }
.mp-v3 #ContentHelper .BoxContent h1,.mp-v3 #ContentHelper .BoxContent h2,.mp-v3 #ContentHelper .BoxContent h3,.mp-v3 #ContentHelper .BoxContent b { color:#f0d28a; }
.mp-v3 #ContentHelper .BoxContent input,.mp-v3 #ContentHelper .BoxContent select,.mp-v3 #ContentHelper .BoxContent textarea { color:#e8edf5!important; background:#070b12!important; border:1px solid #28344a!important; border-radius:5px; padding:7px 9px; }
.mp-v3 #ContentHelper .BoxContent input:focus,.mp-v3 #ContentHelper .BoxContent select:focus,.mp-v3 #ContentHelper .BoxContent textarea:focus { outline:none; border-color:#a97b32!important; box-shadow:0 0 0 2px rgba(214,169,74,.1); }
.mp-v3 #ContentHelper .TableContainer,.mp-v3 #ContentHelper .TableContent { background:#0b1019!important; color:#c9d1df!important; }
.mp-v3 #ContentHelper table { color:#c9d1df; }
.mp-v3 #ContentHelper td,.mp-v3 #ContentHelper th { border-color:#202a3b!important; }
.mp-v3 #ContentHelper .Odd,.mp-v3 #ContentHelper tr.Odd { background:#0b111b!important; color:#cbd2de!important; }
.mp-v3 #ContentHelper .Even,.mp-v3 #ContentHelper tr.Even { background:#101827!important; color:#cbd2de!important; }
.mp-v3 #ContentHelper .LabelV,.mp-v3 #ContentHelper .LabelH { color:#e0bd6a!important; }

/* Newsticker: remove parchment/sprite framing entirely. */
.mp-v3 #newsticker { border:1px solid rgba(214,169,74,.24)!important; background:linear-gradient(180deg,#0d131e,#080c13)!important; border-radius:9px!important; overflow:hidden; }
.mp-v3 #newsticker .Corner-tl,.mp-v3 #newsticker .Corner-tr,.mp-v3 #newsticker .Corner-bl,.mp-v3 #newsticker .Corner-br,.mp-v3 #newsticker .Border_1,.mp-v3 #newsticker .Border_2,.mp-v3 #newsticker .Border_3 { background:none!important; border:0!important; }
.mp-v3 #newsticker .BorderTitleText { height:auto!important; padding:13px 18px!important; background:linear-gradient(90deg,#17243d,#0d1421)!important; border-bottom:1px solid rgba(214,169,74,.2); }
.mp-v3 #newsticker .BorderTitleText::after { content:'ÚLTIMAS NOTÍCIAS'; color:#e7c46f; font:700 11px/1 Verdana,sans-serif; letter-spacing:.14em; }
.mp-v3 #newsticker > .Title { display:none!important; }
.mp-v3 #newsticker .BoxContent { padding:8px 12px!important; background:none!important; }
.mp-v3 #newsticker .Row { margin:5px 0; border:1px solid #1e293b; border-radius:6px; overflow:hidden; cursor:pointer; }
.mp-v3 #newsticker .Row > .Odd,.mp-v3 #newsticker .Row > .Even { min-height:36px; padding:9px 12px!important; background:#0c121c!important; }
.mp-v3 #newsticker .NewsTickerText { color:#c7cfdd!important; line-height:20px; }
.mp-v3 #newsticker .NewsTickerDate { color:#8d9aaf!important; font-size:10px; }
.mp-v3 #newsticker .NewsTickerExtend { opacity:.65; filter:grayscale(1) brightness(2); }

/* News cards: overwrite the old red Tibia headline. */
.mp-v3 .NewsHeadline { margin:2px 0 0!important; padding:0!important; border:0!important; }
.mp-v3 .NewsHeadlineBackground { position:relative!important; min-height:44px!important; height:auto!important; padding:10px 14px 10px 48px!important; box-sizing:border-box; background-image:none!important; background:linear-gradient(90deg,#182640,#101724)!important; border:1px solid rgba(214,169,74,.2)!important; border-radius:7px 7px 0 0!important; }
.mp-v3 .NewsHeadlineIcon { position:absolute!important; left:13px!important; top:8px!important; width:28px!important; height:28px!important; object-fit:contain; }
.mp-v3 .NewsHeadlineDate { position:static!important; display:inline-block; color:#9ca8ba!important; font:700 9px/1.3 Verdana,sans-serif!important; margin-right:8px; }
.mp-v3 .NewsHeadlineText { position:static!important; display:inline; color:#f0d28a!important; font:700 13px/1.4 Verdana,sans-serif!important; }
.mp-v3 .NewsHeadlineAuthor { position:static!important; float:right; color:#7f8da4!important; font-size:9px!important; }
.mp-v3 .NewsHeadline + table { margin:0 0 18px!important; padding:0!important; background:linear-gradient(180deg,#0d121c,#090d14)!important; border:1px solid rgba(214,169,74,.14)!important; border-top:0!important; border-radius:0 0 7px 7px!important; color:#cbd2dd!important; }
.mp-v3 .NewsHeadline + table td { padding:17px 18px!important; color:#cbd2dd!important; line-height:1.6; }
.mp-v3 .NewsHeadline + table + br { display:none; }

/* Featured article follows the same language. */
.mp-v3 #FeaturedArticle .BorderTitleText::after { content:'DESTAQUE'; color:#e7c46f; font:700 11px/34px Verdana,sans-serif; letter-spacing:.14em; padding-left:16px; }
.mp-v3 #FeaturedArticle > .Title { display:none!important; }
.mp-v3 #FeaturedArticle #TeaserThumbnail img { border-radius:7px; border:1px solid rgba(214,169,74,.3); object-fit:cover; }
.mp-v3 #FeaturedArticle #TeaserText { color:#cbd2dd!important; }

/* Sidebar submenus: no cyan legacy strips. */
.mp-v3 .Submenuitem { border-bottom:1px solid rgba(68,83,108,.35)!important; }
.mp-v3 .Submenuitem:hover .SubmenuitemLabel { color:#f0d28a!important; }
.mp-v3 .SubmenuitemLabel { text-shadow:none!important; }

/* Cleaner footer / whitespace. */
.mp-v3 #Footer { color:#69758a!important; padding:24px 0 36px!important; }

/* === ErynOT V5 — screenshot-matched medieval portal === */
.mp-v5 {
  --v5-bg:#080706;
  --v5-panel:#100f0d;
  --v5-panel-2:#15120e;
  --v5-gold:#c99848;
  --v5-gold-soft:#e1bb72;
  --v5-red:#6c1e15;
  --v5-border:#4b3922;
  --v5-text:#e7dfcf;
  --v5-muted:#9a9388;
}
.mp-v5 #ArtworkHelper { background:linear-gradient(rgba(5,5,5,.08),rgba(5,5,5,.22)); }
.mp-v5 #Bodycontainer { max-width:1500px!important; padding-top:0!important; }

/* top navigation becomes a cinematic black/gold bar */
.mp-v5 .mp-header {
  margin:0!important; min-height:104px!important; border-radius:0!important;
  border:0!important; border-bottom:1px solid rgba(190,139,63,.35)!important;
  background:linear-gradient(180deg,rgba(4,4,4,.99),rgba(8,7,6,.98))!important;
  box-shadow:0 10px 40px rgba(0,0,0,.55)!important; padding:0 36px!important;
}
.mp-v5 .mp-header::before { display:none!important; }
.mp-v5 .mp-brand { min-width:310px!important; gap:14px!important; }
.mp-v5 .mp-brand img { width:74px!important; height:74px!important; border-radius:50%!important; object-fit:cover!important; }
.mp-v5 .mp-brand b { font-family:Georgia,serif!important; font-size:30px!important; letter-spacing:.06em!important; color:#e5bd71!important; text-shadow:0 1px #000,0 0 12px rgba(203,151,67,.18); }
.mp-v5 .mp-brand small { color:#8d7960!important; letter-spacing:.22em!important; font-size:8px!important; }
.mp-v5 .mp-nav { justify-content:center!important; gap:2px!important; }
.mp-v5 .mp-nav a { height:103px!important; display:flex!important; align-items:center!important; padding:0 20px!important; color:#d6cfc0!important; font-family:Georgia,serif!important; font-size:13px!important; letter-spacing:.04em!important; position:relative; }
.mp-v5 .mp-nav a:hover,.mp-v5 .mp-nav a:first-child { color:#fff2cf!important; background:linear-gradient(180deg,rgba(95,44,19,.14),rgba(184,121,47,.09))!important; }
.mp-v5 .mp-nav a:hover::after,.mp-v5 .mp-nav a:first-child::after { content:""; position:absolute; left:15px; right:15px; bottom:0; height:2px; background:#d29b43; box-shadow:0 0 10px rgba(210,155,67,.35); }
.mp-v5 .mp-header-actions { gap:14px!important; }
.mp-v5 .mp-status { color:#b8aa96!important; font-family:Georgia,serif!important; }
.mp-v5 .mp-account { border:1px solid #773624!important; border-radius:2px!important; padding:13px 20px!important; background:linear-gradient(180deg,#45180f,#1b0d09)!important; color:#f4dfb3!important; font-family:Georgia,serif!important; letter-spacing:.06em!important; }

/* home owns the screen: no legacy AAC columns on the front page */
.mp-v5.mp-home #ContentRow { display:none!important; }
.mp5-home-shell { margin:0 0 24px; }

/* hero: left cinematic artwork + right dedicated server card */
.mp5-hero-frame { display:grid; grid-template-columns:minmax(0,1fr) 350px; min-height:520px; border-bottom:1px solid #332819; background:#0b0907; }
.mp5-hero-main { position:relative; overflow:hidden; display:flex; align-items:center; padding:56px 58px; background:
  linear-gradient(90deg,rgba(4,3,2,.94) 0%,rgba(5,4,3,.78) 38%,rgba(4,3,2,.34) 72%,rgba(6,5,4,.56) 100%),
  url('images/ErynOT-hero-v6.jpg') center 42%/cover no-repeat; }
.mp5-hero-main::before { content:""; position:absolute; inset:0; box-shadow:inset 0 0 120px rgba(0,0,0,.72); pointer-events:none; }
.mp5-hero-copy { position:relative; z-index:3; width:min(600px,68%); text-align:left; }
.mp5-eyebrow { display:block; margin-bottom:3px; font:700 21px/1 Georgia,serif; color:#f0e6d0; letter-spacing:.04em; }
.mp5-hero-copy h1 { margin:0!important; font:700 clamp(58px,7vw,104px)/.92 Georgia,serif!important; color:#e4d0a5!important; letter-spacing:-.045em!important; text-shadow:0 4px 1px #25180c,0 0 12px rgba(221,180,108,.2); }
.mp5-hero-copy h2 { margin:18px 0 12px!important; font:700 22px/1.1 Georgia,serif!important; color:#d4a854!important; letter-spacing:.05em; }
.mp5-hero-copy p { max-width:520px; margin:0 0 28px!important; color:#ddd3c4!important; font:15px/1.55 Arial,sans-serif!important; text-shadow:0 1px 1px #000; }
.mp5-hero-actions { display:flex; gap:18px; flex-wrap:wrap; }
.mp5-cta { min-width:205px; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:70px; padding:10px 20px; border:2px solid; text-decoration:none!important; box-shadow:inset 0 0 0 2px rgba(255,255,255,.035),0 7px 20px rgba(0,0,0,.35); font-family:Georgia,serif; }
.mp5-cta strong { font-size:21px; line-height:1; }
.mp5-cta small { margin-top:5px; font-size:10px; letter-spacing:.08em; }
.mp5-cta-red { border-color:#7f3b24; color:#f0d8ad!important; background:linear-gradient(180deg,#6f2116,#35110d); }
.mp5-cta-gold { border-color:#8c692f; color:#efcc7f!important; background:linear-gradient(180deg,#57411d,#21180d); }
.mp5-cta:hover { filter:brightness(1.18); transform:translateY(-1px); }
.mp5-hero-sigil { position:absolute; right:26px; bottom:0; width:320px; height:320px; opacity:.22; filter:drop-shadow(0 14px 28px rgba(0,0,0,.75)); }
.mp5-hero-sigil img { width:100%; height:100%; object-fit:cover; border-radius:50%; }

.mp5-server-card { margin:26px 28px 26px 0; padding:24px 28px; border:1px solid #5b4527; background:linear-gradient(180deg,#11110f,#0b0b0a); box-shadow:inset 0 0 0 4px #17130d,inset 0 0 0 5px #3b2c18,0 12px 40px rgba(0,0,0,.5); color:#ddd5c7; align-self:stretch; }
.mp5-card-title { margin:-6px 0 27px; padding-bottom:13px; border-bottom:1px solid #3f3120; color:#ddb365; font:700 18px/1 Georgia,serif; letter-spacing:.06em; }
.mp5-world-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; font:13px/1.2 Arial,sans-serif; }
.mp5-world-row b { color:#f0eadf; }.mp5-world-row span { font-size:11px; font-weight:bold; }.mp5-world-row span i { display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:8px; box-shadow:0 0 8px currentColor; }.mp5-world-row .online { color:#4bd55a; }.mp5-world-row .offline { color:#e45545; }
.mp5-server-card dl { margin:0; }.mp5-server-card dl div { display:flex; justify-content:space-between; gap:20px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.025); font:13px/1 Arial,sans-serif; }.mp5-server-card dt { color:#aaa093; }.mp5-server-card dd { margin:0; color:#f0eadf; font-weight:bold; }
.mp5-server-info { display:flex; justify-content:center; gap:18px; margin-top:23px; padding:12px; border:1px solid #624a28; background:linear-gradient(180deg,#4b3518,#22180c); color:#e7c476!important; text-decoration:none!important; font:700 13px/1 Georgia,serif; letter-spacing:.05em; }

/* lower dashboard, matching the three-column reference */
.mp5-dashboard-grid { display:grid; grid-template-columns:1.02fr 1.28fr .9fr; gap:14px; padding:16px 28px 0; background:linear-gradient(180deg,#090807,#070706); }
.mp5-panel { min-height:390px; border:1px solid #493820; background:linear-gradient(180deg,#12110f,#0b0b0a); box-shadow:inset 0 0 0 3px rgba(0,0,0,.55),0 10px 26px rgba(0,0,0,.3); }
.mp5-panel > header { min-height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 20px; border-bottom:1px solid #40301b; background:linear-gradient(180deg,#15130f,#0e0d0b); }
.mp5-panel h3 { margin:0!important; color:#d9ad5a!important; font:700 17px/1 Georgia,serif!important; letter-spacing:.04em; }.mp5-panel header > a { color:#ad8b52!important; font:9px/1 Arial,sans-serif; text-decoration:none!important; }
.mp5-news-list { padding:8px 18px; }.mp5-news-item { display:grid; grid-template-columns:82px 1fr; gap:14px; padding:12px 0; border-bottom:1px solid #2b251b; color:inherit!important; text-decoration:none!important; }.mp5-news-item:last-child { border-bottom:0; }.mp5-news-thumb { height:78px; display:grid; place-items:center; border:1px solid #5a4224; background:radial-gradient(circle at 50% 30%,#40301b,#15110d 66%,#0a0908); color:#d1a455; font-size:30px; }.mp5-news-item b { display:block; color:#ddb86e; font:700 13px/1.2 Georgia,serif; }.mp5-news-item p { margin:7px 0!important; color:#bbb3a6!important; font:11px/1.4 Arial,sans-serif!important; }.mp5-news-item small { color:#716a60; font:9px Arial,sans-serif; }

.mp5-tabs { justify-content:flex-start!important; gap:0; padding:0!important; }.mp5-tabs h3,.mp5-tabs a { min-width:33.33%; height:52px; display:flex!important; justify-content:center; align-items:center; border-right:1px solid #2b251a; box-sizing:border-box; }.mp5-tabs h3 { background:linear-gradient(180deg,#421b14,#21100d); color:#f0dac0!important; }.mp5-tabs a { color:#9d958a!important; font:700 11px Georgia,serif!important; }
.mp5-ranking-head,.mp5-ranking-list a { display:grid; grid-template-columns:34px minmax(130px,1.35fr) 70px minmax(110px,1fr); align-items:center; column-gap:8px; }.mp5-ranking-head { padding:12px 16px 8px; color:#81796e; font:9px Arial,sans-serif; }.mp5-ranking-list { padding:0 16px; }.mp5-ranking-list a { min-height:29px; border-bottom:1px solid rgba(255,255,255,.025); color:#bcb3a5!important; text-decoration:none!important; font:11px/1 Arial,sans-serif; }.mp5-ranking-list a:hover { background:rgba(126,84,32,.08); }.mp5-ranking-list a span { color:#b48a45; }.mp5-ranking-list a b { color:#d8b562; font-weight:normal; }.mp5-ranking-list a em { color:#d4cdc0; font-style:normal; }.mp5-ranking-list a small { color:#b69659; font-size:10px; }
.mp5-rank-button { display:block; width:220px; margin:16px auto 18px; padding:11px; border:1px solid #7b3421; background:linear-gradient(180deg,#652014,#2c100b); color:#ecd7bd!important; text-align:center; text-decoration:none!important; font:700 11px Georgia,serif; }

.mp5-quick-panel nav { padding:4px 17px; }.mp5-quick-panel nav a { min-height:58px; display:grid; grid-template-columns:38px 1fr 16px; gap:11px; align-items:center; border-bottom:1px solid #2b251b; color:#d5cbbd!important; text-decoration:none!important; }.mp5-quick-panel nav i { color:#c79543; font-size:20px; text-align:center; }.mp5-quick-panel nav b { display:block; color:#d7ae61; font:700 12px/1.2 Georgia,serif; }.mp5-quick-panel nav small { display:block; margin-top:4px; color:#8b8378; font:10px Arial,sans-serif; }.mp5-quick-panel nav em { color:#b78942; font-size:22px; font-style:normal; }
.mp5-empty { padding:28px 16px; text-align:center; color:#8d8578; font:12px Arial,sans-serif; }

.mp5-trust-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; padding:18px 28px 24px; background:#070706; }.mp5-trust-strip > div { min-height:66px; display:grid; grid-template-columns:44px 1fr; gap:12px; align-items:center; padding:9px 14px; border:1px solid #322719; background:linear-gradient(180deg,#12100d,#0a0908); }.mp5-trust-strip i { color:#b68a47; font-size:26px; text-align:center; }.mp5-trust-strip b { display:block; color:#d6a957; font:700 11px Georgia,serif; }.mp5-trust-strip small { display:block; margin-top:4px; color:#8f877b; font:9px/1.3 Arial,sans-serif; }

/* Inner pages keep the ErynOT V4 functional skin, but inherit the stronger top bar */
.mp-v5.mp-inner #ContentRow { margin-top:12px; }

@media (max-width:1100px) {
  .mp5-hero-frame { grid-template-columns:1fr 300px; }.mp5-hero-main { padding:40px 34px; }.mp5-hero-copy { width:72%; }.mp5-dashboard-grid { grid-template-columns:1fr 1fr; }.mp5-quick-panel { grid-column:1/-1; }.mp5-quick-panel nav { display:grid; grid-template-columns:repeat(2,1fr); gap:0 18px; }.mp5-trust-strip { grid-template-columns:repeat(3,1fr); }.mp-v5 .mp-nav a { padding:0 10px!important; }
}
@media (max-width:820px) {
  .mp-v5 .mp-header { margin:0!important; padding:0 14px!important; min-height:72px!important; }.mp-v5 .mp-nav { top:72px!important; }.mp-v5 .mp-brand img { width:52px!important; height:52px!important; }.mp-v5 .mp-brand b { font-size:20px!important; }
  .mp5-hero-frame { grid-template-columns:1fr; }.mp5-server-card { margin:0; border-left:0; border-right:0; }.mp5-hero-main { min-height:430px; }.mp5-hero-sigil { width:240px; height:240px; opacity:.22; }.mp5-hero-copy { width:85%; }.mp5-dashboard-grid { grid-template-columns:1fr; padding-left:12px; padding-right:12px; }.mp5-quick-panel { grid-column:auto; }.mp5-quick-panel nav { display:block; }.mp5-trust-strip { grid-template-columns:1fr 1fr; padding-left:12px; padding-right:12px; }
}
@media (max-width:520px) {
  .mp5-hero-main { padding:34px 18px; min-height:450px; }.mp5-hero-copy { width:100%; }.mp5-eyebrow { font-size:16px; }.mp5-hero-copy h1 { font-size:54px!important; }.mp5-hero-copy h2 { font-size:17px!important; }.mp5-cta { min-width:145px; flex:1; }.mp5-dashboard-grid { gap:10px; }.mp5-ranking-head,.mp5-ranking-list a { grid-template-columns:28px 1fr 52px; }.mp5-ranking-head span:last-child,.mp5-ranking-list a small { display:none; }.mp5-trust-strip { grid-template-columns:1fr; }
}

/* ErynOT V6: cinematic generated hero artwork */

/* ErynOT V7: clean cinematic banner only (no baked UI/text) */
.mp5-hero-main {
  background:
    linear-gradient(90deg,rgba(4,3,2,.90) 0%,rgba(5,4,3,.72) 34%,rgba(4,3,2,.18) 68%,rgba(6,5,4,.34) 100%),
    url('images/ErynOT-hero-v7.jpg') center center/cover no-repeat !important;
}
.mp5-hero-main::before {
  box-shadow:inset 0 0 95px rgba(0,0,0,.58) !important;
}
.mp5-hero-sigil { display:none !important; }
.mp5-hero-copy { width:min(610px,62%) !important; }
@media (max-width:820px) {
  .mp5-hero-main { background-position:center center !important; }
  .mp5-hero-copy { width:88% !important; }
}
@media (max-width:520px) {
  .mp5-hero-main { background-position:58% center !important; }
  .mp5-hero-copy { width:100% !important; }
}

/* ========================================================================
   ErynOT V8 — OBSIDIAN CITADEL
   Complete visual overhaul. The cinematic hero banner image is intentionally
   preserved; the global page background, chrome, panels, typography and inner
   pages are rebuilt around a darker forged-metal / ancient-stone aesthetic.
   ======================================================================== */

.mp-v8 {
  --v8-bg-0:#050607;
  --v8-bg-1:#090b0d;
  --v8-bg-2:#101215;
  --v8-panel:rgba(13,15,17,.94);
  --v8-panel-hi:rgba(21,22,23,.96);
  --v8-panel-soft:rgba(20,18,14,.88);
  --v8-gold:#d8ad5b;
  --v8-gold-hi:#f1d58e;
  --v8-gold-dim:#8f6d35;
  --v8-red:#7d241b;
  --v8-red-hi:#b74b36;
  --v8-text:#eee7d9;
  --v8-muted:#9f988c;
  --v8-line:rgba(216,173,91,.24);
  --v8-line-strong:rgba(216,173,91,.48);
  --v8-shadow:0 18px 45px rgba(0,0,0,.52);
  background:#050607 !important;
  color:var(--v8-text);
}

/* NEW SITE BACKGROUND — deliberately independent from the hero banner. */
.mp-v8::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% -12%, rgba(141,91,35,.22) 0, rgba(62,43,24,.09) 31%, transparent 58%),
    radial-gradient(circle at 12% 36%, rgba(120,43,24,.09), transparent 27%),
    radial-gradient(circle at 88% 62%, rgba(154,105,48,.07), transparent 30%),
    repeating-linear-gradient(118deg, rgba(255,255,255,.013) 0 1px, transparent 1px 7px),
    linear-gradient(180deg,#090b0d 0%,#060708 44%,#030405 100%) !important;
}
.mp-v8::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.72;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58),transparent 14%,transparent 86%,rgba(0,0,0,.58)),
    repeating-linear-gradient(0deg, transparent 0 46px, rgba(207,165,87,.018) 47px 48px),
    radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.38) 100%);
}

.mp-v8 #ArtworkHelper { background:transparent !important; }
.mp-v8 #Bodycontainer {
  max-width:1560px;
  padding:0 24px 42px;
}

/* Header becomes a single forged black bar. */
.mp-v8 .mp-header {
  min-height:84px!important;
  margin:0!important;
  padding:0 26px!important;
  border:1px solid rgba(216,173,91,.22)!important;
  border-top:0!important;
  background:
    linear-gradient(180deg,rgba(18,20,21,.98),rgba(7,8,9,.98))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.48),inset 0 -1px rgba(216,173,91,.16)!important;
  backdrop-filter:blur(14px);
}
.mp-v8 .mp-header::before {
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#6c4d23 17%,#d7aa54 50%,#6c4d23 83%,transparent);
  opacity:.56;
}
.mp-v8 .mp-brand { gap:13px!important; padding-right:26px!important; border-right:1px solid rgba(216,173,91,.16); }
.mp-v8 .mp-brand img { width:62px!important; height:62px!important; filter:drop-shadow(0 0 14px rgba(220,169,75,.20)); }
.mp-v8 .mp-brand b { color:#efcf83!important; font-size:26px!important; letter-spacing:.065em!important; text-shadow:0 2px 8px #000; }
.mp-v8 .mp-brand small { color:#8e7753!important; letter-spacing:.24em!important; }
.mp-v8 .mp-nav { gap:3px!important; }
.mp-v8 .mp-nav a {
  position:relative;
  height:84px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center;
  color:#b9aa91!important;
  font:700 12px/1 Georgia,serif!important;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:color .2s ease,background .2s ease;
}
.mp-v8 .mp-nav a::after {
  content:"";
  position:absolute;
  left:18px; right:18px; bottom:0;
  height:2px;
  transform:scaleX(0);
  background:#d7aa54;
  transition:transform .2s ease;
}
.mp-v8 .mp-nav a:hover { color:#f2d99e!important; background:linear-gradient(180deg,transparent,rgba(216,173,91,.055)); }
.mp-v8 .mp-nav a:hover::after { transform:scaleX(1); }
.mp-v8 .mp-header-actions { gap:12px!important; }
.mp-v8 .mp-status {
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.22);
  border-radius:2px;
  letter-spacing:.08em;
}
.mp-v8 .mp-account {
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid #745327!important;
  background:linear-gradient(180deg,#292013,#100d09)!important;
  color:#e6c275!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.28)!important;
}

/* Home frame: hero image itself is untouched. */
.mp-v8 .mp5-home-shell {
  margin-top:14px;
  border:1px solid rgba(216,173,91,.25);
  background:rgba(6,7,8,.74);
  box-shadow:0 28px 75px rgba(0,0,0,.48);
}
.mp-v8 .mp5-hero-frame {
  min-height:510px;
  grid-template-columns:minmax(0,1fr) 342px;
  background:#08090a!important;
  border-bottom:1px solid var(--v8-line)!important;
}
.mp-v8 .mp5-hero-main {
  min-height:510px!important;
  padding:64px 56px!important;
  /* KEEP BANNER IMAGE: only overlay treatment is adjusted. */
  background:
    linear-gradient(90deg,rgba(3,4,5,.93) 0%,rgba(4,5,6,.69) 35%,rgba(4,5,6,.10) 68%,rgba(3,4,5,.30) 100%),
    url('images/ErynOT-hero-v7.jpg') center center/cover no-repeat !important;
}
.mp-v8 .mp5-hero-main::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(216,173,91,.035),transparent 23%,transparent 76%,rgba(0,0,0,.46));
}
.mp-v8 .mp5-hero-copy { position:relative; z-index:2; width:min(620px,64%)!important; }
.mp-v8 .mp5-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  color:#cbb58c!important;
  font-size:16px!important;
  letter-spacing:.16em!important;
}
.mp-v8 .mp5-eyebrow::before { content:""; width:32px; height:1px; background:#b78a42; }
.mp-v8 .mp5-hero-copy h1 {
  color:#efd18e!important;
  font-size:clamp(64px,7vw,108px)!important;
  letter-spacing:-.055em!important;
  text-shadow:0 5px 0 #24170b,0 0 28px rgba(202,147,58,.17)!important;
}
.mp-v8 .mp5-hero-copy h2 { color:#c99b4d!important; font-size:20px!important; letter-spacing:.085em!important; }
.mp-v8 .mp5-hero-copy p { color:#d5d0c7!important; font-size:15px!important; line-height:1.7!important; }
.mp-v8 .mp5-hero-actions { gap:12px!important; }
.mp-v8 .mp5-cta {
  min-width:214px;
  min-height:66px;
  border-width:1px!important;
  clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.mp-v8 .mp5-cta-red { border-color:#8c3d2b!important; background:linear-gradient(180deg,#6d2419,#2b0e0b)!important; box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.38)!important; }
.mp-v8 .mp5-cta-gold { border-color:#886632!important; background:linear-gradient(180deg,#46351b,#17120b)!important; }
.mp-v8 .mp5-cta:hover { transform:translateY(-2px)!important; filter:brightness(1.13)!important; box-shadow:0 12px 28px rgba(0,0,0,.45)!important; }

/* Status panel: floating observatory card. */
.mp-v8 .mp5-server-card {
  margin:24px 24px 24px 0!important;
  padding:24px!important;
  border:1px solid rgba(216,173,91,.38)!important;
  background:
    linear-gradient(180deg,rgba(20,21,21,.97),rgba(8,9,10,.98))!important;
  box-shadow:inset 0 0 0 3px #0b0c0d,inset 0 0 0 4px rgba(216,173,91,.13),0 18px 38px rgba(0,0,0,.48)!important;
}
.mp-v8 .mp5-card-title { color:#e0bb6b!important; font-size:16px!important; letter-spacing:.09em!important; }
.mp-v8 .mp5-world-row { padding:2px 0 14px; border-bottom:1px solid rgba(216,173,91,.12); }
.mp-v8 .mp5-server-card dl div { padding:10px 0!important; }
.mp-v8 .mp5-server-card dt { color:#8e8a82!important; }
.mp-v8 .mp5-server-card dd { color:#e7dfd1!important; }
.mp-v8 .mp5-server-info { border-color:#76562a!important; background:linear-gradient(180deg,#2f2516,#120f0a)!important; }

/* Dashboard cards: less brown, more obsidian/metal. */
.mp-v8 .mp5-dashboard-grid {
  gap:16px!important;
  padding:18px 18px 0!important;
  background:transparent!important;
}
.mp-v8 .mp5-panel {
  border:1px solid rgba(216,173,91,.22)!important;
  background:linear-gradient(180deg,rgba(18,19,20,.97),rgba(9,10,11,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 14px 30px rgba(0,0,0,.32)!important;
}
.mp-v8 .mp5-panel > header {
  min-height:50px!important;
  padding:0 18px!important;
  background:linear-gradient(180deg,#17191a,#0e0f10)!important;
  border-bottom:1px solid rgba(216,173,91,.18)!important;
}
.mp-v8 .mp5-panel h3 { color:#d6ae60!important; letter-spacing:.07em!important; }
.mp-v8 .mp5-news-item { grid-template-columns:72px 1fr!important; }
.mp-v8 .mp5-news-thumb {
  height:70px!important;
  border-color:rgba(216,173,91,.28)!important;
  background:radial-gradient(circle at 50% 30%,#3c2a17,#151414 58%,#090a0b)!important;
}
.mp-v8 .mp5-news-item b { color:#d8b568!important; }
.mp-v8 .mp5-news-item p { color:#aaa59d!important; }
.mp-v8 .mp5-tabs h3 { background:linear-gradient(180deg,#502017,#24100d)!important; }
.mp-v8 .mp5-ranking-list a { min-height:31px!important; }
.mp-v8 .mp5-ranking-list a:hover { background:rgba(216,173,91,.045)!important; }
.mp-v8 .mp5-rank-button { border-color:#803321!important; background:linear-gradient(180deg,#5b1d14,#250c09)!important; }
.mp-v8 .mp5-quick-panel nav a { min-height:60px!important; }
.mp-v8 .mp5-quick-panel nav a:hover { background:linear-gradient(90deg,rgba(216,173,91,.045),transparent); }

.mp-v8 .mp5-trust-strip {
  gap:12px!important;
  padding:18px!important;
  background:transparent!important;
}
.mp-v8 .mp5-trust-strip > div {
  min-height:72px!important;
  border:1px solid rgba(216,173,91,.17)!important;
  background:linear-gradient(180deg,rgba(18,20,21,.93),rgba(8,9,10,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.mp-v8 .mp5-trust-strip > div:hover { border-color:rgba(216,173,91,.34)!important; transform:translateY(-1px); }

/* Inner pages: replace the old parchment-heavy feel with a premium dark content shell. */
.mp-v8.mp-inner #ContentRow { margin-top:18px!important; }
.mp-v8.mp-inner #MenuColumn,
.mp-v8.mp-inner #ThemeboxesColumn { filter:none!important; }
.mp-v8.mp-inner #ContentColumn { min-width:0; }
.mp-v8.mp-inner .Box,
.mp-v8.mp-inner .TableContainer,
.mp-v8.mp-inner #Loginbox,
.mp-v8.mp-inner #Menu,
.mp-v8.mp-inner .Themebox {
  border:1px solid rgba(216,173,91,.23)!important;
  border-radius:3px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.36)!important;
  overflow:hidden;
}
.mp-v8.mp-inner .BoxContent {
  background:linear-gradient(180deg,#ded2b7,#cfc0a1)!important;
  color:#2b231a!important;
}
.mp-v8.mp-inner .BoxContent a { color:#6f271a!important; }
.mp-v8.mp-inner .TableContainer .TableContent,
.mp-v8.mp-inner .TableContent { background:#d8ccb0!important; }
.mp-v8.mp-inner .form-control,
.mp-v8.mp-inner select,
.mp-v8.mp-inner textarea,
.mp-v8.mp-inner input[type="text"],
.mp-v8.mp-inner input[type="password"],
.mp-v8.mp-inner input[type="email"],
.mp-v8.mp-inner input[type="number"] {
  background:#eee4cb!important;
  border-color:#80643a!important;
}
.mp-v8 .btn-primary,.mp-v8 .btn-success,
.mp-v8 button[type="submit"],.mp-v8 input[type="submit"] {
  background:linear-gradient(180deg,#742619,#3a100c)!important;
  border:1px solid #9e5834!important;
  color:#f0dfbd!important;
}

/* Footer blends into the new site background rather than looking like a separate skin. */
.mp-v8 #Footer {
  max-width:1240px;
  margin:28px auto 0!important;
  padding:22px 18px 30px!important;
  border-top:1px solid rgba(216,173,91,.13);
  color:#77746d!important;
}

@media (max-width:1100px) {
  .mp-v8 #Bodycontainer { padding:0 14px 32px; }
  .mp-v8 .mp5-hero-frame { grid-template-columns:1fr 310px; }
  .mp-v8 .mp5-hero-main { padding:52px 38px!important; }
  .mp-v8 .mp5-hero-copy { width:72%!important; }
}
@media (max-width:820px) {
  .mp-v8 .mp-header { min-height:72px!important; padding:0 14px!important; }
  .mp-v8 .mp-brand { border-right:0; padding-right:0!important; }
  .mp-v8 .mp-brand img { width:48px!important; height:48px!important; }
  .mp-v8 .mp5-home-shell { margin-top:10px; }
  .mp-v8 .mp5-hero-frame { grid-template-columns:1fr; }
  .mp-v8 .mp5-hero-main { min-height:455px!important; padding:42px 28px!important; }
  .mp-v8 .mp5-hero-copy { width:88%!important; }
  .mp-v8 .mp5-server-card { margin:0!important; border-left:0!important; border-right:0!important; }
}
@media (max-width:520px) {
  .mp-v8 #Bodycontainer { padding:0 8px 24px; }
  .mp-v8 .mp5-home-shell { border-left:0; border-right:0; }
  .mp-v8 .mp5-hero-main { min-height:470px!important; padding:36px 20px!important; }
  .mp-v8 .mp5-hero-copy { width:100%!important; }
  .mp-v8 .mp5-hero-copy h1 { font-size:56px!important; }
  .mp-v8 .mp5-hero-actions { flex-direction:column; align-items:stretch; }
  .mp-v8 .mp5-cta { width:100%; min-width:0; }
  .mp-v8 .mp5-dashboard-grid,.mp-v8 .mp5-trust-strip { padding-left:10px!important; padding-right:10px!important; }
}

/* =========================================================
   ErynOT V9 — Cinematic portal redesign
   Banner artwork is intentionally preserved. Everything
   around it is rebuilt to feel larger, cleaner and premium.
   ========================================================= */
.mp-v9 {
  --v9-gold:#d6aa55;
  --v9-gold-hi:#f1d28d;
  --v9-gold-dim:#806230;
  --v9-red:#8d2e20;
  --v9-ink:#070809;
  --v9-panel:#0d0f11;
  --v9-panel-2:#131518;
  --v9-line:rgba(214,170,85,.22);
  --v9-text:#d8d2c7;
  --v9-muted:#8d8981;
  background:
    radial-gradient(circle at 12% 5%, rgba(123,63,24,.18), transparent 27%),
    radial-gradient(circle at 88% 28%, rgba(49,66,73,.15), transparent 28%),
    radial-gradient(circle at 50% 110%, rgba(108,56,22,.15), transparent 34%),
    linear-gradient(180deg,#08090a 0%,#050607 42%,#090807 100%) !important;
  background-attachment:fixed!important;
  color:var(--v9-text);
}
.mp-v9::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
.mp-v9 #ArtworkHelper { min-height:100vh!important; background:none!important; }
.mp-v9 #Bodycontainer {
  width:min(1680px,calc(100% - 44px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:18px 0 44px!important;
}

/* Header */
.mp-v9 .mp-header {
  min-height:94px!important;
  margin:0!important;
  padding:0 22px!important;
  grid-template-columns:330px 1fr auto!important;
  gap:24px!important;
  border:1px solid rgba(214,170,85,.25)!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(17,19,21,.96),rgba(8,9,10,.98)),
    radial-gradient(circle at 18% 0,rgba(143,73,30,.11),transparent 40%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03)!important;
  overflow:visible;
}
.mp-v9 .mp-header::after {
  content:"";
  position:absolute;
  left:16px; right:16px; bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--v9-gold-dim),var(--v9-gold-hi),var(--v9-gold-dim),transparent);
  opacity:.65;
}
.mp-v9 .mp-brand { min-width:0!important; gap:14px!important; padding-right:26px!important; border-right:1px solid rgba(214,170,85,.15)!important; }
.mp-v9 .mp-brand img { width:70px!important; height:70px!important; object-fit:contain!important; filter:drop-shadow(0 0 18px rgba(214,170,85,.22))!important; }
.mp-v9 .mp-brand b { font-size:29px!important; letter-spacing:.075em!important; color:#efd08a!important; }
.mp-v9 .mp-brand small { margin-top:7px!important; color:#8b7652!important; font-size:8px!important; letter-spacing:.27em!important; }
.mp-v9 .mp-nav { height:94px; gap:4px!important; justify-content:flex-start!important; }
.mp-v9 .mp-nav a {
  height:94px!important;
  padding:0 18px!important;
  color:#bdb3a1!important;
  font:700 12px/1 Georgia,serif!important;
  letter-spacing:.08em!important;
}
.mp-v9 .mp-nav a::before {
  content:"";
  position:absolute;
  inset:14px 5px;
  opacity:0;
  background:linear-gradient(180deg,rgba(214,170,85,.055),transparent);
  transition:opacity .18s ease;
}
.mp-v9 .mp-nav a:hover::before { opacity:1; }
.mp-v9 .mp-nav a:hover { color:#f0d59b!important; }
.mp-v9 .mp-nav a::after { left:12px!important; right:12px!important; background:linear-gradient(90deg,transparent,#e2b75e,transparent)!important; }
.mp-v9 .mp-status { border-color:rgba(255,255,255,.07)!important; background:#08090a!important; padding:10px 13px!important; }
.mp-v9 .mp-account {
  min-height:46px!important;
  padding:0 21px!important;
  display:flex!important;
  align-items:center!important;
  border-color:#8d6830!important;
  background:linear-gradient(180deg,#3a2a15,#171008)!important;
  color:#efd089!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.28)!important;
}
.mp-v9 .mp-account:hover { border-color:#c69645!important; filter:brightness(1.12); }

/* Main home frame */
.mp-v9 .mp5-home-shell {
  margin:18px 0 0!important;
  border:1px solid rgba(214,170,85,.26)!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(10,11,12,.95),rgba(6,7,8,.98))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.52)!important;
}
.mp-v9 .mp5-hero-frame {
  min-height:585px!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
  background:#08090a!important;
}
.mp-v9 .mp5-hero-main {
  min-height:585px!important;
  padding:72px 74px!important;
  align-items:center!important;
  background:
    linear-gradient(90deg,rgba(4,5,6,.94) 0%,rgba(4,5,6,.77) 28%,rgba(4,5,6,.30) 52%,rgba(4,5,6,.08) 72%,rgba(4,5,6,.30) 100%),
    linear-gradient(0deg,rgba(0,0,0,.58),transparent 44%),
    url('images/ErynOT-hero-v7.jpg') center center/cover no-repeat!important;
}
.mp-v9 .mp5-hero-main::before { box-shadow:inset 0 0 150px rgba(0,0,0,.52)!important; }
.mp-v9 .mp5-hero-main::after {
  background:
    linear-gradient(90deg,rgba(214,170,85,.07),transparent 1px) 0 0/190px 100%,
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%,transparent 78%,rgba(0,0,0,.52))!important;
}
.mp-v9 .mp5-hero-copy { width:min(690px,68%)!important; }
.mp-v9 .mp5-eyebrow {
  margin-bottom:14px!important;
  color:#e0d3b8!important;
  font-size:17px!important;
  letter-spacing:.2em!important;
}
.mp-v9 .mp5-eyebrow::before { width:42px!important; background:linear-gradient(90deg,transparent,#c79848)!important; }
.mp-v9 .mp5-hero-copy h1 {
  font-size:clamp(76px,7vw,124px)!important;
  line-height:.86!important;
  letter-spacing:-.06em!important;
  color:#f0d18b!important;
  text-shadow:0 6px 0 #24170c,0 12px 34px rgba(0,0,0,.66),0 0 32px rgba(215,161,67,.13)!important;
}
.mp-v9 .mp5-hero-copy h2 { margin-top:24px!important; color:#d9aa53!important; font-size:22px!important; letter-spacing:.1em!important; }
.mp-v9 .mp5-hero-copy p { max-width:590px!important; margin-bottom:32px!important; color:#ddd8cf!important; font-size:16px!important; line-height:1.75!important; }
.mp-v9 .mp5-hero-actions { gap:14px!important; }
.mp-v9 .mp5-cta {
  min-width:220px!important;
  min-height:72px!important;
  padding:12px 24px!important;
  clip-path:none!important;
  position:relative;
  overflow:hidden;
}
.mp-v9 .mp5-cta::after { content:""; position:absolute; inset:3px; border:1px solid rgba(255,255,255,.055); pointer-events:none; }
.mp-v9 .mp5-cta strong { font-size:19px!important; letter-spacing:.035em!important; }
.mp-v9 .mp5-cta small { font-size:9px!important; letter-spacing:.12em!important; }
.mp-v9 .mp5-cta-red { background:linear-gradient(180deg,#76261a,#3c110c)!important; border-color:#a14a31!important; }
.mp-v9 .mp5-cta-gold { background:linear-gradient(180deg,#49361b,#21170d)!important; border-color:#927039!important; }

/* Server card */
.mp-v9 .mp5-server-card {
  margin:28px 28px 28px 0!important;
  padding:30px 30px 26px!important;
  align-self:stretch!important;
  border:1px solid rgba(214,170,85,.32)!important;
  background:
    linear-gradient(180deg,rgba(20,22,24,.99),rgba(8,9,10,.99)),
    radial-gradient(circle at 50% 0,rgba(214,170,85,.07),transparent 35%)!important;
  box-shadow:inset 0 0 0 4px #0a0b0c,inset 0 0 0 5px rgba(214,170,85,.11),0 22px 48px rgba(0,0,0,.42)!important;
}
.mp-v9 .mp5-card-title { margin-bottom:30px!important; padding-bottom:17px!important; color:#e8c776!important; font-size:19px!important; letter-spacing:.09em!important; }
.mp-v9 .mp5-world-row { margin-bottom:20px!important; padding-bottom:18px!important; font-size:13px!important; }
.mp-v9 .mp5-server-card dl div { padding:11px 0!important; font-size:13px!important; }
.mp-v9 .mp5-server-card dt { color:#99938a!important; }
.mp-v9 .mp5-server-card dd { color:#eee8dc!important; }
.mp-v9 .mp5-server-info { margin-top:28px!important; padding:14px!important; background:linear-gradient(180deg,#352718,#171009)!important; border-color:#80602f!important; }

/* Dashboard */
.mp-v9 .mp5-dashboard-grid {
  grid-template-columns:1.02fr 1.28fr .92fr!important;
  gap:18px!important;
  padding:22px 22px 0!important;
  background:
    linear-gradient(180deg,rgba(14,15,16,.55),transparent 35%),
    transparent!important;
}
.mp-v9 .mp5-panel {
  min-height:420px!important;
  border-color:rgba(214,170,85,.21)!important;
  background:linear-gradient(180deg,#121416,#0a0b0c)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.28)!important;
}
.mp-v9 .mp5-panel > header {
  min-height:58px!important;
  padding:0 20px!important;
  background:linear-gradient(180deg,#17191b,#0e0f10)!important;
}
.mp-v9 .mp5-panel h3 { font-size:17px!important; color:#e1b965!important; }
.mp-v9 .mp5-news-list { padding:10px 18px!important; }
.mp-v9 .mp5-news-item { grid-template-columns:78px 1fr!important; gap:15px!important; padding:15px 0!important; }
.mp-v9 .mp5-news-thumb { height:76px!important; border-color:rgba(214,170,85,.26)!important; background:radial-gradient(circle at 50% 32%,#46321b,#181514 58%,#090a0b)!important; }
.mp-v9 .mp5-news-item b { font-size:13px!important; }
.mp-v9 .mp5-news-item p { font-size:11px!important; line-height:1.5!important; }
.mp-v9 .mp5-tabs h3,.mp-v9 .mp5-tabs a { height:58px!important; }
.mp-v9 .mp5-tabs h3 { background:linear-gradient(180deg,#542018,#28100d)!important; }
.mp-v9 .mp5-ranking-head { padding-top:14px!important; }
.mp-v9 .mp5-ranking-list a { min-height:32px!important; }
.mp-v9 .mp5-rank-button { width:240px!important; margin-top:20px!important; padding:12px!important; }
.mp-v9 .mp5-quick-panel nav { padding:7px 18px!important; }
.mp-v9 .mp5-quick-panel nav a { min-height:61px!important; }
.mp-v9 .mp5-quick-panel nav i { color:#d1a451!important; font-size:19px!important; }
.mp-v9 .mp5-quick-panel nav a:hover { padding-left:5px; background:linear-gradient(90deg,rgba(214,170,85,.05),transparent)!important; }

/* Feature strip */
.mp-v9 .mp5-trust-strip { gap:14px!important; padding:22px!important; }
.mp-v9 .mp5-trust-strip > div {
  min-height:78px!important;
  padding:12px 16px!important;
  border-color:rgba(214,170,85,.18)!important;
  background:linear-gradient(180deg,#141618,#0b0c0d)!important;
}
.mp-v9 .mp5-trust-strip i { color:#d0a24f!important; font-size:28px!important; }
.mp-v9 .mp5-trust-strip b { color:#ddb25c!important; font-size:12px!important; }
.mp-v9 .mp5-trust-strip small { color:#969189!important; font-size:10px!important; }

/* Inner pages also get the new wider architecture. */
.mp-v9.mp-inner #ContentRow { margin-top:18px!important; top:0!important; }
.mp-v9.mp-inner #MenuColumn { width:230px!important; margin-left:0!important; }
.mp-v9.mp-inner #ContentColumn { margin-left:250px!important; margin-right:240px!important; }
.mp-v9.mp-inner #ThemeboxesColumn { width:220px!important; margin-right:0!important; }
.mp-v9.mp-inner .Box,
.mp-v9.mp-inner #Menu,
.mp-v9.mp-inner .Themebox { border-color:rgba(214,170,85,.24)!important; box-shadow:0 18px 44px rgba(0,0,0,.36)!important; }
.mp-v9.mp-inner .BoxContent { background:linear-gradient(180deg,#e4d9bd,#d3c3a2)!important; }

.mp-v9 #Footer { max-width:none!important; margin-top:32px!important; padding-left:0!important; padding-right:0!important; }

@media (max-width:1380px) {
  .mp-v9 #Bodycontainer { width:min(1280px,calc(100% - 28px))!important; }
  .mp-v9 .mp-header { grid-template-columns:280px 1fr auto!important; }
  .mp-v9 .mp-brand b { font-size:24px!important; }
  .mp-v9 .mp-nav a { padding:0 12px!important; font-size:11px!important; }
  .mp-v9 .mp5-hero-frame { grid-template-columns:minmax(0,1fr) 330px!important; }
  .mp-v9 .mp5-hero-main { padding:58px 46px!important; }
  .mp-v9 .mp5-hero-copy { width:72%!important; }
}
@media (max-width:1040px) {
  .mp-v9 .mp-header { grid-template-columns:1fr auto auto!important; min-height:76px!important; }
  .mp-v9 .mp-nav { height:auto!important; }
  .mp-v9 .mp-brand { border-right:0!important; }
  .mp-v9 .mp-menu-toggle { display:block!important; }
  .mp-v9 .mp-nav { display:none!important; position:absolute!important; top:78px!important; left:0!important; right:0!important; z-index:100; flex-direction:column!important; align-items:stretch!important; padding:10px!important; border:1px solid #604822!important; background:#0b0c0d!important; box-shadow:0 20px 50px rgba(0,0,0,.55)!important; }
  .mp-v9.mp-nav-open .mp-nav,.mp-v9 .mp-nav-open .mp-nav { display:flex!important; }
  .mp-v9 .mp-nav a { height:46px!important; }
  .mp-v9 .mp5-hero-frame { grid-template-columns:1fr!important; }
  .mp-v9 .mp5-server-card { margin:0!important; border-left:0!important; border-right:0!important; }
  .mp-v9 .mp5-dashboard-grid { grid-template-columns:1fr 1fr!important; }
  .mp-v9 .mp5-quick-panel { grid-column:1/-1!important; }
  .mp-v9 .mp5-quick-panel nav { display:grid!important; grid-template-columns:1fr 1fr!important; column-gap:18px; }
  .mp-v9 .mp5-trust-strip { grid-template-columns:repeat(3,1fr)!important; }
}
@media (max-width:720px) {
  .mp-v9 #Bodycontainer { width:calc(100% - 16px)!important; padding-top:8px!important; }
  .mp-v9 .mp-header { padding:0 12px!important; min-height:68px!important; }
  .mp-v9 .mp-brand img { width:46px!important; height:46px!important; }
  .mp-v9 .mp-brand b { font-size:20px!important; }
  .mp-v9 .mp-brand small { display:none!important; }
  .mp-v9 .mp-account { min-height:40px!important; padding:0 12px!important; font-size:9px!important; }
  .mp-v9 .mp5-home-shell { margin-top:8px!important; }
  .mp-v9 .mp5-hero-main { min-height:490px!important; padding:42px 24px!important; background-position:61% center!important; }
  .mp-v9 .mp5-hero-copy { width:100%!important; }
  .mp-v9 .mp5-hero-copy h1 { font-size:58px!important; }
  .mp-v9 .mp5-hero-copy h2 { font-size:17px!important; }
  .mp-v9 .mp5-hero-copy p { font-size:14px!important; }
  .mp-v9 .mp5-cta { min-width:0!important; flex:1!important; }
  .mp-v9 .mp5-dashboard-grid { grid-template-columns:1fr!important; padding:10px 10px 0!important; }
  .mp-v9 .mp5-quick-panel { grid-column:auto!important; }
  .mp-v9 .mp5-quick-panel nav { display:block!important; }
  .mp-v9 .mp5-trust-strip { grid-template-columns:1fr!important; padding:10px!important; }
}

/* ================================================================
   ErynOT V10 — PROFESSIONAL CINEMATIC BANNER
   Uses the new generated artwork as the home hero while preserving
   the live server-status card and real CTA links.
   ================================================================ */
.mp-v10 .mp5-home-shell { margin-top:18px!important; }
.mp-v10 .mp5-hero-frame {
  min-height:650px!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
  background:#060606!important;
}
.mp-v10 .mp5-hero-main {
  position:relative!important;
  min-height:650px!important;
  padding:0!important;
  overflow:hidden!important;
  background-image:url('images/ErynOT-hero-professional.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  isolation:isolate;
}
.mp-v10 .mp5-hero-main::before {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  box-shadow:inset 0 0 80px rgba(0,0,0,.25), inset 0 -50px 80px rgba(0,0,0,.28)!important;
}
.mp-v10 .mp5-hero-main::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent 0 88%,rgba(3,3,3,.56) 100%)!important;
}
.mp-v10 .mp5-hero-sigil { display:none!important; }

/* The artwork already contains the title/copy/buttons. Keep the real
   links over the painted buttons, but make their duplicate UI invisible. */
.mp-v10 .mp5-hero-copy {
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  width:100%!important;
  max-width:none!important;
  pointer-events:none!important;
}
.mp-v10 .mp5-hero-copy > .mp5-eyebrow,
.mp-v10 .mp5-hero-copy > h1,
.mp-v10 .mp5-hero-copy > h2,
.mp-v10 .mp5-hero-copy > p { display:none!important; }
.mp-v10 .mp5-hero-actions {
  position:absolute!important;
  left:5.8%!important;
  bottom:10.8%!important;
  width:39.2%!important;
  height:10.6%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:3.8%!important;
  pointer-events:auto!important;
}
.mp-v10 .mp5-hero-actions .mp5-cta {
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  clip-path:none!important;
  cursor:pointer!important;
}
.mp-v10 .mp5-hero-actions .mp5-cta::after { display:none!important; }

.mp-v10 .mp5-server-card {
  min-height:594px!important;
  margin:28px 28px 28px 0!important;
  background:linear-gradient(180deg,rgba(10,10,10,.985),rgba(5,6,6,.99))!important;
  border-color:rgba(202,151,67,.5)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.42),inset 0 0 45px rgba(159,107,32,.035)!important;
}

@media (max-width:1180px) {
  .mp-v10 .mp5-hero-frame { grid-template-columns:minmax(0,1fr) 330px!important; min-height:570px!important; }
  .mp-v10 .mp5-hero-main { min-height:570px!important; }
  .mp-v10 .mp5-server-card { min-height:514px!important; }
}
@media (max-width:900px) {
  .mp-v10 .mp5-hero-frame { grid-template-columns:1fr!important; }
  .mp-v10 .mp5-hero-main {
    min-height:auto!important;
    aspect-ratio:1664/896!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  .mp-v10 .mp5-hero-main::after { background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.2))!important; }
  .mp-v10 .mp5-server-card { min-height:0!important; margin:0 14px 16px!important; }
}
@media (max-width:620px) {
  .mp-v10 .mp5-hero-main {
    aspect-ratio:1.25!important;
    background-size:auto 100%!important;
    background-position:38% center!important;
  }
  .mp-v10 .mp5-hero-actions { display:none!important; }
}

/* ================================================================
   ErynOT V11 — HERO CTA CLICK FIX
   Aligns the real anchors with the painted buttons in the banner.
   ================================================================ */
.mp-v10 .mp5-hero-copy {
  pointer-events:auto!important;
}
.mp-v10 .mp5-hero-actions {
  left:5.8%!important;
  top:67.2%!important;
  bottom:auto!important;
  width:39.2%!important;
  height:10.2%!important;
  z-index:20!important;
  pointer-events:auto!important;
}
.mp-v10 .mp5-hero-actions .mp5-cta {
  position:relative!important;
  display:block!important;
  opacity:1!important;
  color:transparent!important;
  background:rgba(255,255,255,.001)!important;
  border:1px solid transparent!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.mp-v10 .mp5-hero-actions .mp5-cta strong,
.mp-v10 .mp5-hero-actions .mp5-cta small {
  visibility:hidden!important;
}
.mp-v10 .mp5-hero-actions .mp5-cta:hover,
.mp-v10 .mp5-hero-actions .mp5-cta:focus-visible {
  background:rgba(218,165,77,.08)!important;
  border-color:rgba(236,191,104,.7)!important;
  box-shadow:0 0 22px rgba(218,165,77,.28), inset 0 0 18px rgba(218,165,77,.08)!important;
  outline:none!important;
}
@media (max-width:900px) {
  .mp-v10 .mp5-hero-actions {
    left:5.8%!important;
    top:67.2%!important;
    width:39.2%!important;
    height:10.2%!important;
  }
}
@media (max-width:620px) {
  .mp-v10 .mp5-hero-actions {
    display:flex!important;
    left:16px!important;
    right:16px!important;
    top:auto!important;
    bottom:18px!important;
    width:auto!important;
    height:auto!important;
    gap:10px!important;
    z-index:20!important;
  }
  .mp-v10 .mp5-hero-actions .mp5-cta {
    display:flex!important;
    min-height:52px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    color:#e7c77d!important;
    background:linear-gradient(180deg,rgba(70,42,15,.94),rgba(20,13,7,.96))!important;
    border:1px solid rgba(198,145,55,.78)!important;
    box-shadow:inset 0 0 18px rgba(197,139,44,.08),0 8px 24px rgba(0,0,0,.42)!important;
  }
  .mp-v10 .mp5-hero-actions .mp5-cta.mp5-cta-red {
    background:linear-gradient(180deg,rgba(103,34,21,.96),rgba(48,15,10,.97))!important;
  }
  .mp-v10 .mp5-hero-actions .mp5-cta strong,
  .mp-v10 .mp5-hero-actions .mp5-cta small {
    visibility:visible!important;
  }
  .mp-v10 .mp5-hero-actions .mp5-cta strong { font-size:15px!important; }
  .mp-v10 .mp5-hero-actions .mp5-cta small { font-size:9px!important; margin-top:2px!important; }
}

/* ========================================================================
   ErynOT V12 — PROFESSIONAL PORTAL
   Clean, functional implementation of the approved black/gold concept.
   ======================================================================== */
.mp-v12 {
  --e12-bg:#050708; --e12-surface:#0d1012; --e12-surface2:#121518;
  --e12-line:rgba(207,158,73,.25); --e12-line2:rgba(222,176,91,.48);
  --e12-gold:#d8aa55; --e12-gold2:#f1cf82; --e12-text:#e8e2d7; --e12-muted:#8f8a82;
  background:#040607!important;
}
.mp-v12::before { background:radial-gradient(ellipse at 50% -15%,rgba(126,83,30,.18),transparent 48%),linear-gradient(180deg,#07090a,#030405 76%)!important; }
.mp-v12 #Bodycontainer { width:min(1440px,calc(100% - 32px))!important; max-width:none!important; margin:0 auto!important; padding:12px 0 36px!important; }
.mp-v12 .mp-header { min-height:74px!important; margin:0!important; padding:0 22px!important; grid-template-columns:300px 1fr auto!important; border:1px solid var(--e12-line)!important; border-radius:3px!important; background:linear-gradient(180deg,#0f1214,#090b0c)!important; box-shadow:0 14px 38px rgba(0,0,0,.36)!important; }
.mp-v12 .mp-header::before { display:none!important; }
.mp-v12 .mp-brand { border-right:1px solid rgba(207,158,73,.16)!important; }
.mp-v12 .mp-brand img { width:58px!important; height:58px!important; }
.mp-v12 .mp-brand b { font-size:25px!important; color:#e8c46f!important; }
.mp-v12 .mp-brand small { color:#8d7751!important; }
.mp-v12 .mp-nav { height:74px!important; justify-content:flex-start!important; }
.mp-v12 .mp-nav a { height:74px!important; padding:0 17px!important; display:flex!important; align-items:center!important; font:700 11px/1 Georgia,serif!important; color:#bdb6aa!important; }
.mp-v12 .mp-nav a:hover { color:#f1d692!important; background:rgba(214,166,76,.045)!important; }
.mp-v12 .mp-account { min-height:38px!important; display:flex!important; align-items:center!important; padding:0 18px!important; background:linear-gradient(180deg,#3b2b16,#171008)!important; border-color:#765527!important; }
.mp-v12 .mp-status { min-width:105px; justify-content:center; padding:9px 12px!important; }

.mp-v12 .mp5-home-shell { margin-top:12px!important; border:1px solid var(--e12-line)!important; background:#07090a!important; box-shadow:0 22px 58px rgba(0,0,0,.35)!important; }
.mp-v12 .mp5-hero-frame { grid-template-columns:minmax(0,1fr) 320px!important; min-height:470px!important; background:#070809!important; }
.mp-v12 .mp5-hero-main { min-height:470px!important; padding:48px 46px!important; background:linear-gradient(90deg,rgba(4,5,5,.84) 0%,rgba(4,5,5,.58) 38%,rgba(4,5,5,.08) 69%,rgba(4,5,5,.2) 100%),url('images/ErynOT-hero-v7.jpg') center center/cover no-repeat!important; }
.mp-v12 .mp5-hero-main::before { box-shadow:inset 0 0 80px rgba(0,0,0,.38),inset 0 -36px 70px rgba(0,0,0,.45)!important; }
.mp-v12 .mp5-hero-main::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 28%,transparent 75%,rgba(0,0,0,.32)); pointer-events:none; }
.mp-v12 .mp5-hero-copy { position:relative!important; inset:auto!important; z-index:3!important; width:min(570px,64%)!important; max-width:570px!important; pointer-events:auto!important; }
.mp-v12 .mp5-hero-copy > .mp5-eyebrow,.mp-v12 .mp5-hero-copy > h1,.mp-v12 .mp5-hero-copy > h2,.mp-v12 .mp5-hero-copy > p { display:block!important; }
.mp-v12 .mp5-eyebrow { margin:0 0 7px!important; font:700 15px/1 Georgia,serif!important; letter-spacing:.22em!important; color:#d9c49b!important; }
.mp-v12 .mp5-hero-copy h1 { margin:0!important; font:700 clamp(62px,6.2vw,94px)/.9 Georgia,serif!important; color:#e8c36e!important; letter-spacing:-.035em!important; text-shadow:0 4px 1px #1d140a,0 12px 28px #000!important; }
.mp-v12 .mp5-hero-copy h2 { margin:15px 0 14px!important; font:700 18px/1.15 Georgia,serif!important; letter-spacing:.12em!important; color:#d6a44d!important; }
.mp-v12 .mp5-hero-copy p { max-width:470px!important; margin:0 0 24px!important; color:#d1cbc0!important; font:13px/1.6 Arial,sans-serif!important; }
.mp-v12 .mp5-hero-actions { position:static!important; width:auto!important; height:auto!important; display:flex!important; gap:12px!important; pointer-events:auto!important; }
.mp-v12 .mp5-hero-actions .mp5-cta { display:flex!important; width:auto!important; min-width:190px!important; min-height:58px!important; height:auto!important; padding:8px 20px!important; opacity:1!important; color:inherit!important; border:1px solid!important; pointer-events:auto!important; }
.mp-v12 .mp5-hero-actions .mp5-cta strong,.mp-v12 .mp5-hero-actions .mp5-cta small { visibility:visible!important; }
.mp-v12 .mp5-cta-red { color:#f2d596!important; background:linear-gradient(180deg,#6f2719,#33100b)!important; border-color:#9a4b2d!important; }
.mp-v12 .mp5-cta-gold { color:#e7c271!important; background:linear-gradient(180deg,#2a2114,#100d09)!important; border-color:#795b2e!important; }

.mp-v12 .mp5-server-card { min-height:0!important; margin:18px 18px 18px 0!important; padding:20px 20px!important; border:1px solid var(--e12-line2)!important; background:linear-gradient(180deg,#0e1113,#080a0b)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 18px 42px rgba(0,0,0,.4)!important; }
.mp-v12 .mp5-card-title { display:flex; align-items:center; gap:10px; margin:0 0 18px!important; padding:0 0 14px!important; font-size:17px!important; color:#e0b65f!important; }
.mp-v12 .mp5-world-row { margin-bottom:12px!important; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.045); }
.mp-v12 .mp5-server-card dl div { padding:8px 0!important; }
.mp-v12 .mp5-server-info { margin-top:17px!important; padding:11px!important; background:#0e0f10!important; border-color:#765729!important; }
.mp12-discord { margin-top:12px; min-height:54px; display:grid; grid-template-columns:34px 1fr 16px; gap:10px; align-items:center; padding:7px 12px; border:1px solid rgba(99,112,185,.2); background:linear-gradient(180deg,#111727,#0b101a); color:#c8d0ff!important; text-decoration:none!important; }
.mp12-discord > i { color:#8796ed; font-size:22px; }.mp12-discord b { display:block; font:700 11px Georgia,serif; }.mp12-discord small { display:block; margin-top:3px; color:#858ca9; font:9px Arial,sans-serif; }.mp12-discord em { color:#9aa6ff; font-style:normal; font-size:21px; }

.mp12-feature-bar { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--e12-line); border-bottom:1px solid var(--e12-line); background:linear-gradient(180deg,#0d1011,#080a0b); }
.mp12-feature-bar > div { min-height:66px; display:grid; grid-template-columns:46px 1fr; align-items:center; gap:9px; padding:8px 16px; border-right:1px solid rgba(207,158,73,.13); }
.mp12-feature-bar > div:last-child { border-right:0; }.mp12-feature-bar i { text-align:center; font-size:24px; color:#b7873b; }.mp12-feature-bar b { display:block; color:#d6a957; font:700 11px Georgia,serif; }.mp12-feature-bar small { display:block; margin-top:3px; color:#78746d; font:9px Arial,sans-serif; }

.mp-v12 .mp5-dashboard-grid { grid-template-columns:1.05fr 1.25fr .9fr!important; gap:12px!important; padding:14px 14px 10px!important; background:#07090a!important; }
.mp-v12 .mp5-panel { min-height:330px!important; border-color:rgba(207,158,73,.22)!important; background:linear-gradient(180deg,#111416,#0b0d0e)!important; box-shadow:none!important; }
.mp-v12 .mp5-panel > header { min-height:46px!important; padding:0 14px!important; background:#111315!important; }
.mp-v12 .mp5-panel h3 { font-size:15px!important; }.mp-v12 .mp5-news-list { padding:8px 13px!important; }.mp-v12 .mp5-news-item { grid-template-columns:62px 1fr!important; padding:9px 0!important; gap:12px!important; }.mp-v12 .mp5-news-thumb { height:58px!important; font-size:22px!important; }.mp-v12 .mp5-news-item p { margin:4px 0!important; font-size:10px!important; }.mp-v12 .mp5-tabs h3,.mp-v12 .mp5-tabs a { height:46px!important; }.mp-v12 .mp5-ranking-list a { min-height:28px!important; }.mp-v12 .mp5-rank-button { margin:13px auto!important; padding:9px!important; }.mp-v12 .mp5-quick-panel nav a { min-height:49px!important; }

.mp12-home-footer { margin:0 14px 14px; display:grid; grid-template-columns:1.3fr .8fr .8fr 1.2fr; gap:28px; padding:22px 24px 14px; border:1px solid rgba(207,158,73,.2); background:linear-gradient(180deg,#0d1012,#080a0b); }
.mp12-footer-brand a { display:flex; align-items:center; gap:10px; color:#e8c36e!important; text-decoration:none!important; }.mp12-footer-brand img { width:55px; height:55px; object-fit:contain; }.mp12-footer-brand span { display:flex; flex-direction:column; }.mp12-footer-brand b { font:700 21px Georgia,serif; letter-spacing:.08em; }.mp12-footer-brand small { margin-top:4px; color:#866f48; font:700 8px Arial,sans-serif; letter-spacing:.18em; }.mp12-footer-brand p,.mp12-footer-cta p { color:#7f7b74; font:10px/1.55 Arial,sans-serif; }
.mp12-home-footer h4 { margin:3px 0 10px; color:#bfb4a2; font:700 10px Georgia,serif; letter-spacing:.07em; }.mp12-footer-col a { display:block; margin:6px 0; color:#8e8981!important; font:10px Arial,sans-serif; text-decoration:none!important; }.mp12-footer-col a:hover { color:#d9b364!important; }
.mp12-footer-cta > a { display:flex; justify-content:space-between; align-items:center; padding:11px 13px; border:1px solid #725426; background:linear-gradient(180deg,#352617,#171009); color:#e4bd68!important; text-decoration:none!important; font:700 10px Georgia,serif; }
.mp12-footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid rgba(255,255,255,.04); color:#5e5b56; font:9px Arial,sans-serif; }
.mp-v12.mp-home #ContentRow { display:none!important; }.mp-v12.mp-home #Footer { display:none!important; }

@media(max-width:1100px){.mp-v12 .mp-header{grid-template-columns:250px 1fr auto!important}.mp-v12 .mp-nav a{padding:0 10px!important}.mp-v12 .mp5-hero-frame{grid-template-columns:1fr 285px!important}.mp-v12 .mp5-hero-main{padding:40px 30px!important}.mp-v12 .mp5-hero-copy{width:72%!important}.mp12-feature-bar{grid-template-columns:repeat(3,1fr)}.mp12-home-footer{grid-template-columns:1.2fr 1fr 1fr}.mp12-footer-cta{grid-column:1/-1}}
@media(max-width:860px){.mp-v12 .mp-header{grid-template-columns:1fr auto auto!important}.mp-v12 .mp-brand{border-right:0!important}.mp-v12 .mp-menu-toggle{display:block!important}.mp-v12 .mp-nav{display:none!important;position:absolute!important;top:76px!important;left:0!important;right:0!important;height:auto!important;z-index:100;flex-direction:column!important;align-items:stretch!important;padding:8px!important;background:#0a0c0d!important;border:1px solid #604823!important}.mp-v12.mp-nav-open .mp-nav,.mp-v12 .mp-nav-open .mp-nav{display:flex!important}.mp-v12 .mp-nav a{height:44px!important}.mp-v12 .mp5-hero-frame{grid-template-columns:1fr!important}.mp-v12 .mp5-server-card{margin:0 12px 12px!important}.mp12-feature-bar{grid-template-columns:repeat(2,1fr)}.mp-v12 .mp5-dashboard-grid{grid-template-columns:1fr 1fr!important}.mp-v12 .mp5-quick-panel{grid-column:1/-1!important}.mp12-home-footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mp-v12 #Bodycontainer{width:calc(100% - 12px)!important;padding-top:6px!important}.mp-v12 .mp-header{min-height:64px!important;padding:0 10px!important}.mp-v12 .mp-brand img{width:44px!important;height:44px!important}.mp-v12 .mp-brand b{font-size:18px!important}.mp-v12 .mp-brand small,.mp-v12 .mp-status{display:none!important}.mp-v12 .mp-account{padding:0 11px!important;font-size:9px!important}.mp-v12 .mp5-home-shell{margin-top:6px!important}.mp-v12 .mp5-hero-main{min-height:455px!important;padding:35px 18px!important;background-position:58% center!important}.mp-v12 .mp5-hero-copy{width:100%!important}.mp-v12 .mp5-hero-copy h1{font-size:56px!important}.mp-v12 .mp5-hero-copy h2{font-size:15px!important}.mp-v12 .mp5-hero-copy p{font-size:12px!important}.mp-v12 .mp5-hero-actions{flex-direction:column!important;align-items:flex-start}.mp-v12 .mp5-hero-actions .mp5-cta{width:190px!important;min-height:52px!important}.mp12-feature-bar{grid-template-columns:1fr}.mp12-feature-bar>div{border-right:0;border-bottom:1px solid rgba(207,158,73,.1)}.mp-v12 .mp5-dashboard-grid{grid-template-columns:1fr!important;padding:8px!important}.mp-v12 .mp5-quick-panel{grid-column:auto!important}.mp12-home-footer{margin:0 8px 8px;grid-template-columns:1fr;padding:18px}.mp12-footer-cta{grid-column:auto}.mp12-footer-bottom{flex-direction:column;gap:5px}}

/* ========================================================================
   ErynOT V13 — MOCKUP-ACCURATE CINEMATIC HERO
   Uses the approved concept artwork as the banner itself. Real CTA links are
   preserved as invisible click targets over the buttons baked into the art.
   ======================================================================== */
.mp-v12 .mp5-hero-frame{min-height:388px!important;grid-template-columns:minmax(0,1fr) 320px!important}
.mp-v12 .mp5-hero-main{
  min-height:388px!important;
  padding:0!important;
  background-image:url('images/ErynOT-hero-mockup.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.mp-v12 .mp5-hero-main::before{box-shadow:inset 0 0 38px rgba(0,0,0,.2)!important}
.mp-v12 .mp5-hero-main::after{display:none!important}
.mp-v12 .mp5-hero-copy{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important}
.mp-v12 .mp5-hero-copy>.mp5-eyebrow,
.mp-v12 .mp5-hero-copy>h1,
.mp-v12 .mp5-hero-copy>h2,
.mp-v12 .mp5-hero-copy>p{display:none!important}
.mp-v12 .mp5-hero-actions{position:absolute!important;left:63px!important;bottom:43px!important;display:flex!important;gap:17px!important;width:auto!important;height:49px!important;z-index:5!important}
.mp-v12 .mp5-hero-actions .mp5-cta{
  width:245px!important;min-width:245px!important;height:49px!important;min-height:49px!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  opacity:0!important;cursor:pointer!important
}
.mp-v12 .mp5-hero-actions .mp5-cta:hover{opacity:.08!important;background:#fff!important}
.mp-v12 .mp5-server-card{margin:12px 12px 12px 0!important;padding:18px 18px!important}
@media(max-width:1100px){
 .mp-v12 .mp5-hero-frame{grid-template-columns:minmax(0,1fr) 285px!important}
 .mp-v12 .mp5-hero-main{min-height:360px!important;background-position:center center!important}
 .mp-v12 .mp5-hero-actions{left:5.5%!important;bottom:11%!important;gap:1.5%!important;width:48%!important;height:12%!important}
 .mp-v12 .mp5-hero-actions .mp5-cta{width:49%!important;min-width:0!important;height:100%!important;min-height:0!important}
}
@media(max-width:860px){
 .mp-v12 .mp5-hero-frame{grid-template-columns:1fr!important}
 .mp-v12 .mp5-hero-main{min-height:0!important;aspect-ratio:1130/388;background-position:center!important}
 .mp-v12 .mp5-server-card{margin:0 12px 12px!important}
}
@media(max-width:620px){
 .mp-v12 .mp5-hero-main{min-height:250px!important;aspect-ratio:auto;background-size:cover!important;background-position:54% center!important}
 .mp-v12 .mp5-hero-actions{left:5%!important;bottom:9%!important;width:62%!important;height:13%!important}
}

/* ========================================================================
   ErynOT V14 — PROFESSIONAL INNER PORTAL
   Modernizes every MyAAC internal page while preserving native functionality.
   ======================================================================== */
.mp-v12.mp-inner {
  color:#d8d2c7!important;
  background:#040607!important;
}
.mp-v12.mp-inner #ArtworkHelper { width:100%!important; min-height:100vh!important; background:none!important; }
.mp-v12.mp-inner #Bodycontainer { width:min(1380px,calc(100% - 32px))!important; min-width:0!important; max-width:none!important; }
.mp-v12.mp-inner #ContentRow {
  width:100%!important; min-width:0!important; max-width:none!important;
  margin:14px 0 0!important; padding:0!important;
  display:grid!important; grid-template-columns:230px minmax(0,1fr)!important; gap:14px!important;
  align-items:start!important;
}
.mp-v12.mp-inner #MenuColumn,
.mp-v12.mp-inner #ContentColumn,
.mp-v12.mp-inner #ThemeboxesColumn { position:static!important; float:none!important; margin:0!important; }
.mp-v12.mp-inner #ThemeboxesColumn { display:none!important; }
.mp-v12.mp-inner #MenuColumn { width:auto!important; min-width:0!important; }
.mp-v12.mp-inner #ContentColumn { width:auto!important; min-width:0!important; }
.mp-v12.mp-inner #ContentColumn > .Content { width:100%!important; margin:0!important; padding:0!important; }

/* Sidebar */
.mp-v12.mp-inner #LeftArtwork,
.mp-v12.mp-inner #Loginbox,
.mp-v12.mp-inner #DownloadBox { display:none!important; }
.mp-v12.mp-inner #Menu {
  width:100%!important; margin:0!important; padding:10px!important;
  border:1px solid rgba(207,158,73,.25)!important; border-radius:4px!important;
  background:linear-gradient(180deg,#0e1113,#080a0b)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.3)!important;
}
.mp-v12.mp-inner .MenuButton { width:100%!important; height:42px!important; margin:0!important; position:relative!important; }
.mp-v12.mp-inner .MenuButtonFrame {
  width:100%!important; height:42px!important; position:relative!important;
  border:0!important; background:transparent!important;
}
.mp-v12.mp-inner .MenuButtonFrame:hover { background:rgba(216,170,85,.06)!important; }
.mp-v12.mp-inner .MenuButtonBackground { display:none!important; }
.mp-v12.mp-inner .MenuButton .Icon { display:none!important; }
.mp-v12.mp-inner .MenuButton .Lights { display:none!important; }
.mp-v12.mp-inner .MenuButton .Extend {
  right:10px!important; left:auto!important; top:15px!important; width:12px!important; height:12px!important;
  background-size:12px 12px!important; opacity:.65!important;
}
.mp-v12.mp-inner .Submenu { width:100%!important; margin:0!important; background:#090c0e!important; border-top:1px solid rgba(255,255,255,.035)!important; }
.mp-v12.mp-inner .Submenu a { text-decoration:none!important; }
.mp-v12.mp-inner .Submenuitem {
  width:100%!important; min-height:34px!important; height:auto!important; box-sizing:border-box!important;
  padding:0 12px 0 22px!important; display:flex!important; align-items:center!important;
  border:0!important; border-bottom:1px solid rgba(255,255,255,.035)!important;
  background:transparent!important; color:#8e8a83!important;
}
.mp-v12.mp-inner .Submenuitem:hover { background:rgba(216,170,85,.055)!important; color:#e7c578!important; }
.mp-v12.mp-inner .SubmenuitemLabel { position:static!important; width:auto!important; height:auto!important; color:inherit!important; font:10px/1.25 Arial,sans-serif!important; }
.mp-v12.mp-inner .LeftChain,.mp-v12.mp-inner .RightChain { display:none!important; }
.mp-v12.mp-inner .ActiveSubmenuItemIcon { left:8px!important; top:13px!important; width:5px!important; height:5px!important; border-radius:50%!important; background:#d8aa55!important; box-shadow:0 0 8px rgba(216,170,85,.65)!important; }
.mp-v12.mp-inner #MenuBottom { display:none!important; }

/* Portal heading */
.mp14-page-heading {
  min-height:82px; padding:19px 24px; box-sizing:border-box;
  border:1px solid rgba(207,158,73,.25); border-bottom:0;
  background:linear-gradient(105deg,rgba(51,35,17,.56),rgba(15,18,20,.95) 44%,#0b0d0e);
  position:relative; overflow:hidden;
}
.mp14-page-heading::after { content:""; position:absolute; right:-80px; top:-110px; width:320px; height:240px; background:radial-gradient(circle,rgba(209,153,61,.12),transparent 62%); pointer-events:none; }
.mp14-page-heading span { display:block; color:#8c7754; font:700 9px/1 Arial,sans-serif; letter-spacing:.22em; }
.mp14-page-heading strong { display:block; margin-top:7px; color:#e5bd68; font:700 24px/1.1 Georgia,serif; letter-spacing:.02em; text-shadow:0 2px 12px #000; }

/* Hide old top/status ornament and old content chrome */
.mp-v12.mp-inner #ContentColumn > .Content > .Box:first-child:not([id]),
.mp-v12.mp-inner #ContentHelper > .Box > .Corner-tl,
.mp-v12.mp-inner #ContentHelper > .Box > .Corner-tr,
.mp-v12.mp-inner #ContentHelper > .Box > .Border_1,
.mp-v12.mp-inner #ContentHelper > .Box > .BorderTitleText,
.mp-v12.mp-inner #ContentHelper > .Box > .Title { display:none!important; }
.mp-v12.mp-inner #ContentHelper { width:100%!important; margin:0!important; padding:0!important; }
.mp-v12.mp-inner #ContentHelper > .Box {
  width:100%!important; margin:0!important; padding:0!important;
  border:1px solid rgba(207,158,73,.25)!important; border-radius:0 0 4px 4px!important;
  background:#0b0e10!important; box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
}
.mp-v12.mp-inner #ContentHelper > .Box > .Border_2,
.mp-v12.mp-inner #ContentHelper > .Box > .Border_2 > .Border_3 { margin:0!important; padding:0!important; border:0!important; background:none!important; }
.mp-v12.mp-inner #ContentHelper .BoxContent {
  width:auto!important; min-height:520px!important; margin:0!important; padding:22px!important;
  box-sizing:border-box!important; background:#0b0e10!important; color:#c9c4bb!important;
  font:12px/1.45 Arial,sans-serif!important;
}
.mp-v12.mp-inner #ContentHelper .BoxContent a { color:#d4a94f!important; }
.mp-v12.mp-inner #ContentHelper .BoxContent a:hover { color:#f2d484!important; }

/* Tickers become a simple toolbar */
.mp-v12.mp-inner #ContentHelper > .Box:first-child { margin-top:0!important; }
.mp-v12.mp-inner .NewsTicker { border:1px solid rgba(207,158,73,.18)!important; background:#0c1012!important; color:#99938a!important; }

/* Native MyAAC tables converted into clean cards */
.mp-v12.mp-inner .TableContainer { margin:0 0 16px!important; padding:0!important; border:1px solid rgba(207,158,73,.22)!important; border-radius:3px!important; background:#0e1113!important; overflow:hidden!important; box-shadow:none!important; }
.mp-v12.mp-inner .CaptionContainer { height:auto!important; min-height:42px!important; margin:0!important; padding:0!important; background:linear-gradient(180deg,#171a1c,#111416)!important; border-bottom:1px solid rgba(207,158,73,.22)!important; }
.mp-v12.mp-inner .CaptionInnerContainer { height:42px!important; display:flex!important; align-items:center!important; padding:0 14px!important; box-sizing:border-box!important; }
.mp-v12.mp-inner .CaptionContainer .Text { position:static!important; color:#dfb65f!important; font:700 12px/1 Georgia,serif!important; letter-spacing:.05em!important; text-shadow:none!important; }
.mp-v12.mp-inner .CaptionContainer span[class^="Caption"] { display:none!important; }
.mp-v12.mp-inner .Table1,.mp-v12.mp-inner .Table2,.mp-v12.mp-inner .Table3,.mp-v12.mp-inner .Table4,.mp-v12.mp-inner .Table5 { width:100%!important; margin:0!important; border:0!important; background:none!important; }
.mp-v12.mp-inner .InnerTableContainer { margin:0!important; padding:10px!important; background:#0d1012!important; }
.mp-v12.mp-inner .TableContentContainer { margin:0 0 8px!important; padding:0!important; border:0!important; background:none!important; }
.mp-v12.mp-inner .TableContent {
  width:100%!important; border:1px solid rgba(207,158,73,.13)!important; border-collapse:collapse!important;
  background:#101315!important; color:#c8c2b8!important;
}
.mp-v12.mp-inner .TableContent td,.mp-v12.mp-inner .TableContent th { padding:9px 11px!important; border-color:rgba(255,255,255,.05)!important; vertical-align:middle!important; }
.mp-v12.mp-inner .Odd,.mp-v12.mp-inner tr.Odd,.mp-v12.mp-inner .Odd td { background:#111416!important; color:#c8c2b8!important; }
.mp-v12.mp-inner .Even,.mp-v12.mp-inner tr.Even,.mp-v12.mp-inner .Even td { background:#0d1012!important; color:#c8c2b8!important; }
.mp-v12.mp-inner .LabelV,.mp-v12.mp-inner .LabelH { color:#d8aa55!important; font-weight:700!important; }
.mp-v12.mp-inner .BigBoldText { color:#e6c36e!important; }
.mp-v12.mp-inner small { color:#807b73!important; }

/* Account management specifics */
.mp-v12.mp-inner #accountmanage .BoxContent > div:first-child table { background:none!important; }
.mp-v12.mp-inner #accountmanage .BoxContent > div:first-child img { max-width:100%!important; }
.mp-v12.mp-inner #accountmanage .premiumbenefits { gap:8px!important; padding:4px!important; flex-wrap:wrap!important; }
.mp-v12.mp-inner #accountmanage .premiumbenefits > div { min-width:180px!important; padding:9px 10px!important; border:1px solid rgba(207,158,73,.11)!important; background:#0c0f11!important; color:#928c83!important; }
.mp-v12.mp-inner .AccountStatusImage { width:52px!important; height:52px!important; object-fit:contain!important; }
.mp-v12.mp-inner input[type="text"],.mp-v12.mp-inner input[type="password"],.mp-v12.mp-inner input[type="email"],.mp-v12.mp-inner select,.mp-v12.mp-inner textarea {
  min-height:34px!important; box-sizing:border-box!important; padding:7px 10px!important;
  color:#e2ddd4!important; background:#090c0e!important; border:1px solid rgba(207,158,73,.28)!important; border-radius:2px!important; outline:none!important;
}
.mp-v12.mp-inner input:focus,.mp-v12.mp-inner select:focus,.mp-v12.mp-inner textarea:focus { border-color:#a77a36!important; box-shadow:0 0 0 2px rgba(216,170,85,.06)!important; }

/* Convert Tibia image buttons into clean gold controls without changing forms */
.mp-v12.mp-inner .BigButton,.mp-v12.mp-inner .MediumButtonBackground,.mp-v12.mp-inner .SmallButton {
  background:none!important; width:auto!important; height:auto!important; min-width:110px!important;
}
.mp-v12.mp-inner .BigButtonOver,.mp-v12.mp-inner .MediumButtonOver,.mp-v12.mp-inner .SmallButtonOver { display:none!important; }
.mp-v12.mp-inner .BigButtonText,.mp-v12.mp-inner .MediumButtonText,.mp-v12.mp-inner input[type="submit"],.mp-v12.mp-inner button:not(.mp-menu-toggle) {
  width:auto!important; min-width:110px!important; min-height:32px!important; height:auto!important;
  padding:7px 13px!important; border:1px solid #745326!important; border-radius:2px!important;
  background:linear-gradient(180deg,#3b2a16,#191108)!important; color:#e6bd67!important;
  font:700 10px/1 Georgia,serif!important; text-transform:uppercase!important; cursor:pointer!important;
}
.mp-v12.mp-inner input[type="submit"]:hover,.mp-v12.mp-inner button:not(.mp-menu-toggle):hover { border-color:#aa7a34!important; color:#f4d58b!important; }

/* Footer */
.mp-v12.mp-inner #Footer { width:100%!important; height:auto!important; margin:10px 0 0!important; padding:14px 0!important; color:#56534e!important; background:none!important; text-align:center!important; font:9px Arial,sans-serif!important; }

@media(max-width:900px){
  .mp-v12.mp-inner #ContentRow{grid-template-columns:1fr!important}
  .mp-v12.mp-inner #MenuColumn{order:2!important}.mp-v12.mp-inner #ContentColumn{order:1!important}
  .mp-v12.mp-inner #Menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important}
}
@media(max-width:620px){
  .mp-v12.mp-inner #Bodycontainer{width:calc(100% - 12px)!important}
  .mp-v12.mp-inner #ContentHelper .BoxContent{padding:10px!important}
  .mp14-page-heading{padding:16px!important}.mp14-page-heading strong{font-size:20px!important}
  .mp-v12.mp-inner #Menu{grid-template-columns:1fr!important}
  .mp-v12.mp-inner .premiumbenefits{display:block!important}.mp-v12.mp-inner .premiumbenefits>div{margin:6px 0!important}
  .mp-v12.mp-inner .TableContent{font-size:10px!important}
}


/* ========================================================================
   ErynOT V13 — INNER PORTAL CLEANUP
   Removes remaining Tibia.com chrome and fixes duplicated menu labels.
   ======================================================================== */
.mp-v12.mp-inner {
  background:#040607!important;
}

/* The modern header already contains server state; remove the obsolete strip. */
.mp-v12.mp-inner .mp-legacy-statusbar { display:none!important; }

/* Sidebar: old GIF label + generated label were being drawn together. */
.mp-v12.mp-inner #MenuColumn {
  width:auto!important;
  min-width:0!important;
}
.mp-v12.mp-inner #Menu {
  width:100%!important;
  border:1px solid rgba(207,158,73,.24)!important;
  border-radius:3px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#0d1012,#080a0b)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.24)!important;
}
.mp-v12.mp-inner #MenuTop,
.mp-v12.mp-inner .MenuButton .Button,
.mp-v12.mp-inner .MenuButton .Lights,
.mp-v12.mp-inner .MenuButton .Icon,
.mp-v12.mp-inner .MenuButton .Extend { display:none!important; }
.mp-v12.mp-inner .MenuButton {
  width:100%!important;
  min-height:48px!important;
  height:auto!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  padding:0 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:linear-gradient(90deg,rgba(216,170,85,.035),transparent)!important;
  cursor:pointer!important;
}
.mp-v12.mp-inner .MenuButton:hover {
  background:linear-gradient(90deg,rgba(216,170,85,.11),rgba(216,170,85,.02))!important;
}
.mp-v12.mp-inner .MenuButton .Label {
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background-image:none!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
}
.mp-v12.mp-inner .MenuButton .Label::after {
  display:block!important;
  font:700 11px/1 Georgia,serif!important;
  letter-spacing:.06em!important;
  color:#dcb35e!important;
  text-shadow:0 1px 8px rgba(0,0,0,.8)!important;
}
.mp-v12.mp-inner .Submenu {
  width:100%!important;
  box-sizing:border-box!important;
  background:#090b0d!important;
  border:0!important;
  border-bottom:1px solid rgba(207,158,73,.12)!important;
}
.mp-v12.mp-inner .Submenuitem {
  min-height:38px!important;
  padding:0 14px 0 24px!important;
  background:none!important;
}
.mp-v12.mp-inner .SubmenuitemLabel {
  font-size:11px!important;
  color:#aaa49a!important;
}
.mp-v12.mp-inner .Submenuitem:hover .SubmenuitemLabel { color:#efce81!important; }

/* Main portal frame */
.mp-v12.mp-inner #ContentRow {
  grid-template-columns:235px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  margin-top:14px!important;
}
.mp-v12.mp-inner #ContentColumn { min-width:0!important; width:auto!important; }
.mp-v12.mp-inner .Content { width:100%!important; min-width:0!important; }
.mp-v12.mp-inner .mp14-page-heading {
  min-height:92px!important;
  padding:21px 24px!important;
  border:1px solid rgba(207,158,73,.26)!important;
  border-radius:3px 3px 0 0!important;
  background:
    radial-gradient(circle at 92% 15%,rgba(214,158,63,.1),transparent 28%),
    linear-gradient(110deg,rgba(58,39,17,.62),rgba(14,17,19,.98) 45%,#0a0d0e)!important;
}
.mp-v12.mp-inner .mp14-page-heading span { color:#927a53!important; font-size:9px!important; }
.mp-v12.mp-inner .mp14-page-heading strong { color:#e8bd64!important; font-size:28px!important; }

/* Main content: kill residual parchment and blue/red Tibia chrome. */
.mp-v12.mp-inner #ContentHelper {
  margin-top:0!important;
  border:0!important;
}
.mp-v12.mp-inner #ContentHelper > .Box {
  border-top:0!important;
  border-color:rgba(207,158,73,.25)!important;
  background:linear-gradient(180deg,#0b0e10,#080b0d)!important;
}
.mp-v12.mp-inner #ContentHelper .BoxContent {
  min-height:600px!important;
  padding:24px!important;
  background:linear-gradient(180deg,#0b0e10,#080b0d)!important;
  color:#c9c4ba!important;
}

/* Old alert/message boxes are the last major beige pieces. */
.mp-v12.mp-inner .SmallBox {
  margin:0 0 18px!important;
  font-size:12px!important;
  border:1px solid rgba(207,158,73,.24)!important;
  border-radius:3px!important;
  overflow:hidden!important;
  background:#0f1214!important;
}
.mp-v12.mp-inner .SmallBox .MessageContainer,
.mp-v12.mp-inner .SmallBox .Message,
.mp-v12.mp-inner .SmallBox .ErrorMessage {
  height:auto!important;
  min-height:0!important;
  background:linear-gradient(90deg,rgba(116,79,30,.16),rgba(14,17,19,.98))!important;
  color:#c7c0b5!important;
}
.mp-v12.mp-inner .SmallBox .Message { padding:14px 16px!important; font:12px/1.5 Arial,sans-serif!important; }
.mp-v12.mp-inner .SmallBox .ErrorMessage { padding:14px 16px 14px 46px!important; font:12px/1.5 Arial,sans-serif!important; }
.mp-v12.mp-inner .SmallBox .BoxFrameHorizontal,
.mp-v12.mp-inner .SmallBox .BoxFrameVerticalRight,
.mp-v12.mp-inner .SmallBox .BoxFrameVerticalLeft,
.mp-v12.mp-inner .SmallBox .BoxFrameEdgeLeftTop,
.mp-v12.mp-inner .SmallBox .BoxFrameEdgeLeftBottom,
.mp-v12.mp-inner .SmallBox .BoxFrameEdgeRightTop,
.mp-v12.mp-inner .SmallBox .BoxFrameEdgeRightBottom { display:none!important; }
.mp-v12.mp-inner .SmallBox table { width:100%!important; background:none!important; color:inherit!important; }
.mp-v12.mp-inner .SmallBox td { padding:4px 6px!important; border:0!important; background:none!important; color:inherit!important; }
.mp-v12.mp-inner .SmallBox .LabelV { color:#dfb55e!important; }

/* Account cards */
.mp-v12.mp-inner .TableContainer {
  margin-bottom:18px!important;
  border:1px solid rgba(207,158,73,.23)!important;
  border-radius:4px!important;
  background:#0c0f11!important;
}
.mp-v12.mp-inner .CaptionContainer {
  min-height:46px!important;
  background:linear-gradient(180deg,#181b1d,#111416)!important;
  border-bottom:1px solid rgba(216,170,85,.22)!important;
}
.mp-v12.mp-inner .CaptionInnerContainer { height:46px!important; padding:0 16px!important; }
.mp-v12.mp-inner .CaptionContainer .Text { color:#e1b963!important; font-size:12px!important; letter-spacing:.03em!important; }
.mp-v12.mp-inner .InnerTableContainer { padding:12px!important; background:#0b0e10!important; }
.mp-v12.mp-inner .TableContentContainer { background:none!important; }
.mp-v12.mp-inner .TableContent,
.mp-v12.mp-inner .TableContent[style] {
  border:1px solid rgba(207,158,73,.14)!important;
  background:#0e1113!important;
  color:#cbc5bb!important;
}
.mp-v12.mp-inner .TableContent td,
.mp-v12.mp-inner .TableContent th {
  background:#0e1113!important;
  color:#cbc5bb!important;
  border-color:rgba(255,255,255,.045)!important;
}
.mp-v12.mp-inner .TableContent tr:nth-child(even) td { background:#0b0e10!important; }
.mp-v12.mp-inner .BigBoldText { color:#ebc86f!important; text-shadow:0 2px 12px rgba(0,0,0,.7)!important; }
.mp-v12.mp-inner .premiumbenefits {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
}
.mp-v12.mp-inner .premiumbenefits > div {
  min-width:0!important;
  margin:0!important;
  justify-content:flex-start!important;
  padding:11px 12px!important;
  border:1px solid rgba(207,158,73,.13)!important;
  border-radius:3px!important;
  background:#0a0d0f!important;
  color:#a9a39a!important;
}
.mp-v12.mp-inner .premiumbenefits img { flex:0 0 auto!important; }

/* Buttons */
.mp-v12.mp-inner .BigButtonText,
.mp-v12.mp-inner .MediumButtonText,
.mp-v12.mp-inner .SmallButtonText,
.mp-v12.mp-inner input[type="submit"],
.mp-v12.mp-inner button:not(.mp-menu-toggle) {
  min-height:34px!important;
  padding:8px 14px!important;
  border:1px solid #7d5927!important;
  border-radius:2px!important;
  background:linear-gradient(180deg,#3d2b15,#191108)!important;
  color:#eccb79!important;
  font:700 10px/1 Georgia,serif!important;
  box-shadow:inset 0 0 15px rgba(223,171,76,.04),0 5px 14px rgba(0,0,0,.22)!important;
}
.mp-v12.mp-inner .BigButtonText:hover,
.mp-v12.mp-inner .MediumButtonText:hover,
.mp-v12.mp-inner input[type="submit"]:hover,
.mp-v12.mp-inner button:not(.mp-menu-toggle):hover {
  border-color:#ae7e39!important;
  color:#ffe09a!important;
  background:linear-gradient(180deg,#50371a,#21160a)!important;
}

/* Hide obsolete left artwork/login/download blocks on inner pages. */
.mp-v12.mp-inner #LeftArtwork,
.mp-v12.mp-inner #Loginbox,
.mp-v12.mp-inner .SmallMenuBox#DownloadBox { display:none!important; }

/* Reduce noisy legacy inline imagery inside card frames without breaking icons. */
.mp-v12.mp-inner .CaptionContainer [style*="background-image"] { background-image:none!important; }

@media(max-width:900px){
  .mp-v12.mp-inner #ContentRow { grid-template-columns:1fr!important; gap:10px!important; }
  .mp-v12.mp-inner #MenuColumn { order:2!important; }
  .mp-v12.mp-inner #ContentColumn { order:1!important; }
  .mp-v12.mp-inner #Menu { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .mp-v12.mp-inner .menuitem { min-width:0!important; }
  .mp-v12.mp-inner .premiumbenefits { grid-template-columns:1fr!important; }
}
@media(max-width:620px){
  .mp-v12.mp-inner #Menu { grid-template-columns:1fr!important; }
  .mp-v12.mp-inner .mp14-page-heading { min-height:76px!important; padding:17px!important; }
  .mp-v12.mp-inner .mp14-page-heading strong { font-size:22px!important; }
  .mp-v12.mp-inner #ContentHelper .BoxContent { padding:12px!important; }
}
/* ========================================================================
   ErynOT V16 — DEFINITIVE SIDEBAR LABEL FIX
   The menu label no longer uses the legacy .Label class, so old ::after
   replacements cannot render a second copy of the category name.
   ======================================================================== */
.mp-v12.mp-inner .MenuButton .ErynOTMenuLabel {
  position:static !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  background-image:none !important;
  color:#dfb861 !important;
  font:700 11px/1.2 Georgia,serif !important;
  letter-spacing:.055em !important;
  text-indent:0 !important;
  white-space:nowrap !important;
  text-shadow:0 1px 8px rgba(0,0,0,.8) !important;
}
.mp-v12.mp-inner .MenuButton .ErynOTMenuLabel::before,
.mp-v12.mp-inner .MenuButton .ErynOTMenuLabel::after {
  content:none !important;
  display:none !important;
}
.mp-v12.mp-inner .MenuButton {
  display:flex !important;
  align-items:center !important;
  padding:0 18px !important;
  min-height:46px !important;
}


/* ErynOT V17 — ROOT CAUSE FIX: legacy ID pseudo-elements disabled. */
.mp-v12.mp-inner #news_Label::before,
.mp-v12.mp-inner #news_Label::after,
.mp-v12.mp-inner #account_Label::before,
.mp-v12.mp-inner #account_Label::after,
.mp-v12.mp-inner #community_Label::before,
.mp-v12.mp-inner #community_Label::after,
.mp-v12.mp-inner #forum_Label::before,
.mp-v12.mp-inner #forum_Label::after,
.mp-v12.mp-inner #library_Label::before,
.mp-v12.mp-inner #library_Label::after,
.mp-v12.mp-inner #charactertrade_Label::before,
.mp-v12.mp-inner #charactertrade_Label::after,
.mp-v12.mp-inner #shops_Label::before,
.mp-v12.mp-inner #shops_Label::after {
  content:none !important;
  display:none !important;
}

/* ========================================================================
   ErynOT V18 — REAL SIDEBAR DUPLICATION FIX
   The old .mp-v3 theme writes category names on .MenuButton::after.
   Inner pages also carry mp-v3 + mp-v12 classes, so that pseudo-element
   remained active even after the label pseudo-elements were disabled.
   Kill the button pseudo-elements and keep only ErynOTMenuLabel text.
   ======================================================================== */
.mp-v12.mp-inner .MenuButton::before,
.mp-v12.mp-inner .MenuButton::after,
.mp-v12.mp-inner #news .MenuButton::before,
.mp-v12.mp-inner #news .MenuButton::after,
.mp-v12.mp-inner #account .MenuButton::before,
.mp-v12.mp-inner #account .MenuButton::after,
.mp-v12.mp-inner #community .MenuButton::before,
.mp-v12.mp-inner #community .MenuButton::after,
.mp-v12.mp-inner #forum .MenuButton::before,
.mp-v12.mp-inner #forum .MenuButton::after,
.mp-v12.mp-inner #library .MenuButton::before,
.mp-v12.mp-inner #library .MenuButton::after,
.mp-v12.mp-inner #charactertrade .MenuButton::before,
.mp-v12.mp-inner #charactertrade .MenuButton::after,
.mp-v12.mp-inner #shops .MenuButton::before,
.mp-v12.mp-inner #shops .MenuButton::after,
.mp-v12.mp-inner #shop .MenuButton::before,
.mp-v12.mp-inner #shop .MenuButton::after {
  content:none !important;
  display:none !important;
}

.mp-v12.mp-inner .MenuButton .ErynOTMenuLabel {
  color:#e2bd69 !important;
  font:700 12px/1.2 Georgia,serif !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

/* FIX: legacy Tibia buttons are absolute-positioned in basic.css.
   Medieval layout uses auto-sized button wrappers, so submit buttons collapse/disappear.
   Keep them in normal flow. */
.mp-v12.mp-inner .BigButtonText,
.mp-v12.mp-inner .MediumButtonText,
.mp-v12.mp-inner .SmallButtonText,
.mp-v12.mp-inner input[type="submit"] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.mp-v12.mp-inner .BigButton,
.mp-v12.mp-inner .MediumButtonBackground,
.mp-v12.mp-inner .SmallButton {
  position: relative !important;
  display: inline-block !important;
  min-height: 34px !important;
  overflow: visible !important;
}