/* Neutralize old gamestyle / page-inline martial themes inside portal shell */
body.portal .right,
body.portal .wrap,
body.portal .container,
body.portal .main-content,
body.portal .news-list-block,
body.portal #info-detail-box {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.portal .left { display: none !important; }

body.portal .news-list-block,
body.portal .news-detail,
body.portal #info-detail-box > .wrap,
body.portal #main {
  background: rgba(22, 26, 34, 0.72) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  color: var(--text) !important;
  box-shadow: none !important;
}

body.portal .title-block {
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  padding: 16px 20px !important;
  text-align: left !important;
  overflow: visible !important;
  animation: none !important;
}

body.portal .breadcrumb,
body.portal .title-block .breadcrumb {
  display: none !important;
}

/* Kill leftover red / gold martial skins on legacy pages */
body.portal .news-list-block[style],
body.portal .title-block[style],
body.portal #main[style] {
  background: rgba(22, 26, 34, 0.72) !important;
}

body.portal .info-alert,
body.portal .info-card,
body.portal .stats-card,
body.portal .selection-card,
body.portal .name-change-container,
body.portal .class-change-container,
body.portal fieldset {
  background: rgba(11, 14, 20, 0.55) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.portal legend {
  color: var(--gold-hi) !important;
  border: none !important;
}

body.portal .btn_dk,
body.portal .submit_button,
body.portal .submit-button,
body.portal .action-button {
  background: linear-gradient(180deg, var(--gold-hi), var(--gold)) !important;
  color: #1a1408 !important;
  border: 1px solid var(--gold-hi) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.portal .title-block::before,
body.portal .title-block::after,
body.portal .welcome-header::before,
body.portal .welcome-header::after,
body.portal .login-required-card::before,
body.portal .login-required-card::after {
  content: none !important;
  display: none !important;
}

body.portal .title-block .title,
body.portal .title-block h2,
body.portal .news-title h2,
body.portal .news-title h2 a {
  color: var(--gold-hi) !important;
  font-family: var(--font-display) !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
  text-shadow: none !important;
  text-transform: none !important;
}

body.portal #main,
body.portal .tab-content,
body.portal .news-list li,
body.portal .news-list li .txt,
body.portal label,
body.portal p,
body.portal td,
body.portal th,
body.portal span,
body.portal div {
  color: inherit;
}

body.portal .news-list li {
  background: transparent !important;
  border-left: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body.portal .news-list li a {
  color: var(--text) !important;
}

body.portal .news-list li .date,
body.portal .news-list li .date2 {
  color: var(--muted) !important;
}

body.portal .tabs-block,
body.portal .tab-content {
  background: transparent !important;
  box-shadow: none !important;
}

body.portal .tab-menu {
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
}

body.portal .tab-menu li a {
  color: var(--muted) !important;
  background: transparent !important;
}

body.portal .tab-menu li.active a,
body.portal .tab-menu li a:hover {
  color: var(--gold-hi) !important;
  background: rgba(201, 162, 39, 0.08) !important;
  box-shadow: none !important;
}

body.portal input[type="text"],
body.portal input[type="password"],
body.portal input[type="number"],
body.portal input[type="email"],
body.portal select,
body.portal textarea {
  background: rgba(11, 14, 20, 0.85) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  border-radius: 0 !important;
}

body.portal button,
body.portal input[type="submit"],
body.portal .btn-login,
body.portal .btn-action,
body.portal .btn-large,
body.portal .button {
  background: linear-gradient(180deg, var(--gold-hi), var(--gold)) !important;
  color: #1a1408 !important;
  border: 1px solid var(--gold-hi) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.portal table {
  color: var(--text) !important;
}

body.portal table th {
  color: var(--gold-hi) !important;
  background: transparent !important;
}

body.portal table td {
  border-color: rgba(255,255,255,.08) !important;
}

body.portal .feature-card {
  background: linear-gradient(160deg, var(--ink-3), var(--ink-2)) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.portal .feature-card:hover {
  border-color: var(--gold) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.35) !important;
}

body.portal .feature-title,
body.portal .category-title,
body.portal .welcome-header h2 {
  color: var(--gold-hi) !important;
  text-shadow: none !important;
}

body.portal .welcome-header,
body.portal .login-required-card,
body.portal .login-instructions,
body.portal .welcome-message,
body.portal .feature-list,
body.portal .action-buttons {
  background: rgba(22, 26, 34, 0.72) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  box-shadow: none !important;
}