/* WOI Mortal live design polish v1
   Safe visual/layout fixes only. Keeps the existing Dawn of Calamity look. */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body.woi-body {
  min-width: 0;
}

img,
video,
iframe,
object,
embed,
table {
  max-width: 100%;
}

a,
button,
input,
select,
textarea {
  max-width: 100%;
}

.woi-header,
.woi-hero,
.woi-main,
.woi-footer {
  width: min(100% - 28px, 1280px);
  margin-left: auto;
  margin-right: auto;
}

.woi-header {
  padding-left: 0;
  padding-right: 0;
}

.woi-topbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 44px;
}

.woi-top-stats-compact {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.woi-top-stat-item {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-width: 0 !important;
  width: auto !important;
  white-space: nowrap;
  padding: 7px 10px !important;
  line-height: 1.1;
}

.woi-top-stat-item strong {
  white-space: nowrap;
}

.woi-lang-dropdown {
  flex: 0 0 auto;
  margin-left: 4px !important;
}

.woi-lang-current {
  min-height: 34px;
  white-space: nowrap;
}

.woi-nav {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.woi-brand {
  flex: 0 0 auto;
  min-width: 0;
}

.woi-brand img {
  max-width: 180px;
  height: auto;
}

.woi-menu {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
}

.woi-menu a {
  white-space: nowrap;
}

.woi-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.woi-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  text-align: center;
}

.woi-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 24px;
  align-items: stretch;
  overflow: hidden;
}

.woi-hero-content,
.woi-hero-card {
  min-width: 0;
}

.woi-hero h1 {
  overflow-wrap: anywhere;
}

.woi-hero-text {
  max-width: 760px;
}

.woi-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.woi-main {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.woi-sidebar,
.woi-content {
  min-width: 0;
}

.woi-panel,
.woi-content,
.woi-user-wrap,
.woi-account-card,
.woi-policy-card,
.woi-rank-card,
.woi-status-card {
  overflow-wrap: anywhere;
}

.woi-panel a,
.woi-panel button {
  width: 100%;
  min-width: 0;
  text-align: left;
}

.woi-content {
  overflow: hidden;
}

.woi-content > * {
  max-width: 100%;
}

.woi-user-top,
.woi-account-hero-card {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.woi-user-title {
  min-width: 260px;
  flex: 1 1 360px;
}

.woi-user-credit,
.woi-account-credit-card {
  flex: 0 0 auto;
}

.woi-user-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
}

.woi-user-tabs a {
  flex: 1 1 135px;
  min-width: 125px;
  justify-content: center;
  text-align: center;
}

.woi-user-module {
  min-width: 0;
  overflow: hidden;
}

.woi-account-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.woi-account-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

.woi-account-actions a {
  min-width: 0;
}

.table-responsive,
.woi-account-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table,
.woi-account-table,
.woi-rank-table {
  width: 100%;
  min-width: 620px;
}

.woi-character-card {
  overflow: hidden;
}

.woi-character-card .woi-account-card-title {
  margin-bottom: 16px;
}

.woi-character-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
}

.woi-character-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  min-width: 0;
  min-height: 158px;
  padding: 14px;
  border: 1px solid rgba(215,179,90,.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(143,20,35,.20), rgba(0,0,0,.30) 48%, rgba(215,179,90,.06)),
    rgba(7,8,13,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.woi-character-item:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,212,122,.38), transparent);
}

.woi-character-item.is-primary {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) minmax(280px, .9fr);
  align-items: center;
  gap: 18px;
  min-height: 142px;
  padding: 18px;
  border-color: rgba(255,212,122,.34);
  background:
    radial-gradient(circle at 12% 0, rgba(255,212,122,.16), transparent 34%),
    linear-gradient(135deg, rgba(143,20,35,.34), rgba(0,0,0,.34) 48%, rgba(215,179,90,.10)),
    rgba(7,8,13,.82);
}

.woi-character-item.is-primary .woi-character-icon {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  font-size: 22px;
}

.woi-character-item.is-primary .woi-character-main {
  display: contents;
}

.woi-character-item.is-primary .woi-character-head {
  margin-bottom: 0;
}

.woi-character-item.is-primary .woi-character-head strong {
  font-size: 26px;
  line-height: 1.05;
}

.woi-character-item.is-primary .woi-character-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.woi-character-icon {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: #ffd47a;
  border-color: rgba(215,179,90,.28);
  background: linear-gradient(135deg, rgba(215,179,90,.18), rgba(143,20,35,.18));
}

.woi-character-main {
  flex: 1 1 auto;
  min-width: 0;
}

.woi-character-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 11px;
}

.woi-character-head strong {
  min-width: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.woi-character-level {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(215,179,90,.24);
  background: rgba(215,179,90,.10);
  color: #ffe0a3;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.woi-character-meta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.woi-character-meta span {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 7px;
  align-items: center;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(0,0,0,.24);
}

.woi-character-meta i {
  grid-row: 1 / span 2;
  color: #ffd47a;
  text-align: center;
}

.woi-character-meta small {
  color: #caa75e;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.woi-character-meta b {
  min-width: 0;
  color: #f7efe4;
  font-size: 12px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.woi-character-top-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(255,212,122,.38);
  border-radius: 999px;
  background: rgba(143,20,35,.30);
  color: #ffd47a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.woi-gender-page {
  width: 100%;
}

.woi-gender-card {
  overflow: hidden;
  border: 1px solid rgba(215,179,90,.24);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(18,21,29,.92), rgba(5,6,10,.82)),
    rgba(7,8,13,.86);
  box-shadow: 0 18px 46px rgba(0,0,0,.28);
}

.woi-gender-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px;
  border-bottom: 1px solid rgba(215,179,90,.18);
  background:
    linear-gradient(135deg, rgba(143,20,35,.42), rgba(5,6,10,.12) 62%),
    rgba(0,0,0,.12);
}

.woi-gender-head h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
}

.woi-gender-head h2 i {
  color: #ffd47a;
}

.woi-gender-price {
  flex: 0 0 auto;
  min-width: 132px;
  padding: 12px 14px;
  border: 1px solid rgba(215,179,90,.28);
  border-radius: 8px;
  background: rgba(0,0,0,.28);
  text-align: center;
}

.woi-gender-price span,
.woi-gender-field > span {
  display: block;
  color: #d8b95e;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.woi-gender-price strong {
  display: block;
  margin-top: 7px;
  color: #fff2c7;
  font-size: 18px;
}

.woi-gender-body {
  display: grid;
  gap: 16px;
  padding: 20px 24px 24px;
}

.woi-gender-response:empty {
  display: none;
}

.woi-gender-summary,
.woi-gender-warning,
.woi-gender-support,
.woi-gender-empty {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-width: 0;
  border-radius: 8px;
  padding: 14px 15px;
}

.woi-gender-summary {
  border: 1px solid rgba(139,216,255,.16);
  background: rgba(139,216,255,.06);
}

.woi-gender-summary > i {
  color: #8bd8ff;
  margin-top: 3px;
}

.woi-gender-summary strong,
.woi-gender-warning strong,
.woi-gender-empty span {
  color: #fff;
  font-weight: 900;
}

.woi-gender-summary p,
.woi-gender-warning p {
  margin: 4px 0 0;
  color: #d8c8ad;
}

.woi-gender-warning {
  border: 1px solid rgba(255,127,74,.34);
  background:
    linear-gradient(135deg, rgba(143,20,35,.32), rgba(227,116,39,.10)),
    rgba(0,0,0,.24);
}

.woi-gender-warning-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(255,127,74,.35);
  background: rgba(143,20,35,.34);
  color: #ffd47a;
}

.woi-gender-warning b {
  color: #ff5b5b;
  text-transform: uppercase;
}

.woi-gender-form {
  display: grid;
  grid-template-columns: 1.15fr .8fr 1fr 1.15fr auto;
  gap: 10px;
  align-items: end;
}

.woi-gender-field {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

.woi-gender-field select,
.woi-gender-field input,
.woi-gender-current {
  width: 100%;
  min-height: 46px;
}

.woi-gender-current {
  display: flex;
  align-items: center;
  padding: 0 13px;
  border: 1px solid rgba(215,179,90,.32);
  border-radius: 8px;
  background: rgba(5,5,8,.78);
  color: #e9ddc8;
  font-weight: 800;
}

.woi-gender-submit {
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(255,157,53,.72);
  border-radius: 8px;
  background: linear-gradient(135deg,#7d101a,#bb2729 48%,#e37427);
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.woi-gender-submit:hover {
  box-shadow: 0 0 26px rgba(227,116,39,.24);
}

.woi-gender-support {
  border: 1px solid rgba(215,179,90,.12);
  background: rgba(0,0,0,.18);
  color: #d8c8ad;
}

.woi-gender-support i,
.woi-gender-empty i {
  color: #ffd47a;
  margin-top: 2px;
}

.woi-gender-empty {
  border: 1px solid rgba(255,91,91,.28);
  background: rgba(143,20,35,.18);
}

.woi-rankings-page,
.woi-status-page,
.woi-policy-page {
  max-width: 100%;
}

.woi-rank-grid,
.woi-policy-grid,
.woi-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
}

.woi-rank-card,
.woi-policy-card,
.woi-status-card {
  min-width: 0;
}

.woi-rank-card table,
.woi-policy-card table,
.woi-status-card table {
  width: 100%;
}

.woi-policy-hero,
.woi-rank-hero,
.woi-status-hero {
  min-width: 0;
  overflow: hidden;
}

.woi-policy-hero h1,
.woi-rank-hero h1,
.woi-status-hero h1 {
  overflow-wrap: anywhere;
}

.form-control,
.custom-select,
select,
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  width: 100%;
  max-width: 100%;
}

.form-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.form-inline .form-control,
.form-inline .custom-select {
  width: auto;
  min-width: 180px;
  flex: 1 1 180px;
}

.woi-modal .modal-dialog {
  width: min(100% - 24px, 560px);
  max-width: 560px;
  margin: 28px auto;
}

.woi-modal .modal-content {
  max-height: calc(100vh - 56px);
  overflow-y: auto;
}

.woi-modal .modal-body,
.woi-modal .modal-header {
  min-width: 0;
}

.woi-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  padding-left: 14px;
  padding-right: 14px;
}

.woi-footer > div {
  width: 100%;
}

.woi-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  justify-content: center;
}

.woi-footer-links a {
  white-space: nowrap;
}

/* VIP Noble account panel module */
.woi-vip-page{
  display:flex;
  flex-direction:column;
  gap:22px;
}
.woi-vip-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:24px;
  align-items:center;
  padding:28px;
  border-radius:24px;
  background:
    radial-gradient(circle at 14% 8%,rgba(216,166,74,.18),transparent 34%),
    radial-gradient(circle at 92% 12%,rgba(192,58,58,.14),transparent 36%),
    linear-gradient(145deg,rgba(37,15,16,.94),rgba(9,5,8,.86));
  border:1px solid rgba(216,166,74,.22);
  box-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.045);
  overflow:hidden;
}
.woi-vip-hero h2{
  margin:0 0 12px;
  color:#fff1c8;
  font-size:34px;
  line-height:1.12;
}
.woi-vip-hero p{
  margin:0;
  color:#d9c7a8;
  line-height:1.68;
  max-width:820px;
}
.woi-vip-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.woi-vip-hero-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(216,166,74,.18);
  color:#ffe1a2;
  font-weight:800;
}
.woi-vip-hero-status{
  min-height:178px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(216,166,74,.14),rgba(255,255,255,.035));
  border:1px solid rgba(216,166,74,.24);
}
.woi-vip-hero-status i{
  font-size:54px;
  color:#ffd46b;
  text-shadow:0 0 28px rgba(216,166,74,.36);
}
.woi-vip-hero-status strong{
  margin-top:12px;
  color:#fff;
  font-size:22px;
}
.woi-vip-hero-status span{
  color:#cbb793;
}
.woi-vip-plans{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.woi-vip-plan,
.woi-vip-card,
.woi-vip-active{
  position:relative;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(23,10,12,.90),rgba(7,4,6,.80));
  border:1px solid rgba(216,166,74,.16);
  box-shadow:0 22px 60px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035);
}
.woi-vip-plan{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  gap:18px;
  padding:24px;
  overflow:hidden;
}
.woi-vip-plan.featured{
  border-color:rgba(255,214,105,.36);
  box-shadow:0 26px 72px rgba(0,0,0,.44),0 0 42px rgba(216,166,74,.09);
}
.woi-vip-ribbon{
  position:absolute;
  right:18px;
  top:18px;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#d8a64a,#8b5d1b);
  color:#160807;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.woi-vip-plan-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:128px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
}
.woi-vip-plan-icon img{
  max-width:104px;
  max-height:104px;
  object-fit:contain;
  filter:drop-shadow(0 0 18px rgba(216,166,74,.18));
}
.woi-vip-plan-content p{
  margin:0 0 4px;
  color:#d8a64a;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:900;
}
.woi-vip-plan-content h3{
  margin:0 0 8px;
  color:#fff1c8;
  font-size:26px;
}
.woi-vip-plan-content strong{
  display:block;
  color:#fff;
  font-size:16px;
}
.woi-vip-plan-content ul{
  list-style:none;
  padding:0;
  margin:14px 0 0;
}
.woi-vip-plan-content li{
  margin:8px 0;
  color:#d9cab0;
}
.woi-vip-plan-content li i{
  color:#8dff68;
  margin-right:8px;
}
.woi-vip-card{
  padding:24px;
}
.woi-vip-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:end;
  margin-top:18px;
}
.woi-vip-field label{
  display:block;
  margin-bottom:7px;
  color:#d8a64a;
  font-weight:900;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.08em;
}
.woi-vip-form .form-control{
  width:100%;
}
.woi-vip-note{
  grid-column:1 / -1;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:14px;
  color:#d8c8aa;
  background:rgba(216,166,74,.08);
  border:1px solid rgba(216,166,74,.14);
}
.woi-vip-note i{
  color:#ffd46b;
  margin-top:2px;
}
.woi-vip-submit{
  grid-column:1 / -1;
  justify-content:center;
}
.woi-vip-alert{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(255,92,92,.22);
  background:rgba(255,92,92,.08);
  color:#ffd1d1;
}
.woi-vip-alert i{
  color:#ff7878;
  font-size:22px;
}
.woi-vip-alert strong{
  color:#fff;
}
.woi-vip-alert p{
  margin:4px 0 0;
}
.woi-vip-active{
  display:grid;
  grid-template-columns:185px minmax(0,1fr);
  gap:24px;
  padding:26px;
}
.woi-vip-active-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(216,166,74,.16);
}
.woi-vip-active-icon img{
  max-width:145px;
  max-height:145px;
  filter:drop-shadow(0 0 22px rgba(216,166,74,.18));
}
.woi-vip-active-copy h2{
  margin:0 0 10px;
  color:#fff1c8;
}
.woi-vip-active-copy p{
  color:#d8c8aa;
}
.woi-vip-active-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.woi-vip-active-grid div{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(216,166,74,.12);
}
.woi-vip-active-grid span{
  display:block;
  color:#c8b493;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.woi-vip-active-grid strong{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:19px;
}
.woi-vip-active-grid img{
  max-height:44px;
  margin-top:5px;
}
.woi-vip-rules{
  padding-left:18px;
  color:#d8c8aa;
}
.woi-vip-rules li{
  margin:7px 0;
}
.woi-vip-claim-form{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.woi-vip-claim-form h3,
.woi-vip-countdown h3{
  margin:0 0 6px;
  color:#fff1c8;
}
.woi-vip-claim-form p,
.woi-vip-countdown p{
  margin:0;
  color:#d8c8aa;
}
.woi-vip-countdown{
  text-align:center;
}
.woi-vip-countdown strong{
  display:block;
  color:#ffd46b;
  font-size:24px;
  margin:10px 0;
}

@media (max-width: 1180px) {
  .woi-hero {
    grid-template-columns: 1fr;
  }

  .woi-main {
    grid-template-columns: 240px minmax(0,1fr);
  }

  .woi-vip-form {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .woi-gender-form {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .woi-gender-submit {
    grid-column: 1 / -1;
  }

  .woi-character-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woi-character-item.is-primary {
    grid-template-columns: 60px minmax(0, 1fr);
  }

  .woi-character-item.is-primary .woi-character-main {
    display: block;
  }

  .woi-character-item.is-primary .woi-character-meta {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .woi-header,
  .woi-hero,
  .woi-main,
  .woi-footer {
    width: min(100% - 18px, 1280px);
  }

  .woi-topbar {
    justify-content: center;
  }

  .woi-top-stats-compact {
    justify-content: center;
  }

  .woi-nav {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .woi-menu {
    order: 10;
    flex-basis: 100%;
    justify-content: center;
  }

  .woi-actions {
    margin-left: auto;
  }

  .woi-main {
    grid-template-columns: 1fr;
  }

  .woi-sidebar {
    order: 2;
  }

  .woi-content {
    order: 1;
  }

  .woi-panel {
    margin-bottom: 14px;
  }

  .woi-account-card-grid,
  .woi-rank-grid,
  .woi-policy-grid,
  .woi-status-grid,
  .woi-vip-plans,
  .woi-vip-hero,
  .woi-vip-active {
    grid-template-columns: 1fr;
  }

  .woi-vip-active-grid {
    grid-template-columns: 1fr;
  }

  .woi-vip-claim-form {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 720px) {
  .woi-top-stat-item {
    font-size: 12px;
    padding: 6px 8px !important;
  }

  .woi-brand img {
    max-width: 145px;
  }

  .woi-brand span {
    display: none;
  }

  .woi-actions .woi-btn {
    padding-left: 12px;
    padding-right: 12px;
  }

  .woi-hero {
    padding: 22px 18px;
  }

  .woi-hero h1 {
    font-size: clamp(32px, 10vw, 52px);
  }

  .woi-hero-actions .woi-btn {
    width: 100%;
  }

  .woi-account-card-grid,
  .woi-account-actions,
  .woi-vip-form {
    grid-template-columns: 1fr;
  }

  .woi-gender-head,
  .woi-gender-summary,
  .woi-gender-warning,
  .woi-gender-support,
  .woi-gender-empty {
    flex-direction: column;
  }

  .woi-gender-body,
  .woi-gender-head {
    padding-left: 16px;
    padding-right: 16px;
  }

  .woi-gender-price {
    width: 100%;
  }

  .woi-gender-form {
    grid-template-columns: 1fr;
  }

  .woi-character-item {
    padding: 13px;
    min-height: 0;
  }

  .woi-character-list {
    grid-template-columns: 1fr;
  }

  .woi-character-item.is-primary {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    min-height: 0;
  }

  .woi-character-item.is-primary .woi-character-icon {
    width: 48px;
    height: 48px;
    font-size: 18px;
  }

  .woi-character-item.is-primary .woi-character-head strong {
    font-size: 18px;
  }

  .woi-character-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }

  .woi-character-meta {
    grid-template-columns: 1fr;
  }

  .woi-user-tabs a {
    flex-basis: calc(50% - 8px);
    min-width: 0;
  }

  .woi-footer-links a {
    white-space: normal;
  }
}

@media (max-width: 460px) {
  .woi-header,
  .woi-hero,
  .woi-main,
  .woi-footer {
    width: min(100% - 12px, 1280px);
  }

  .woi-topbar {
    gap: 6px;
  }

  .woi-top-stat-item span {
    display: none;
  }

  .woi-top-stat-item {
    min-height: 32px;
  }

  .woi-menu a {
    flex: 1 1 calc(50% - 8px);
    text-align: center;
  }

  .woi-user-tabs a {
    flex-basis: 100%;
  }

  .woi-vip-hero,
  .woi-vip-card,
  .woi-vip-active,
  .woi-vip-plan {
    padding: 18px;
  }

  .woi-vip-plan {
    grid-template-columns: 1fr;
  }
}


/* Information module redesign v2 - proper rulebook */
.woi-info-page-v2{width:100%;max-width:1120px;margin:0 auto 44px;color:#e8dcc8}.woi-info-page-v2 *{box-sizing:border-box}.woi-info-page-v2 a,.woi-info-page-v2 a:hover{text-decoration:none}.woi-info-hero-v2{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch;padding:28px;border:1px solid rgba(215,179,90,.26);border-radius:22px;background:linear-gradient(135deg,rgba(15,9,13,.96),rgba(7,5,7,.92));box-shadow:0 24px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055)}.woi-info-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(215,179,90,.18),transparent 30%),radial-gradient(circle at 86% 8%,rgba(143,20,35,.34),transparent 36%),linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.06)),url('../images/image-2.jpg') center/cover no-repeat;opacity:.72}.woi-info-hero-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0,rgba(255,210,122,.055) 44%,transparent 56%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);pointer-events:none}.woi-info-hero-copy-v2,.woi-info-hero-card-v2{position:relative;z-index:1;min-width:0}.woi-info-hero-copy-v2 h1{margin:6px 0 12px;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.055em;font-size:clamp(38px,6vw,76px);line-height:.96;text-shadow:0 2px 0 #000,0 0 30px rgba(143,20,35,.45)}.woi-info-lead-v2{max-width:760px;margin:0;color:#e2d3be;font-size:19px;line-height:1.55;text-shadow:0 1px 2px rgba(0,0,0,.8)}.woi-info-hero-actions-v2{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.woi-info-hero-card-v2{display:grid;gap:14px}.woi-info-server-card-v2{min-height:236px;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.36);box-shadow:0 18px 48px rgba(0,0,0,.42)}.woi-info-server-card-v2 img{width:100%;height:100%;min-height:236px;display:block;object-fit:cover;transform:scale(1.04);filter:saturate(1.1) contrast(1.04)}.woi-info-server-card-v2 div{position:absolute;left:14px;right:14px;bottom:14px;padding:13px 14px;border:1px solid rgba(215,179,90,.28);border-radius:16px;background:linear-gradient(145deg,rgba(8,4,6,.88),rgba(38,10,13,.82));backdrop-filter:blur(10px);text-align:center}.woi-info-server-card-v2 span,.woi-info-server-card-v2 small{display:block;color:#d9c8b2;text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:12px}.woi-info-server-card-v2 strong{display:block;color:#ffd47a;font-family:Orbitron,Rajdhani,sans-serif;font-size:34px;line-height:1}.woi-info-mini-stats-v2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.woi-info-mini-stats-v2 article{padding:14px;border-radius:15px;border:1px solid rgba(215,179,90,.18);background:rgba(0,0,0,.34);text-align:center}.woi-info-mini-stats-v2 strong{display:block;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;font-size:26px;line-height:1}.woi-info-mini-stats-v2 span{display:block;margin-top:4px;color:#cdbfaa;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.woi-info-top-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.woi-info-top-grid-v2 article{position:relative;overflow:hidden;min-height:132px;padding:18px;border:1px solid rgba(215,179,90,.18);border-radius:18px;background:linear-gradient(180deg,rgba(17,21,30,.86),rgba(8,8,12,.86));box-shadow:0 14px 38px rgba(0,0,0,.25)}.woi-info-top-grid-v2 article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(255,210,122,.12),transparent 38%);pointer-events:none}.woi-info-top-grid-v2 i{position:relative;display:block;color:#ffd47a;font-size:24px;margin-bottom:9px}.woi-info-top-grid-v2 strong{position:relative;display:block;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:17px}.woi-info-top-grid-v2 span{position:relative;display:block;margin-top:5px;color:#cdbfaa;line-height:1.35}.woi-info-tabs-v2{position:sticky;top:8px;z-index:8;display:flex;flex-wrap:wrap;gap:10px;padding:12px;margin:0 0 18px;border:1px solid rgba(215,179,90,.18);border-radius:18px;background:rgba(6,4,7,.82);box-shadow:0 14px 38px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.woi-info-tab-v2{flex:1 1 172px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.045);color:#e8dcc8!important;font-family:Rajdhani,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.045em;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.woi-info-tab-v2 i{color:#d7b35a}.woi-info-tab-v2:hover,.woi-info-tab-v2.active{transform:translateY(-1px);border-color:rgba(255,210,122,.34);background:linear-gradient(135deg,rgba(143,20,35,.58),rgba(215,179,90,.13));color:#fff!important}.woi-info-tab-v2.active i{color:#ffd47a}.woi-info-panel-v2{display:none;overflow:hidden;border:1px solid rgba(215,179,90,.22);border-radius:22px;background:radial-gradient(circle at 8% 0,rgba(143,20,35,.18),transparent 35%),linear-gradient(180deg,rgba(17,21,30,.94),rgba(8,8,12,.94));box-shadow:0 18px 56px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);scroll-margin-top:120px}.woi-info-panel-v2.active{display:block}.woi-info-panel-v2[hidden]{display:none!important}.woi-info-panel-head-v2{padding:24px 24px 18px;border-bottom:1px solid rgba(215,179,90,.14);background:radial-gradient(circle at 100% 0,rgba(215,179,90,.08),transparent 32%)}.woi-info-panel-head-v2.rules-head{background:radial-gradient(circle at 100% 0,rgba(255,157,102,.12),transparent 36%),linear-gradient(90deg,rgba(143,20,35,.18),transparent)}.woi-info-panel-head-v2.vip-head{background:radial-gradient(circle at 100% 0,rgba(255,210,122,.16),transparent 34%),linear-gradient(90deg,rgba(143,20,35,.16),transparent)}.woi-info-panel-head-v2 h2{margin:4px 0 10px;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(24px,3vw,38px);line-height:1.1}.woi-info-panel-head-v2 p:not(.woi-kicker){max-width:880px;margin:0;color:#d8c8b6;line-height:1.55}.woi-info-card-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.woi-info-card-v2{position:relative;overflow:hidden;min-width:0;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.woi-info-card-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(255,210,122,.09),transparent 34%);pointer-events:none}.woi-info-card-v2.is-featured{border-color:rgba(255,210,122,.24);background:linear-gradient(145deg,rgba(82,14,22,.40),rgba(255,255,255,.035))}.woi-info-card-v2>*{position:relative;z-index:1}.woi-info-card-v2>i,.woi-vip-intro-v2>article>i,.woi-events-grid-v2 i{width:50px;height:50px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(215,179,90,.24);border-radius:16px;background:rgba(215,179,90,.10);color:#ffd47a;font-size:22px}.woi-info-card-v2 h3,.woi-rules-critical-grid-v2 h3,.woi-vip-intro-v2 strong,.woi-events-grid-v2 h3{margin:0 0 10px;color:#fff1c8;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:19px;line-height:1.25}.woi-info-card-v2 ul,.woi-vip-plans-v2 ul{list-style:none;margin:0;padding:0}.woi-info-card-v2 li,.woi-vip-plans-v2 li{position:relative;margin:9px 0;padding-left:22px;color:#d8c8b6;line-height:1.4}.woi-info-card-v2 li:before,.woi-vip-plans-v2 li:before{content:"\f00c";position:absolute;left:0;top:1px;color:#ffd47a;font-family:FontAwesome;font-size:12px}.woi-info-strip-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 18px 18px}.woi-info-strip-v2 article{padding:16px;border:1px solid rgba(215,179,90,.14);border-radius:16px;background:rgba(0,0,0,.20)}.woi-info-strip-v2 strong{display:block;color:#fff;font-size:18px}.woi-info-strip-v2 span{display:block;margin-top:5px;color:#c9bbaa;line-height:1.45}.woi-rule-alert-v2{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:center;margin:18px 18px 0;padding:18px;border:1px solid rgba(255,157,102,.30);border-radius:18px;background:linear-gradient(135deg,rgba(143,20,35,.42),rgba(255,157,102,.08));box-shadow:0 14px 34px rgba(0,0,0,.24)}.woi-rule-alert-v2 i{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(255,210,122,.25);background:rgba(0,0,0,.22);color:#ffd47a;font-size:25px}.woi-rule-alert-v2 strong{display:block;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:21px}.woi-rule-alert-v2 p{margin:4px 0 0;color:#eedfcc;line-height:1.45}.woi-rules-critical-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.woi-rules-critical-grid-v2 article{position:relative;overflow:hidden;min-height:198px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.16))}.woi-rules-critical-grid-v2 article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(255,210,122,.10),transparent 38%);pointer-events:none}.woi-rules-critical-grid-v2 span{position:absolute;right:14px;top:10px;color:rgba(255,255,255,.08);font-family:Orbitron,Rajdhani,sans-serif;font-size:38px;font-weight:800;line-height:1}.woi-rules-critical-grid-v2 i{position:relative;width:48px;height:48px;margin-bottom:14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(215,179,90,.22);border-radius:15px;background:rgba(215,179,90,.10);color:#ffd47a;font-size:21px}.woi-rules-critical-grid-v2 h3,.woi-rules-critical-grid-v2 p{position:relative}.woi-rules-critical-grid-v2 p,.woi-events-grid-v2 p,.woi-vip-intro-v2 p{margin:0;color:#d8c8b6;line-height:1.5}.woi-rulebook-v2{display:grid;gap:12px;padding:0 18px 18px}.woi-rulebook-v2 details{overflow:hidden;border:1px solid rgba(215,179,90,.16);border-radius:16px;background:rgba(0,0,0,.20)}.woi-rulebook-v2 details[open]{border-color:rgba(255,210,122,.26);background:rgba(255,255,255,.035)}.woi-rulebook-v2 summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:16px 18px;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:17px}.woi-rulebook-v2 summary::-webkit-details-marker{display:none}.woi-rulebook-v2 summary i{color:#ffd47a;transition:transform .18s ease}.woi-rulebook-v2 details[open] summary i{transform:rotate(180deg)}.woi-rulebook-v2 details>div{padding:0 18px 18px;border-top:1px solid rgba(255,255,255,.07)}.woi-rulebook-v2 p{margin:13px 0 0;color:#d8c8b6;line-height:1.55}.woi-vip-intro-v2{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 18px 0}.woi-vip-intro-v2 article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;align-items:center;padding:18px;border:1px solid rgba(215,179,90,.20);border-radius:18px;background:linear-gradient(145deg,rgba(255,210,122,.10),rgba(255,255,255,.035))}.woi-vip-intro-v2>article>i{width:58px;height:58px;margin:0;border-radius:18px}.woi-vip-intro-v2 span,.woi-vip-plans-v2 header span{display:block;color:#c9bbaa;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.woi-vip-intro-v2 strong{display:block;margin:3px 0 5px;color:#fff;font-size:22px}.woi-vip-plans-v2{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.woi-vip-plans-v2 article{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(215,179,90,.20);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.16))}.woi-vip-plans-v2 article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0,rgba(255,210,122,.16),transparent 36%);pointer-events:none}.woi-vip-plans-v2 article.gold:before{background:radial-gradient(circle at 15% 0,rgba(255,210,122,.26),transparent 38%)}.woi-vip-plans-v2 article.silver:before{background:radial-gradient(circle at 15% 0,rgba(215,225,235,.18),transparent 38%)}.woi-vip-plans-v2 header,.woi-vip-plans-v2 ul{position:relative;z-index:1}.woi-vip-plans-v2 header{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}.woi-vip-plans-v2 img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,210,122,.18))}.woi-vip-plans-v2 header strong{display:block;margin-top:4px;color:#fff;font-family:Orbitron,Rajdhani,sans-serif;font-size:22px;line-height:1.15}.woi-events-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.woi-events-grid-v2 article{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.woi-info-empty-v2{display:grid;justify-items:center;text-align:center;margin:0 18px 18px;padding:28px;border:1px dashed rgba(215,179,90,.28);border-radius:18px;background:rgba(0,0,0,.18)}.woi-info-empty-v2 i{color:#ffd47a;font-size:32px;margin-bottom:10px}.woi-info-empty-v2 strong{color:#fff;font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.06em}.woi-info-empty-v2 span{color:#d8c8b6;margin-top:4px}@media(max-width:1180px){.woi-info-hero-v2{grid-template-columns:1fr}.woi-info-hero-card-v2{grid-template-columns:minmax(0,1fr) minmax(240px,.55fr)}.woi-info-server-card-v2{min-height:220px}.woi-info-server-card-v2 img{min-height:220px}.woi-info-mini-stats-v2{grid-template-columns:1fr}}@media(max-width:940px){.woi-info-top-grid-v2,.woi-info-card-grid-v2,.woi-rules-critical-grid-v2,.woi-info-strip-v2,.woi-vip-intro-v2,.woi-vip-plans-v2,.woi-events-grid-v2{grid-template-columns:1fr 1fr}.woi-info-tabs-v2{position:relative;top:auto}.woi-info-hero-card-v2{grid-template-columns:1fr}.woi-info-mini-stats-v2{grid-template-columns:1fr 1fr}}@media(max-width:640px){.woi-info-page-v2{margin-bottom:28px}.woi-info-hero-v2{padding:18px;border-radius:18px}.woi-info-hero-copy-v2 h1{font-size:34px}.woi-info-lead-v2{font-size:16px}.woi-info-hero-actions-v2{display:grid;grid-template-columns:1fr}.woi-info-top-grid-v2,.woi-info-card-grid-v2,.woi-rules-critical-grid-v2,.woi-info-strip-v2,.woi-vip-intro-v2,.woi-vip-plans-v2,.woi-events-grid-v2{grid-template-columns:1fr;gap:12px}.woi-info-tabs-v2{gap:8px;padding:10px}.woi-info-tab-v2{flex-basis:100%;min-height:42px}.woi-info-panel-head-v2,.woi-info-card-grid-v2,.woi-rules-critical-grid-v2,.woi-vip-intro-v2,.woi-vip-plans-v2,.woi-events-grid-v2{padding:14px}.woi-rule-alert-v2{grid-template-columns:1fr;margin:14px 14px 0}.woi-rulebook-v2{padding:0 14px 14px}.woi-info-strip-v2{padding:0 14px 14px}.woi-vip-intro-v2 article,.woi-vip-plans-v2 header{grid-template-columns:1fr}.woi-info-empty-v2{margin:0 14px 14px}.woi-rulebook-v2 summary{font-size:15px;align-items:flex-start}.woi-rules-critical-grid-v2 article{min-height:0}}


/* 2026-06-09 Top status repair v2: equal compact bar */
.woi-header .woi-topbar.woi-topbar-status-clean{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:46px!important;padding:6px 14px!important}.woi-header .woi-top-stats-clean{flex:0 1 520px!important;width:min(100%,520px)!important;max-width:520px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;border:1px solid rgba(213,174,92,.24)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(23,14,17,.88),rgba(8,6,8,.80))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 28px rgba(0,0,0,.18)!important}.woi-header .woi-top-stats-clean .woi-top-stat-clean{min-width:0!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 12px!important;margin:0!important;border:0!important;border-right:1px solid rgba(213,174,92,.15)!important;background:transparent!important;white-space:nowrap!important;line-height:1!important;color:#cfc1a7!important}.woi-header .woi-top-stats-clean .woi-top-stat-clean:last-child{border-right:0!important}.woi-header .woi-top-stats-clean .woi-top-stat-clean i{flex:0 0 14px!important;width:14px!important;margin:0!important;padding:0!important;text-align:center!important;color:#c6a360!important;font-size:13px!important;line-height:1!important;opacity:.92!important}.woi-header .woi-top-stats-clean .woi-stat-label{display:inline!important;margin:0!important;padding:0!important;color:#bfb29d!important;font-size:12px!important;font-weight:700!important;letter-spacing:.01em!important}.woi-header .woi-top-stats-clean .woi-stat-value,.woi-header .woi-top-stats-clean strong{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;color:#f2e1bd!important;font-size:12px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;line-height:1!important;min-width:auto!important;text-shadow:none!important}.woi-header .woi-top-stats-clean #timer{min-width:58px!important;justify-content:flex-start!important}.woi-header .woi-top-stats-clean #status,.woi-header .woi-top-stats-clean #status span{color:#79ff2f!important;text-shadow:0 0 10px rgba(121,255,47,.25)!important}.woi-header .woi-topbar-status-clean .woi-lang{flex:0 0 auto!important;margin-left:auto!important}@media(max-width:760px){.woi-header .woi-topbar.woi-topbar-status-clean{flex-wrap:wrap!important;justify-content:center!important;padding:7px 8px!important;gap:8px!important}.woi-header .woi-top-stats-clean{flex:1 1 100%!important;width:100%!important;max-width:100%!important}.woi-header .woi-top-stats-clean .woi-top-stat-clean{padding:0 7px!important;gap:4px!important}.woi-header .woi-top-stats-clean .woi-stat-label,.woi-header .woi-top-stats-clean .woi-stat-value,.woi-header .woi-top-stats-clean strong{font-size:11px!important}.woi-header .woi-top-stats-clean #timer{min-width:50px!important}.woi-header .woi-topbar-status-clean .woi-lang{margin-left:0!important}}@media(max-width:430px){.woi-header .woi-top-stats-clean{grid-template-columns:1fr!important}.woi-header .woi-top-stats-clean .woi-top-stat-clean{border-right:0!important;border-bottom:1px solid rgba(213,174,92,.14)!important;min-height:32px!important}.woi-header .woi-top-stats-clean .woi-top-stat-clean:last-child{border-bottom:0!important}}

/* 2026-06-09 final requested fixes: account/sidebar, headings, top stats, downloads, captcha */
.woi-account-access-panel button,
.woi-account-access-panel a,
.woi-socials a{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:0 14px!important;
    border:1px solid rgba(215,179,90,.22)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
    color:#eadfc8!important;
    font-weight:800!important;
    text-align:left!important;
    text-decoration:none!important;
    font-family:Rajdhani,Arial,sans-serif!important;
    line-height:1!important;
    margin:0 0 8px!important;
}
.woi-account-access-panel button:last-child,
.woi-account-access-panel a:last-child,
.woi-socials a:last-child{margin-bottom:0!important;}
.woi-account-access-panel button:hover,
.woi-account-access-panel a:hover,
.woi-socials a:hover,
.woi-socials a.woi-social-primary{
    color:#fff!important;
    border-color:rgba(255,210,122,.42)!important;
    background:linear-gradient(135deg,rgba(143,20,35,.42),rgba(215,179,90,.10))!important;
    text-decoration:none!important;
}
.woi-account-access-panel i,
.woi-socials i{
    width:22px!important;
    min-width:22px!important;
    text-align:center!important;
    color:#ffd47a!important;
    font-size:16px!important;
}
.woi-my-account-btn{
    min-width:116px!important;
    max-width:138px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.woi-login-recaptcha{
    display:flex;
    justify-content:center;
    padding:4px 0 2px;
    min-height:78px;
    overflow:hidden;
}
.woi-login-recaptcha .g-recaptcha{
    transform-origin:center top;
}
.woi-user-tabs a{
    overflow:visible!important;
}
.woi-user-tabs a i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    min-width:20px!important;
    color:#ffd47a!important;
    opacity:1!important;
    margin:0!important;
}
.woi-user-tabs a:first-child{
    padding-left:16px!important;
}
.woi-rankings-hero h1{
    font-size:clamp(34px,4.1vw,54px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    letter-spacing:.045em!important;
}
.woi-rankings-hero{
    align-items:flex-end!important;
}
.woi-info-hero-v2{
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:20px!important;
}
.woi-info-hero-copy-v2 h1{
    font-size:clamp(30px,3.4vw,38px)!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    letter-spacing:.04em!important;
}
.woi-info-hero-copy-v2 .woi-kicker,
.woi-rankings-hero .woi-kicker{
    font-size:12px!important;
    letter-spacing:.18em!important;
}
@media(max-width:1180px){
    .woi-info-hero-v2{grid-template-columns:1fr!important;}
    .woi-info-hero-card-v2{grid-template-columns:minmax(0,1fr) minmax(220px,.5fr)!important;}
}
@media(max-width:760px){
    .woi-rankings-hero h1,
    .woi-info-hero-copy-v2 h1{
        white-space:normal!important;
        font-size:clamp(30px,9vw,40px)!important;
    }
    .woi-my-account-btn{max-width:none!important;}
    .woi-login-recaptcha{justify-content:flex-start;}
    .woi-login-recaptcha .g-recaptcha{transform:scale(.92);}
}

.woi-downloads-modern{
    width:100%;
    max-width:1120px;
    margin:0 auto 44px;
    color:#e8dcc8;
}
.woi-downloads-modern *{box-sizing:border-box;}
.woi-downloads-hero-modern{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:22px;
    align-items:stretch;
    padding:28px;
    border:1px solid rgba(215,179,90,.28);
    border-radius:24px;
    background:
        radial-gradient(circle at 82% 15%,rgba(255,210,122,.18),transparent 28%),
        radial-gradient(circle at 18% 5%,rgba(143,20,35,.36),transparent 34%),
        linear-gradient(135deg,rgba(17,9,12,.96),rgba(5,4,7,.96));
    box-shadow:0 24px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);
}
.woi-downloads-hero-modern:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,transparent 0,rgba(255,210,122,.055) 46%,transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);
    pointer-events:none;
}
.woi-downloads-hero-copy,
.woi-downloads-client-card{position:relative;z-index:1;min-width:0;}
.woi-downloads-hero-copy h1{
    margin:6px 0 12px;
    font-family:Orbitron,Rajdhani,sans-serif;
    font-size:clamp(34px,4.6vw,58px);
    line-height:1.02;
    text-transform:uppercase;
    letter-spacing:.045em;
    color:#fff;
    text-shadow:0 2px 0 #000,0 0 30px rgba(143,20,35,.45);
}
.woi-downloads-hero-copy p{
    max-width:760px;
    margin:0;
    color:#dccfbd;
    font-size:19px;
    line-height:1.55;
}
.woi-downloads-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:22px;
}
.woi-downloads-client-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:220px;
    padding:22px;
    border:1px solid rgba(255,210,122,.22);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.20));
}
.woi-downloads-orb{
    width:78px;
    height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,210,122,.28);
    border-radius:24px;
    background:rgba(215,179,90,.10);
    color:#ffd47a;
    font-size:34px;
    box-shadow:0 0 32px rgba(255,210,122,.12);
}
.woi-downloads-client-card span,
.woi-downloads-mirror span{
    display:block;
    margin-top:14px;
    color:#ffd47a;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-size:12px;
}
.woi-downloads-client-card strong{
    display:block;
    margin-top:5px;
    color:#fff;
    font-family:Orbitron,Rajdhani,sans-serif;
    font-size:28px;
    text-transform:uppercase;
}
.woi-downloads-client-card p{margin:6px 0 0;color:#cdbfaa;line-height:1.4;}
.woi-downloads-mirrors{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    margin:18px 0;
}
.woi-downloads-mirror{
    display:grid;
    grid-template-columns:64px minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    padding:18px;
    border:1px solid rgba(215,179,90,.18);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(17,21,30,.86),rgba(8,8,12,.86));
    box-shadow:0 14px 38px rgba(0,0,0,.25);
}
.woi-downloads-mirror.is-primary{
    border-color:rgba(255,210,122,.34);
    background:linear-gradient(135deg,rgba(143,20,35,.42),rgba(17,21,30,.86));
}
.woi-downloads-mirror>i{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,210,122,.24);
    border-radius:18px;
    background:rgba(215,179,90,.10);
    color:#ffd47a;
    font-size:28px;
}
.woi-downloads-mirror h2{
    margin:2px 0 4px;
    color:#fff;
    font-family:Orbitron,Rajdhani,sans-serif;
    font-size:24px;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.woi-downloads-mirror p{margin:0;color:#cdbfaa;line-height:1.45;}
.woi-downloads-section-head{
    margin:24px 0 14px;
}
.woi-downloads-section-head h2{
    margin:5px 0 0;
    color:#fff;
    font-family:Orbitron,Rajdhani,sans-serif;
    font-size:32px;
    text-transform:uppercase;
    letter-spacing:.045em;
}
.woi-downloads-step-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}
.woi-downloads-step-grid article,
.woi-downloads-info-grid article{
    position:relative;
    overflow:hidden;
    padding:18px;
    border:1px solid rgba(215,179,90,.16);
    border-radius:18px;
    background:rgba(0,0,0,.24);
}
.woi-downloads-step-grid article:before,
.woi-downloads-info-grid article:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 0 0,rgba(255,210,122,.10),transparent 38%);
    pointer-events:none;
}
.woi-downloads-step-grid span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-bottom:12px;
    border:1px solid rgba(255,210,122,.22);
    border-radius:14px;
    color:#ffd47a;
    font-family:Orbitron,Rajdhani,sans-serif;
    font-weight:900;
}
.woi-downloads-step-grid h3,
.woi-downloads-info-grid h3{
    position:relative;
    margin:0 0 8px;
    color:#fff1c8;
    font-family:Orbitron,Rajdhani,sans-serif;
    text-transform:uppercase;
    letter-spacing:.04em;
    font-size:18px;
}
.woi-downloads-step-grid p,
.woi-downloads-info-grid p,
.woi-downloads-info-grid li{
    position:relative;
    margin:0;
    color:#d8c8b6;
    line-height:1.45;
}
.woi-downloads-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:18px;
}
.woi-downloads-info-grid i{
    position:relative;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    border:1px solid rgba(215,179,90,.24);
    border-radius:16px;
    background:rgba(215,179,90,.10);
    color:#ffd47a;
    font-size:22px;
}
.woi-downloads-info-grid ul{position:relative;list-style:none;margin:0;padding:0;}
.woi-downloads-info-grid li{padding-left:20px;margin:8px 0;}
.woi-downloads-info-grid li:before{
    content:"\f00c";
    position:absolute;
    left:0;
    top:0;
    color:#ffd47a;
    font-family:FontAwesome;
    font-size:12px;
}
.woi-downloads-discord-card .woi-btn{margin-top:16px;}
@media(max-width:980px){
    .woi-downloads-hero-modern{grid-template-columns:1fr;}
    .woi-downloads-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .woi-downloads-info-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
    .woi-downloads-hero-modern{padding:18px;border-radius:18px;}
    .woi-downloads-hero-copy h1{font-size:34px;}
    .woi-downloads-mirror{grid-template-columns:1fr;align-items:flex-start;}
    .woi-downloads-mirror .woi-btn{width:100%;}
    .woi-downloads-step-grid{grid-template-columns:1fr;}
    .woi-downloads-hero-actions{display:grid;grid-template-columns:1fr;}
}

/* Top status four-column override for Total Accounts */
.woi-header .woi-top-stats-clean{
    flex:0 1 720px!important;
    width:min(100%,720px)!important;
    max-width:720px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.woi-header .woi-top-stats-clean .woi-top-stat-clean{padding:0 10px!important;}
@media(max-width:560px){
    .woi-header .woi-top-stats-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .woi-header .woi-top-stats-clean .woi-top-stat-clean:nth-child(2){border-right:0!important;}
}
@media(max-width:430px){
    .woi-header .woi-top-stats-clean{grid-template-columns:1fr!important;}
}

/* 2026-06-09 final tweak: make logged-in My Account button fit and force Details icon visible */
.woi-actions{
    flex:0 0 auto!important;
    justify-content:flex-end!important;
    min-width:max-content!important;
}
.woi-actions .woi-my-account-btn{
    min-width:158px!important;
    max-width:none!important;
    width:158px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    justify-content:center!important;
    flex:0 0 158px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
}
.woi-actions .woi-my-account-btn i{
    flex:0 0 16px!important;
    width:16px!important;
    min-width:16px!important;
    text-align:center!important;
    margin:0!important;
}
.woi-actions .woi-my-account-btn + .woi-btn-primary{
    flex:0 0 auto!important;
}
.woi-user-tabs a[href*="e=1"] i:before{
    content:"\f007"!important;
}
.woi-user-tabs a[href*="e=1"] i{
    visibility:visible!important;
    opacity:1!important;
    display:inline-flex!important;
}
@media(max-width:1180px){
    .woi-nav{
        grid-template-columns:auto minmax(0,1fr) auto!important;
        gap:12px!important;
    }
    .woi-menu{
        min-width:0!important;
        flex-wrap:wrap!important;
    }
}
@media(max-width:760px){
    .woi-actions{
        width:100%!important;
        min-width:0!important;
        justify-content:center!important;
    }
    .woi-actions .woi-my-account-btn{
        flex:1 1 160px!important;
        width:auto!important;
        min-width:150px!important;
    }
}


/* 2026-06-09 registration country search */
#myModal1.woi-reg-modal-final .woi-country-search-wrap-final{
    display:block!important;
    width:100%!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-box-final{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:46px!important;
    margin-bottom:8px!important;
    padding:0 14px!important;
    border:1px solid rgba(215,179,90,.38)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(43,22,26,.96),rgba(9,7,10,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(0,0,0,.22)!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-box-final i{
    color:#ffd36e!important;
    font-size:14px!important;
    flex:0 0 auto!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-box-final input{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    border:0!important;
    outline:0!important;
    padding:0!important;
    background:transparent!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:14px!important;
    letter-spacing:.02em!important;
    box-shadow:none!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-box-final input::placeholder{
    color:rgba(235,225,205,.62)!important;
}
#myModal1.woi-reg-modal-final .woi-country-select-final{
    margin-top:0!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-hint-final{
    display:block!important;
    margin-top:7px!important;
    color:rgba(235,225,205,.72)!important;
    font-size:12px!important;
    line-height:1.35!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-box-final:focus-within{
    border-color:rgba(255,211,110,.72)!important;
    box-shadow:0 0 0 3px rgba(255,211,110,.10),0 0 24px rgba(127,70,255,.14)!important;
}


/* 2026-06-09 hotfix v3: final My Account width, Details icon, visible Country Search */
@media (min-width:1181px){
  body.woi-body .woi-nav{grid-template-columns:auto minmax(0,1fr) max-content!important;}
  body.woi-body .woi-actions{display:flex!important;flex:0 0 348px!important;min-width:348px!important;width:348px!important;max-width:none!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;overflow:visible!important;}
  body.woi-body .woi-actions .woi-my-account-btn{box-sizing:border-box!important;width:182px!important;min-width:182px!important;max-width:182px!important;flex:0 0 182px!important;padding:0 14px!important;font-size:13px!important;letter-spacing:.035em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1!important;}
  body.woi-body .woi-actions .woi-my-account-btn i{flex:0 0 16px!important;width:16px!important;min-width:16px!important;margin:0!important;}
  body.woi-body .woi-actions .woi-my-account-btn span{display:inline-block!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  body.woi-body .woi-actions .woi-my-account-btn + .woi-btn-primary{flex:0 0 132px!important;width:132px!important;min-width:132px!important;max-width:132px!important;}
}
.woi-user-tabs a[href*="e=1"] i.woi-details-tab-icon,.woi-user-tabs a[href*="e=1"] i{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;width:20px!important;min-width:20px!important;color:#ffd47a!important;font-family:FontAwesome!important;}
.woi-user-tabs a[href*="e=1"] i.woi-details-tab-icon:before,.woi-user-tabs a[href*="e=1"] i:before{font-family:FontAwesome!important;content:"\f05a"!important;}
#myModal1 .woi-country-search-label-final{display:block!important;margin:0 0 6px!important;color:#ffd47a!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:12px!important;}
#myModal1 .woi-country-search-wrap-final{display:block!important;width:100%!important;visibility:visible!important;opacity:1!important;}
#myModal1 .woi-country-search-box-final{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:46px!important;margin:0 0 8px!important;padding:0 14px!important;border:1px solid rgba(215,179,90,.48)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(43,22,26,.96),rgba(9,7,10,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 18px rgba(0,0,0,.22)!important;visibility:visible!important;opacity:1!important;}
#myModal1 .woi-country-search-box-final i{color:#ffd36e!important;font-size:14px!important;flex:0 0 16px!important;width:16px!important;text-align:center!important;}
#myModal1 #woiCountrySearch{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:0!important;height:44px!important;border:0!important;outline:0!important;padding:0!important;background:transparent!important;color:#fff!important;font-family:Rajdhani,Arial,sans-serif!important;font-size:15px!important;letter-spacing:.02em!important;box-shadow:none!important;}
#myModal1 #woiCountrySearch::placeholder{color:rgba(235,225,205,.70)!important;}
#myModal1 .woi-country-search-hint-final{display:block!important;margin-top:7px!important;color:rgba(235,225,205,.74)!important;font-size:12px!important;line-height:1.35!important;}


/* 2026-06-10 account dashboard: logged-in users start directly on account tools */
body.woi-user-authenticated .woi-main-auth{
    margin-top:30px!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:22px!important;
}
body.woi-user-authenticated .woi-main-auth .woi-sidebar{
    top:128px!important;
}
body.woi-user-authenticated .woi-main-auth .woi-panel,
body.woi-user-authenticated .woi-main-auth .woi-content{
    border-color:rgba(215,179,90,.25)!important;
    background:linear-gradient(180deg,rgba(20,13,15,.88),rgba(7,6,8,.90))!important;
    box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.woi-user-authenticated .woi-main-auth .woi-panel{
    padding:18px!important;
}
body.woi-user-authenticated .woi-main-auth .woi-panel h3{
    margin-bottom:12px!important;
    color:#fff4d6!important;
    font-size:16px!important;
}
body.woi-user-authenticated .woi-main-auth .woi-panel a{
    min-height:43px!important;
    margin-bottom:4px!important;
    border-radius:9px!important;
    border:1px solid transparent!important;
    background:rgba(255,255,255,.025)!important;
    color:#ddcfbc!important;
}
body.woi-user-authenticated .woi-main-auth .woi-panel a:hover,
body.woi-user-authenticated .woi-main-auth .woi-panel a.active{
    background:linear-gradient(90deg,rgba(111,25,34,.72),rgba(28,18,28,.78))!important;
    border-color:rgba(215,179,90,.30)!important;
    color:#fff!important;
}
body.woi-user-authenticated .woi-main-auth .woi-content{
    padding:20px!important;
    overflow:visible!important;
}
body.woi-user-authenticated .woi-user-wrap{
    gap:16px!important;
}
body.woi-user-authenticated .woi-user-top{
    min-height:132px!important;
    padding:20px 22px!important;
    border-radius:14px!important;
    border-color:rgba(215,179,90,.28)!important;
    background:
        linear-gradient(110deg,rgba(11,8,10,.94),rgba(79,14,22,.58) 58%,rgba(19,14,24,.88)),
        url('../images/post-7.jpg') center/cover no-repeat!important;
}
body.woi-user-authenticated .woi-user-top:before{
    background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.16))!important;
}
body.woi-user-authenticated .woi-user-title .woi-kicker{
    margin-bottom:4px!important;
    font-size:12px!important;
    letter-spacing:.18em!important;
}
body.woi-user-authenticated .woi-user-title h1{
    margin:2px 0 6px!important;
    font-size:clamp(30px,3.7vw,50px)!important;
    letter-spacing:.03em!important;
}
body.woi-user-authenticated .woi-user-title p{
    max-width:620px!important;
    color:#d8c9b4!important;
}
body.woi-user-authenticated .woi-user-credit{
    min-width:140px!important;
    min-height:96px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(20,12,14,.78),rgba(9,7,10,.92))!important;
}
body.woi-user-authenticated .woi-user-credit strong{
    font-size:42px!important;
}
body.woi-user-authenticated .woi-user-tabs{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(92px,1fr))!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:14px!important;
    border:1px solid rgba(215,179,90,.20)!important;
    background:linear-gradient(180deg,rgba(8,7,9,.76),rgba(18,13,15,.72))!important;
    overflow:visible!important;
}
body.woi-user-authenticated .woi-user-tabs a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#f0e2ca!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
}
body.woi-user-authenticated .woi-user-tabs a i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 18px!important;
    width:18px!important;
    min-width:18px!important;
    color:#ffd47a!important;
}
body.woi-user-authenticated .woi-user-tabs a:hover,
body.woi-user-authenticated .woi-user-tabs a.active{
    color:#fff!important;
    border-color:rgba(255,199,111,.44)!important;
    background:linear-gradient(135deg,rgba(123,29,38,.82),rgba(109,67,23,.46))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.18)!important;
    text-decoration:none!important;
}
body.woi-user-authenticated .woi-user-module{
    padding:18px!important;
    border-radius:14px!important;
    background:rgba(5,5,7,.34)!important;
    overflow:visible!important;
}
@media(max-width:1180px){
    body.woi-user-authenticated .woi-main-auth{
        grid-template-columns:1fr!important;
        margin-top:20px!important;
    }
    body.woi-user-authenticated .woi-main-auth .woi-sidebar{
        position:static!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.woi-user-authenticated .woi-user-tabs{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}
@media(max-width:760px){
    body.woi-user-authenticated .woi-main-auth{
        padding:0 14px!important;
        margin-top:16px!important;
    }
    body.woi-user-authenticated .woi-main-auth .woi-sidebar{
        grid-template-columns:1fr!important;
    }
    body.woi-user-authenticated .woi-main-auth .woi-content{
        padding:14px!important;
    }
    body.woi-user-authenticated .woi-user-top{
        text-align:center!important;
        padding:18px!important;
    }
    body.woi-user-authenticated .woi-user-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.woi-user-authenticated .woi-user-tabs a{
        min-height:46px!important;
    }
}
@media(max-width:420px){
    body.woi-user-authenticated .woi-user-tabs{
        grid-template-columns:1fr!important;
    }
}

/* 2026-06-10 player security tab */
body.woi-user-authenticated .woi-user-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.woi-user-tabs .woi-user-zen-claim-banner,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner{
    grid-column:1 / -1!important;
    min-height:74px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    padding:16px 20px!important;
    border:1px solid rgba(255,211,110,.45)!important;
    border-radius:13px!important;
    background:
        linear-gradient(135deg,rgba(142,27,38,.92),rgba(224,96,34,.78)),
        radial-gradient(circle at 88% 12%,rgba(255,222,126,.22),transparent 32%)!important;
    color:#fff!important;
    box-shadow:0 16px 34px rgba(105,18,25,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
    text-align:left!important;
    text-transform:none!important;
    position:relative!important;
    overflow:hidden!important;
    animation:woiZenClaimPulse 1.8s ease-in-out infinite!important;
}
.woi-user-tabs .woi-user-zen-claim-banner:after,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner:after{
    content:""!important;
    position:absolute!important;
    top:-70%!important;
    left:-35%!important;
    width:28%!important;
    height:240%!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)!important;
    transform:rotate(18deg)!important;
    animation:woiZenClaimShine 3.2s ease-in-out infinite!important;
    pointer-events:none!important;
}
.woi-user-tabs .woi-user-zen-claim-banner i,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner i{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.24)!important;
    color:#ffd36e!important;
    font-size:19px!important;
}
.woi-user-tabs .woi-user-zen-claim-banner span,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner span{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
    gap:4px!important;
}
.woi-user-tabs .woi-user-zen-claim-banner strong,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner strong{
    color:#fff!important;
    font-size:18px!important;
    line-height:1.1!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}
.woi-user-tabs .woi-user-zen-claim-banner small,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner small{
    color:#ffe4bd!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:700!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.woi-user-tabs .woi-user-zen-claim-banner:hover,
.woi-user-tabs .woi-user-zen-claim-banner.active,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner:hover,
body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner.active{
    border-color:rgba(255,226,145,.72)!important;
    background:
        linear-gradient(135deg,rgba(168,29,43,.96),rgba(238,111,38,.86)),
        radial-gradient(circle at 88% 12%,rgba(255,226,145,.3),transparent 34%)!important;
    box-shadow:0 18px 42px rgba(126,23,31,.34),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
@keyframes woiZenClaimPulse{
    0%,100%{
        border-color:rgba(255,211,110,.45);
        filter:brightness(1);
        box-shadow:0 16px 34px rgba(105,18,25,.28),inset 0 1px 0 rgba(255,255,255,.08);
    }
    50%{
        border-color:rgba(255,231,152,.9);
        filter:brightness(1.14);
        box-shadow:0 0 0 3px rgba(255,211,110,.16),0 22px 48px rgba(225,96,36,.46),inset 0 1px 0 rgba(255,255,255,.16);
    }
}
@keyframes woiZenClaimShine{
    0%,38%{left:-42%;opacity:0;}
    48%{opacity:.7;}
    66%{left:112%;opacity:0;}
    100%{left:112%;opacity:0;}
}
@media(prefers-reduced-motion:reduce){
    .woi-user-tabs .woi-user-zen-claim-banner,
    body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner,
    .woi-user-tabs .woi-user-zen-claim-banner:after,
    body.woi-user-authenticated .woi-user-tabs .woi-user-zen-claim-banner:after{
        animation:none!important;
    }
}
.woi-security-page{
    display:grid;
    gap:18px;
}
.woi-security-hero-card{
    min-height:132px;
}
.woi-security-status-badge{
    min-width:138px;
    min-height:86px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(215,179,90,.28);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(10,7,10,.88),rgba(0,0,0,.56));
}
.woi-security-status-badge span{
    color:#d7b35a;
    font-size:12px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.woi-security-status-badge strong{
    color:#fff;
    font-size:24px;
    line-height:1.1;
}
.woi-security-status-badge.is-on{
    border-color:rgba(116,255,118,.34);
    box-shadow:0 0 24px rgba(116,255,118,.08);
}
.woi-security-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.woi-security-form{
    display:grid;
    gap:10px;
    margin-top:14px;
}
.woi-security-form label{
    margin:0;
    color:#ffd47a;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.woi-security-form .woi-btn{
    margin-top:4px;
}
.woi-security-setup{
    display:grid;
    grid-template-columns:206px minmax(0,1fr);
    gap:16px;
    align-items:center;
    padding:14px;
    border:1px solid rgba(215,179,90,.18);
    border-radius:14px;
    background:rgba(255,255,255,.025);
}
.woi-security-qr-card{
    min-height:206px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    background:#fff;
    padding:13px;
}
.woi-security-qr-card img,
.woi-security-qr-card canvas{
    display:block;
    width:180px!important;
    height:180px!important;
}
.woi-security-secret{
    margin-top:12px;
    padding:12px;
    border-radius:12px;
    border:1px solid rgba(215,179,90,.18);
    background:rgba(0,0,0,.28);
}
.woi-security-secret span{
    display:block;
    margin-bottom:5px;
    color:#c9b797;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.woi-security-secret strong{
    color:#fff;
    font-family:Consolas,Monaco,monospace;
    font-size:15px;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.woi-security-confirm-form{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid rgba(215,179,90,.16);
}
@media(max-width:980px){
    .woi-security-grid,
    .woi-security-setup{
        grid-template-columns:1fr;
    }
    .woi-security-qr-card{
        width:206px;
        max-width:100%;
    }
}
@media(max-width:760px){
    body.woi-user-authenticated .woi-user-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.woi-user-authenticated .woi-user-title h1{
        font-size:clamp(18px,5.4vw,22px)!important;
        line-height:1.08!important;
        max-width:100%!important;
        overflow:hidden!important;
        overflow-wrap:normal!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        word-break:normal!important;
    }
    .woi-security-hero-card{
        display:grid!important;
        grid-template-columns:1fr!important;
        justify-items:center!important;
        text-align:center!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    .woi-security-hero-card .woi-account-hero-text{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    .woi-security-hero-card .woi-account-hero-text p{
        max-width:100%!important;
        white-space:normal!important;
        overflow-wrap:break-word!important;
    }
    .woi-security-hero-card .woi-account-hero-text h2{
        font-size:clamp(20px,5.8vw,22px)!important;
        line-height:1.15!important;
        max-width:100%!important;
        overflow:visible!important;
        text-overflow:clip!important;
        white-space:normal!important;
    }
    .woi-security-status-badge{
        width:100%!important;
        max-width:180px!important;
        min-width:0!important;
    }
    .woi-security-grid,
    .woi-security-setup,
    .woi-security-form,
    .woi-security-secret{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    .woi-security-qr-card{
        justify-self:center!important;
    }
}

/* 2026-06-11 registration country field cleanup */
#myModal1.woi-reg-modal-final .woi-country-field-final{
    display:grid!important;
    gap:7px!important;
}
#myModal1.woi-reg-modal-final .woi-country-field-final > label{
    margin-bottom:0!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-wrap-final{
    display:grid!important;
    gap:8px!important;
    width:100%!important;
    padding:0!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-label-final,
#myModal1 .woi-country-search-label-final{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-box-final,
#myModal1 .woi-country-search-box-final{
    min-height:46px!important;
    margin:0!important;
    padding:0 13px!important;
    border:1px solid rgba(215,179,90,.34)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.50)!important;
    box-shadow:none!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-box-final i,
#myModal1 .woi-country-search-box-final i{
    color:#d7b35a!important;
}
#myModal1.woi-reg-modal-final #woiCountrySearch,
#myModal1 #woiCountrySearch{
    height:44px!important;
    font-size:15px!important;
}
#myModal1.woi-reg-modal-final .woi-country-select-final{
    min-height:46px!important;
}
#myModal1.woi-reg-modal-final .woi-country-search-hint-final,
#myModal1 .woi-country-search-hint-final{
    margin:0!important;
    color:rgba(235,225,205,.62)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.3!important;
}

/* 2026-06-11 AdSense consent banner */
.woi-cookie-consent[hidden]{
    display:none!important;
}
.woi-cookie-consent{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    z-index:5000!important;
    width:min(1180px,calc(100vw - 32px))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 230px!important;
    gap:18px!important;
    align-items:center!important;
    padding:18px!important;
    border:1px solid rgba(215,179,90,.30)!important;
    border-radius:18px!important;
    background:
        radial-gradient(circle at 6% 0,rgba(215,179,90,.18),transparent 34%),
        linear-gradient(135deg,rgba(18,9,12,.96),rgba(7,5,7,.96))!important;
    box-shadow:0 24px 78px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07)!important;
    color:#eadfcb!important;
    opacity:0!important;
    transform:translate(-50%,14px)!important;
    transition:opacity .2s ease,transform .2s ease!important;
    box-sizing:border-box!important;
}
.woi-cookie-consent *,
.woi-cookie-consent *:before,
.woi-cookie-consent *:after{
    box-sizing:border-box!important;
    min-width:0!important;
}
.woi-cookie-consent.is-visible{
    opacity:1!important;
    transform:translate(-50%,0)!important;
}
.woi-cookie-copy{
    min-width:0!important;
}
.woi-cookie-kicker{
    display:block!important;
    margin:0 0 4px!important;
    color:#d7b35a!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}
.woi-cookie-copy strong{
    display:block!important;
    margin:0 0 6px!important;
    color:#fff!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    font-size:22px!important;
    line-height:1.15!important;
    text-transform:uppercase!important;
}
.woi-cookie-copy p{
    max-width:820px!important;
    margin:0!important;
    color:#d7cbb8!important;
    font-size:15px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
}
.woi-cookie-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    margin-top:10px!important;
}
.woi-cookie-links a,
.woi-cookie-settings-link{
    border:0!important;
    background:transparent!important;
    color:#ffd47a!important;
    font:700 13px Rajdhani,Arial,sans-serif!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
}
.woi-cookie-links a:hover,
.woi-cookie-settings-link:hover{
    color:#fff1c8!important;
    text-decoration:none!important;
}
.woi-cookie-actions{
    display:grid!important;
    gap:8px!important;
}
.woi-cookie-btn,
.woi-cookie-manage{
    width:100%!important;
    min-height:42px!important;
    padding:10px 14px!important;
    border:1px solid rgba(215,179,90,.24)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font:900 13px Rajdhani,Arial,sans-serif!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
.woi-cookie-btn:hover,
.woi-cookie-manage:hover{
    border-color:rgba(255,210,122,.45)!important;
    background:rgba(255,255,255,.10)!important;
}
.woi-cookie-btn-primary{
    border-color:rgba(255,210,122,.40)!important;
    background:linear-gradient(135deg,#8f1623,#e25f22)!important;
    box-shadow:0 10px 28px rgba(143,22,35,.28)!important;
}
.woi-cookie-manage{
    min-height:auto!important;
    padding:6px 0!important;
    border:0!important;
    background:transparent!important;
    color:#d7b35a!important;
}
.woi-cookie-panel{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    padding-top:14px!important;
    border-top:1px solid rgba(215,179,90,.18)!important;
}
.woi-cookie-panel[hidden]{
    display:none!important;
}
.woi-cookie-choice{
    min-height:94px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid rgba(215,179,90,.18)!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.24)!important;
    color:#eadfcb!important;
}
.woi-cookie-choice b{
    display:block!important;
    color:#fff1c8!important;
    font-size:15px!important;
    line-height:1.15!important;
}
.woi-cookie-choice small{
    display:block!important;
    margin-top:5px!important;
    color:#cbbda8!important;
    font-size:13px!important;
    line-height:1.3!important;
}
.woi-cookie-choice input{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    margin:1px 0 0!important;
    accent-color:#d7b35a!important;
}
.woi-cookie-panel-actions{
    grid-column:1 / -1!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
}
.woi-cookie-panel-actions .woi-cookie-btn{
    width:auto!important;
    min-width:150px!important;
}
@media(max-width:860px){
    .woi-cookie-consent{
        grid-template-columns:1fr!important;
        bottom:12px!important;
        width:calc(100vw - 24px)!important;
        padding:15px!important;
    }
    .woi-cookie-actions{
        grid-template-columns:1fr 1fr!important;
    }
    .woi-cookie-actions .woi-cookie-manage{
        grid-column:1 / -1!important;
    }
    .woi-cookie-panel{
        grid-template-columns:1fr!important;
    }
}
@media(max-width:520px){
    .woi-cookie-consent{
        left:8px!important;
        right:8px!important;
        width:auto!important;
        max-height:calc(100vh - 24px)!important;
        overflow:auto!important;
        border-radius:14px!important;
        padding:14px!important;
        transform:translateY(14px)!important;
    }
    .woi-cookie-consent.is-visible{
        transform:translateY(0)!important;
    }
    .woi-cookie-copy strong{
        font-size:18px!important;
    }
    .woi-cookie-copy p{
        font-size:14px!important;
    }
    .woi-cookie-actions,
    .woi-cookie-panel-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
    .woi-cookie-panel-actions .woi-cookie-btn{
        width:100%!important;
        min-width:0!important;
    }
}

/* News reactions */
.woi-news-reactions{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    margin:0!important;
}
.woi-news-reaction-buttons{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}
.woi-news-reaction-buttons .woi-btn{
    min-width:132px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:11px 16px!important;
}
.woi-news-reaction-buttons .woi-btn strong{
    min-width:24px!important;
    height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(215,179,90,.28)!important;
    border-radius:999px!important;
    background:rgba(215,179,90,.10)!important;
    color:#fff1c8!important;
    font-size:13px!important;
    line-height:1!important;
}
.woi-news-reactions[data-user-reaction="like"] [data-news-reaction="like"],
.woi-news-reactions[data-user-reaction="dislike"] [data-news-reaction="dislike"]{
    border-color:rgba(255,210,122,.55)!important;
    background:linear-gradient(135deg,rgba(120,24,32,.92),rgba(225,94,35,.86))!important;
    color:#fff!important;
}
.woi-news-reaction-msg{
    min-height:20px!important;
    color:#9ff0a1!important;
    font-size:13px!important;
    font-weight:700!important;
}
.woi-news-reaction-msg.is-error{
    color:#ff8a8a!important;
}
@media(max-width:560px){
    .woi-news-reactions,
    .woi-news-reaction-buttons,
    .woi-news-reaction-buttons .woi-btn{
        width:100%!important;
    }
    .woi-news-article-footer{
        align-items:stretch!important;
    }
}

/* Public news layout cleanup */
.woi-news-page{
    width:100%!important;
    max-width:1040px!important;
    margin:0 auto 48px!important;
}
.woi-news-heading{
    padding:10px 0 22px!important;
}
.woi-news-heading h1{
    max-width:980px!important;
    margin:6px 0 10px!important;
    font-size:clamp(42px,4.2vw,66px)!important;
    line-height:1.02!important;
    letter-spacing:.045em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}
.woi-news-heading p:not(.woi-kicker){
    max-width:820px!important;
    margin:0!important;
    color:#dfd0bd!important;
    font-size:18px!important;
    line-height:1.5!important;
}
.woi-news-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0 0 20px!important;
}
.woi-news-tabs a{
    min-width:0!important;
    min-height:56px!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(18,15,17,.88),rgba(8,6,8,.88))!important;
    box-shadow:0 12px 32px rgba(0,0,0,.24)!important;
}
.woi-news-tabs a span{
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.woi-news-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:start!important;
}
.woi-news-card,
.woi-news-card.featured{
    width:100%!important;
    min-height:264px!important;
    display:grid!important;
    grid-template-columns:minmax(300px,38%) minmax(0,1fr)!important;
    grid-column:auto!important;
    border-radius:18px!important;
    background:
        linear-gradient(135deg,rgba(15,10,12,.94),rgba(64,10,18,.72))!important;
    box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.woi-news-visual{
    min-height:264px!important;
    padding:18px!important;
}
.woi-news-card-body{
    min-width:0!important;
    padding:24px 26px!important;
    justify-content:center!important;
}
.woi-news-meta{
    gap:10px 14px!important;
    margin-bottom:12px!important;
    font-size:13px!important;
}
.woi-news-card h2{
    max-width:680px!important;
    margin:0 0 12px!important;
    font-size:clamp(30px,2.6vw,44px)!important;
    line-height:1.04!important;
    letter-spacing:.035em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}
.woi-news-card h2 a{
    display:inline!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
}
.woi-news-card p{
    max-width:720px!important;
    margin:0 0 18px!important;
    color:#e4d6c4!important;
    font-size:16px!important;
    line-height:1.55!important;
}
.woi-news-card-actions{
    margin-top:4px!important;
}
.woi-news-author{
    white-space:nowrap!important;
}
@media(max-width:1180px){
    .woi-news-page{
        max-width:960px!important;
    }
    .woi-news-card,
    .woi-news-card.featured{
        grid-template-columns:minmax(270px,36%) minmax(0,1fr)!important;
    }
    .woi-news-card h2{
        font-size:clamp(28px,3.4vw,40px)!important;
    }
}
@media(max-width:900px){
    .woi-news-tabs{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .woi-news-card,
    .woi-news-card.featured{
        grid-template-columns:1fr!important;
    }
    .woi-news-visual{
        min-height:230px!important;
    }
    .woi-news-card-body{
        padding:22px!important;
    }
}
@media(max-width:560px){
    .woi-news-heading h1{
        font-size:clamp(34px,11vw,46px)!important;
        white-space:normal!important;
    }
    .woi-news-tabs{
        grid-template-columns:1fr!important;
    }
    .woi-news-card h2{
        font-size:clamp(28px,9vw,38px)!important;
    }
}

/* Temporary test-period Zen claim */
.woi-zenclaim-page{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
}
.woi-zenclaim-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(180px,240px)!important;
    gap:18px!important;
    align-items:center!important;
    padding:26px!important;
    border:1px solid rgba(215,179,90,.25)!important;
    border-radius:16px!important;
    background:
        linear-gradient(135deg,rgba(96,18,28,.72),rgba(12,10,13,.92)),
        radial-gradient(circle at 82% 18%,rgba(238,149,54,.18),transparent 34%)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.woi-zenclaim-hero h2{
    margin:4px 0 10px!important;
    color:#fff!important;
    font-size:clamp(28px,3vw,42px)!important;
    line-height:1.05!important;
    letter-spacing:.02em!important;
}
.woi-zenclaim-hero h2 i{
    color:#ffd36e!important;
    margin-right:8px!important;
}
.woi-zenclaim-hero p:not(.woi-kicker){
    max-width:780px!important;
    margin:0!important;
    color:#ead9c0!important;
    font-size:16px!important;
    line-height:1.55!important;
}
.woi-zenclaim-badge{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:132px!important;
    padding:18px!important;
    border:1px solid rgba(215,179,90,.34)!important;
    border-radius:14px!important;
    background:rgba(5,4,6,.52)!important;
    text-align:center!important;
}
.woi-zenclaim-badge span,
.woi-zenclaim-badge small,
.woi-zenclaim-card-head span,
.woi-zenclaim-stats span,
.woi-zenclaim-history span{
    color:#ffd36e!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}
.woi-zenclaim-badge strong{
    color:#fff!important;
    font-size:30px!important;
    line-height:1.1!important;
}
.woi-zenclaim-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)!important;
    gap:18px!important;
}
.woi-zenclaim-card{
    min-width:0!important;
    border:1px solid rgba(215,179,90,.22)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(17,20,27,.92),rgba(5,5,8,.94))!important;
    box-shadow:0 14px 38px rgba(0,0,0,.26)!important;
    overflow:hidden!important;
}
.woi-zenclaim-card-head{
    padding:20px 22px!important;
    border-bottom:1px solid rgba(215,179,90,.18)!important;
    background:linear-gradient(90deg,rgba(97,20,30,.58),rgba(32,27,22,.38))!important;
}
.woi-zenclaim-card-head.compact{
    background:rgba(24,19,17,.76)!important;
}
.woi-zenclaim-card-head h3{
    margin:6px 0 0!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.15!important;
}
.woi-zenclaim-stats{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    padding:18px 22px 0!important;
}
.woi-zenclaim-stats div{
    min-width:0!important;
    padding:14px!important;
    border:1px solid rgba(215,179,90,.16)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.28)!important;
}
.woi-zenclaim-stats strong{
    display:block!important;
    margin-top:6px!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1.15!important;
    word-break:break-word!important;
}
.woi-zenclaim-alert{
    display:flex!important;
    gap:14px!important;
    align-items:flex-start!important;
    margin:18px 22px 0!important;
    padding:16px!important;
    border:1px solid rgba(99,188,255,.28)!important;
    border-radius:14px!important;
    background:rgba(16,35,49,.62)!important;
}
.woi-zenclaim-alert i{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    color:#d9f2ff!important;
    background:rgba(99,188,255,.14)!important;
}
.woi-zenclaim-alert strong{
    display:block!important;
    margin-bottom:4px!important;
    color:#fff!important;
    font-size:16px!important;
}
.woi-zenclaim-alert p{
    margin:0!important;
    color:#e8ddce!important;
    line-height:1.5!important;
}
.woi-zenclaim-alert.is-success{
    border-color:rgba(96,226,125,.3)!important;
    background:rgba(23,58,33,.58)!important;
}
.woi-zenclaim-alert.is-success i{
    color:#c9ffd5!important;
    background:rgba(96,226,125,.16)!important;
}
.woi-zenclaim-alert.is-danger{
    border-color:rgba(255,103,103,.34)!important;
    background:rgba(92,18,24,.64)!important;
}
.woi-zenclaim-alert.is-danger i{
    color:#ffd5d5!important;
    background:rgba(255,103,103,.16)!important;
}
.woi-zenclaim-timer{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:14px 22px 0!important;
    padding:16px 18px!important;
    border:1px solid rgba(215,179,90,.22)!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.3)!important;
}
.woi-zenclaim-timer span{
    color:#d7c4ae!important;
    font-weight:800!important;
}
.woi-zenclaim-timer strong{
    color:#ffd36e!important;
    font-size:30px!important;
    line-height:1!important;
}
.woi-zenclaim-response-tray{
    position:fixed!important;
    right:22px!important;
    top:92px!important;
    z-index:99999!important;
    width:min(420px,calc(100vw - 32px))!important;
    display:grid!important;
    gap:10px!important;
    pointer-events:none!important;
}
.woi-zenclaim-response-tray > div{
    pointer-events:auto!important;
}
.woi-zenclaim-response-tray .nk-info-box,
.woi-zenclaim-response-tray .alert,
.woi-zenclaim-response-tray [class*="bg-"]{
    margin:0!important;
    border-radius:12px!important;
    box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
}
.woi-zenclaim-form{
    padding:20px 22px 22px!important;
}
.woi-zenclaim-submit{
    width:100%!important;
    min-height:54px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border:1px solid rgba(255,207,111,.5)!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#9d1826,#e16024)!important;
    color:#fff!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
    box-shadow:0 12px 32px rgba(116,18,25,.32)!important;
}
.woi-zenclaim-submit:disabled{
    cursor:not-allowed!important;
    border-color:rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.08)!important;
    color:#a99f94!important;
    box-shadow:none!important;
}
.woi-zenclaim-rules{
    display:grid!important;
    gap:12px!important;
    padding:18px 22px!important;
}
.woi-zenclaim-rules div{
    display:flex!important;
    gap:12px!important;
    align-items:flex-start!important;
    padding:13px!important;
    border:1px solid rgba(215,179,90,.14)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.24)!important;
    color:#e8ddce!important;
    line-height:1.45!important;
}
.woi-zenclaim-rules i{
    color:#ffd36e!important;
    margin-top:2px!important;
}
.woi-zenclaim-history{
    margin:0 22px 22px!important;
    padding:16px!important;
    border:1px solid rgba(215,179,90,.22)!important;
    border-radius:14px!important;
    background:rgba(96,18,28,.22)!important;
}
.woi-zenclaim-history strong{
    display:block!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:1.1!important;
}
.woi-zenclaim-history small{
    display:block!important;
    margin-top:4px!important;
    color:#d7c4ae!important;
}
.woi-zenclaim-targets{
    display:grid!important;
    gap:12px!important;
    padding:18px 22px 0!important;
}
.woi-zenclaim-target{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(170px,220px)!important;
    gap:14px!important;
    align-items:center!important;
    padding:16px!important;
    border:1px solid rgba(215,179,90,.16)!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.26)!important;
}
.woi-zenclaim-target.is-ready{
    border-color:rgba(96,226,125,.34)!important;
    background:linear-gradient(135deg,rgba(26,75,39,.38),rgba(0,0,0,.28))!important;
}
.woi-zenclaim-target-main{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    min-width:0!important;
}
.woi-zenclaim-target-icon{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    color:#ffd36e!important;
    background:rgba(255,211,110,.1)!important;
    border:1px solid rgba(255,211,110,.18)!important;
}
.woi-zenclaim-target-main span,
.woi-zenclaim-target-reward span{
    display:block!important;
    color:#ffd36e!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.woi-zenclaim-target-main h4{
    margin:4px 0!important;
    color:#fff!important;
    font-size:22px!important;
    line-height:1.1!important;
    word-break:break-word!important;
}
.woi-zenclaim-target-main p{
    margin:0!important;
    color:#d8c8ad!important;
    line-height:1.35!important;
}
.woi-zenclaim-target-reward{
    min-width:0!important;
    padding:12px!important;
    border-radius:12px!important;
    text-align:center!important;
    background:rgba(255,211,110,.07)!important;
    border:1px solid rgba(255,211,110,.14)!important;
}
.woi-zenclaim-target-reward strong{
    display:block!important;
    margin:4px 0!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.05!important;
}
.woi-zenclaim-target-reward small{
    display:block!important;
    color:#d8c8ad!important;
    line-height:1.35!important;
}
.woi-zenclaim-linkbox,
.woi-zenclaim-links{
    margin:0 22px 22px!important;
    padding:16px!important;
    border:1px solid rgba(215,179,90,.18)!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.22)!important;
}
.woi-zenclaim-linkbox h4,
.woi-zenclaim-links h4{
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:18px!important;
}
.woi-zenclaim-linkbox p{
    margin:0 0 12px!important;
    color:#d8c8ad!important;
    line-height:1.45!important;
}
.woi-zenclaim-linkbox label{
    display:block!important;
    margin-bottom:6px!important;
    color:#ffd36e!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
}
.woi-zenclaim-linkbox input,
.woi-zenclaim-link-actions input{
    width:100%!important;
    min-height:44px!important;
    border:1px solid rgba(215,179,90,.24)!important;
    border-radius:10px!important;
    background:rgba(0,0,0,.34)!important;
    color:#fff!important;
    padding:0 13px!important;
}
.woi-zenclaim-linkbox button,
.woi-zenclaim-link-actions button,
.woi-zenclaim-remove-link{
    min-height:42px!important;
    border:1px solid rgba(255,207,111,.38)!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#8e1b26,#df6122)!important;
    color:#fff!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
    padding:0 14px!important;
}
.woi-zenclaim-linkbox button{
    width:100%!important;
    margin-top:10px!important;
}
.woi-zenclaim-links{
    display:grid!important;
    gap:10px!important;
}
.woi-zenclaim-links article{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:stretch!important;
    padding:12px!important;
    border:1px solid rgba(215,179,90,.12)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.035)!important;
    min-width:0!important;
}
.woi-zenclaim-links strong,
.woi-zenclaim-links span,
.woi-zenclaim-links small{
    display:block!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    min-width:0!important;
}
.woi-zenclaim-links strong{
    color:#fff!important;
    font-size:17px!important;
    line-height:1.25!important;
}
.woi-zenclaim-links span{
    color:#ffd36e!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    line-height:1.25!important;
}
.woi-zenclaim-links small{
    color:#d8c8ad!important;
    line-height:1.35!important;
}
.woi-zenclaim-link-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
}
.woi-zenclaim-link-actions input{
    min-width:0!important;
}
.woi-zenclaim-remove-link{
    background:rgba(255,255,255,.06)!important;
    border-color:rgba(255,255,255,.14)!important;
    justify-self:start!important;
}
@media(max-width:980px){
    .woi-zenclaim-hero,
    .woi-zenclaim-grid{
        grid-template-columns:1fr!important;
    }
    .woi-zenclaim-stats{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:560px){
    .woi-zenclaim-hero,
    .woi-zenclaim-card-head,
    .woi-zenclaim-form{
        padding:18px!important;
    }
    .woi-zenclaim-stats{
        grid-template-columns:1fr!important;
        padding:16px 18px 0!important;
    }
    .woi-zenclaim-alert,
    .woi-zenclaim-timer,
    .woi-zenclaim-history{
        margin-left:18px!important;
        margin-right:18px!important;
    }
    .woi-zenclaim-response-tray{
        left:14px!important;
        right:14px!important;
        top:76px!important;
        width:auto!important;
    }
    .woi-zenclaim-timer{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
    .woi-zenclaim-target,
    .woi-zenclaim-links article,
    .woi-zenclaim-link-actions{
        grid-template-columns:1fr!important;
    }
}

/* 2026-06-14 Information: Choose Your Class */
.woi-class-panel .classes-head{
    background:
        radial-gradient(circle at 100% 0,rgba(215,179,90,.16),transparent 34%),
        linear-gradient(90deg,rgba(86,12,24,.28),transparent)!important;
}
.woi-class-guide-layout{
    display:grid!important;
    grid-template-columns:minmax(260px,.82fr) minmax(0,1.55fr)!important;
    gap:18px!important;
    padding:18px!important;
    align-items:stretch!important;
}
.woi-class-guide-copy{
    position:relative!important;
    overflow:hidden!important;
    min-width:0!important;
    padding:22px!important;
    border:1px solid rgba(215,179,90,.18)!important;
    border-radius:18px!important;
    background:
        radial-gradient(circle at 0 0,rgba(255,214,116,.13),transparent 36%),
        linear-gradient(180deg,rgba(11,9,13,.82),rgba(5,5,7,.82))!important;
}
.woi-class-guide-copy:after{
    content:""!important;
    position:absolute!important;
    right:-70px!important;
    bottom:-86px!important;
    width:210px!important;
    height:210px!important;
    border:1px solid rgba(215,179,90,.14)!important;
    border-radius:50%!important;
    box-shadow:0 0 0 34px rgba(215,179,90,.035)!important;
    pointer-events:none!important;
}
.woi-class-guide-badge{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:34px!important;
    padding:0 12px!important;
    border:1px solid rgba(255,210,122,.22)!important;
    border-radius:999px!important;
    background:rgba(255,210,122,.08)!important;
    color:#ffd47a!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.07em!important;
}
.woi-class-guide-copy h3{
    position:relative!important;
    margin:16px 0 10px!important;
    color:#fff!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    font-size:clamp(22px,2vw,30px)!important;
    line-height:1.18!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}
.woi-class-guide-copy p{
    position:relative!important;
    margin:0!important;
    color:#d9c9b5!important;
    font-size:16px!important;
    line-height:1.55!important;
}
.woi-class-guide-legend{
    position:relative!important;
    display:grid!important;
    gap:10px!important;
    margin-top:18px!important;
}
.woi-class-guide-legend span{
    display:block!important;
    padding:12px 13px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.035)!important;
    color:#d9c9b5!important;
    line-height:1.35!important;
}
.woi-class-guide-legend b{
    display:block!important;
    margin-bottom:3px!important;
    color:#ffd47a!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}
.woi-class-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    min-width:0!important;
}
.woi-class-card{
    position:relative!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto auto auto 1fr!important;
    align-content:start!important;
    min-height:184px!important;
    width:100%!important;
    padding:16px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:16px!important;
    background:
        radial-gradient(circle at 18% 0,rgba(255,210,122,.13),transparent 40%),
        linear-gradient(180deg,rgba(18,18,24,.88),rgba(6,6,9,.92))!important;
    color:#fff!important;
    text-align:left!important;
    cursor:pointer!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.woi-class-card:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%,rgba(0,0,0,.18))!important;
    pointer-events:none!important;
}
.woi-class-card-glow{
    position:absolute!important;
    right:-36px!important;
    top:-34px!important;
    width:108px!important;
    height:108px!important;
    border-radius:50%!important;
    background:var(--class-accent,#d7b35a)!important;
    opacity:.15!important;
    filter:blur(10px)!important;
    pointer-events:none!important;
}
.woi-class-card:hover,
.woi-class-card:focus-visible{
    transform:translateY(-3px)!important;
    border-color:var(--class-accent,#d7b35a)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 28px rgba(255,210,122,.18)!important;
    outline:0!important;
}
.woi-class-icon{
    position:relative!important;
    z-index:1!important;
    width:44px!important;
    height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-bottom:13px!important;
    border:1px solid var(--class-accent,#d7b35a)!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.42)!important;
    color:#fff0bd!important;
    font-size:19px!important;
}
.woi-class-card strong,
.woi-class-card small,
.woi-class-attrs{
    position:relative!important;
    z-index:1!important;
}
.woi-class-card strong{
    display:block!important;
    color:#fff!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    font-size:17px!important;
    line-height:1.16!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
    word-break:break-word!important;
}
.woi-class-card small{
    display:block!important;
    margin-top:4px!important;
    color:#cfc0ab!important;
    font-size:13px!important;
    line-height:1.25!important;
}
.woi-class-attrs{
    align-self:end!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:14px!important;
}
.woi-class-attrs em{
    display:inline-flex!important;
    min-height:27px!important;
    align-items:center!important;
    padding:0 9px!important;
    border:1px solid rgba(255,210,122,.18)!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.28)!important;
    color:#ffd47a!important;
    font-style:normal!important;
    font-size:11px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}
.woi-class-note{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    margin:0 18px 18px!important;
    padding:15px!important;
    border:1px solid rgba(255,210,122,.22)!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(94,20,30,.28),rgba(0,0,0,.20))!important;
}
.woi-class-note i{
    width:46px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
    background:rgba(255,210,122,.10)!important;
    color:#ffd47a!important;
    font-size:20px!important;
}
.woi-class-note strong{
    display:block!important;
    color:#fff!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    text-transform:uppercase!important;
    letter-spacing:.045em!important;
}
.woi-class-note p{
    margin:4px 0 0!important;
    color:#d9c9b5!important;
    line-height:1.45!important;
}
html.woi-class-modal-open,
html.woi-class-modal-open body{
    overflow:hidden!important;
}
.woi-class-modal{
    position:fixed!important;
    inset:0!important;
    z-index:99998!important;
    display:grid!important;
    place-items:center!important;
    padding:24px!important;
}
.woi-class-modal[hidden]{
    display:none!important;
}
.woi-class-modal-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(0,0,0,.74)!important;
    backdrop-filter:blur(6px)!important;
    opacity:0!important;
    transition:opacity .16s ease!important;
}
.woi-class-modal-card{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important;
    width:min(920px,100%)!important;
    max-height:min(760px,calc(100vh - 48px))!important;
    overflow:hidden!important;
    border:1px solid var(--class-accent,#d7b35a)!important;
    border-radius:22px!important;
    background:linear-gradient(160deg,rgba(15,11,16,.98),rgba(5,5,8,.98))!important;
    box-shadow:0 30px 90px rgba(0,0,0,.72),0 0 46px rgba(255,210,122,.16)!important;
    transform:translateY(12px) scale(.98)!important;
    opacity:0!important;
    transition:transform .18s ease,opacity .18s ease!important;
}
.woi-class-modal.is-visible .woi-class-modal-backdrop{
    opacity:1!important;
}
.woi-class-modal.is-visible .woi-class-modal-card{
    transform:translateY(0) scale(1)!important;
    opacity:1!important;
}
.woi-class-modal-close{
    position:absolute!important;
    right:14px!important;
    top:14px!important;
    z-index:4!important;
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.44)!important;
    color:#fff!important;
}
.woi-class-modal-close:hover,
.woi-class-modal-close:focus-visible{
    border-color:rgba(255,210,122,.48)!important;
    color:#ffd47a!important;
    outline:0!important;
}
.woi-class-modal-art{
    position:relative!important;
    overflow:hidden!important;
    min-height:420px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:14px!important;
    padding:26px!important;
    background:
        radial-gradient(circle at 42% 25%,rgba(255,210,122,.16),transparent 34%),
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78)),
        url('../images/calamity-gallery-world-v1.jpg') center/cover no-repeat!important;
}
.woi-class-modal-art:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px)!important;
    pointer-events:none!important;
}
.woi-class-modal-sigil{
    position:relative!important;
    z-index:1!important;
    width:88px!important;
    height:88px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--class-accent,#d7b35a)!important;
    border-radius:24px!important;
    background:rgba(0,0,0,.62)!important;
    color:#fff4ca!important;
    font-size:36px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.32)!important;
}
.woi-class-modal-art span{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    color:#fff!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    font-size:22px!important;
    text-shadow:0 2px 0 #000!important;
}
.woi-class-modal-body{
    min-width:0!important;
    max-height:min(760px,calc(100vh - 48px))!important;
    overflow:auto!important;
    padding:28px!important;
}
.woi-class-modal-head h3{
    margin:3px 0 10px!important;
    color:#fff!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    font-size:clamp(30px,4vw,48px)!important;
    line-height:1!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
    word-break:break-word!important;
}
.woi-class-modal-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
}
.woi-class-modal-tags span{
    display:inline-flex!important;
    min-height:30px!important;
    align-items:center!important;
    padding:0 10px!important;
    border:1px solid rgba(255,210,122,.18)!important;
    border-radius:999px!important;
    background:rgba(255,210,122,.075)!important;
    color:#ffd47a!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.055em!important;
}
.woi-class-modal-summary{
    margin:16px 0!important;
    color:#d9c9b5!important;
    font-size:16px!important;
    line-height:1.55!important;
}
.woi-class-build-box,
.woi-class-base-box,
.woi-class-modal-notes{
    margin-top:14px!important;
    padding:16px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.035)!important;
}
.woi-class-build-box h4,
.woi-class-base-box h4,
.woi-class-modal-notes h4{
    margin:0 0 12px!important;
    color:#fff1c8!important;
    font-family:Orbitron,Rajdhani,sans-serif!important;
    font-size:16px!important;
    text-transform:uppercase!important;
    letter-spacing:.045em!important;
}
.woi-class-build-box h4 i,
.woi-class-base-box h4 i,
.woi-class-modal-notes h4 i{
    color:#ffd47a!important;
    margin-right:6px!important;
}
.woi-class-priority{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-bottom:11px!important;
}
.woi-class-priority span{
    display:block!important;
    padding:12px!important;
    border:1px solid rgba(255,210,122,.15)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.22)!important;
}
.woi-class-priority small{
    display:block!important;
    color:#cdbfaa!important;
    font-size:11px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}
.woi-class-priority strong{
    display:block!important;
    margin-top:4px!important;
    color:#fff!important;
    font-size:21px!important;
    line-height:1.1!important;
}
.woi-class-build-box p{
    margin:0!important;
    color:#d9c9b5!important;
    line-height:1.45!important;
}
.woi-class-base-box dl{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
}
.woi-class-base-stat{
    min-width:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,210,122,.13)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.22)!important;
}
.woi-class-base-box dt,
.woi-class-base-box dd{
    margin:0!important;
    text-align:center!important;
}
.woi-class-base-box dt{
    padding:9px 6px 2px!important;
    color:#ffd47a!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}
.woi-class-base-box dd{
    padding:0 6px 10px!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:900!important;
}
.woi-class-modal-notes ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.woi-class-modal-notes li{
    position:relative!important;
    padding-left:20px!important;
    margin:8px 0!important;
    color:#d9c9b5!important;
    line-height:1.42!important;
}
.woi-class-modal-notes li:before{
    content:"\f00c"!important;
    position:absolute!important;
    left:0!important;
    top:1px!important;
    font-family:FontAwesome!important;
    color:#ffd47a!important;
    font-size:12px!important;
}
@media(max-width:980px){
    .woi-class-guide-layout,
    .woi-class-modal-card{
        grid-template-columns:1fr!important;
    }
    .woi-class-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .woi-class-modal-art{
        min-height:240px!important;
    }
}
@media(max-width:620px){
    .woi-class-guide-layout{
        padding:14px!important;
    }
    .woi-class-guide-copy{
        padding:18px!important;
    }
    .woi-class-grid,
    .woi-class-priority,
    .woi-class-base-box dl{
        grid-template-columns:1fr!important;
    }
    .woi-class-card{
        min-height:150px!important;
    }
    .woi-class-note{
        grid-template-columns:1fr!important;
        margin:0 14px 14px!important;
        text-align:left!important;
    }
    .woi-class-modal{
        padding:12px!important;
    }
    .woi-class-modal-card{
        max-height:calc(100vh - 24px)!important;
        border-radius:18px!important;
    }
    .woi-class-modal-body{
        max-height:none!important;
        padding:20px!important;
    }
}