.wm-events-page {
  --events-accent: var(--wm-accent, #2f8cff);
  --events-gold: #ddb45d;
  --events-gold-2: #8b6a2f;
  --events-dark: #0f1727;
  --events-dark-2: #111e32;
  --events-page-bg: var(--wm-page-bg, transparent);
  --events-surface: var(--wm-surface, rgba(255,255,255,.85));
  --events-surface-soft: var(--wm-surface-soft, rgba(255,255,255,.68));
  --events-text: var(--wm-text, #1a2740);
  --events-muted: var(--wm-text-muted, #6a768a);
  --events-border: var(--wm-border, rgba(22,34,53,.12));
  --events-shadow: var(--wm-shadow, 0 18px 44px rgba(19,34,60,.12));
  --events-radius: 20px;
  color: var(--events-text);
  display: grid;
  gap: 22px;
}
.wm-events-page[data-scheme="dark"] {
  --events-surface: linear-gradient(180deg, rgba(14,20,34,.95), rgba(10,15,28,.96));
  --events-surface-soft: rgba(255,255,255,.04);
  --events-text: #f1f5ff;
  --events-muted: #9aabc8;
  --events-border: rgba(255,255,255,.08);
  --events-shadow: 0 20px 50px rgba(0,0,0,.38);
}
.wm-events-page[data-scheme="light"] {
  --events-surface: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,255,.9));
  --events-surface-soft: rgba(242,246,252,.74);
}

/* HERO */
.wm-events-hero {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  min-height: 360px;
  background: #0f1a2f;
  background-image: var(--wm-events-hero-image);
  background-size: cover;
  background-position: center;
  box-shadow: 0 24px 54px rgba(10,17,31,.24);
  border: 1px solid rgba(255,255,255,.08);
}
.wm-events-hero::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), inset 0 -100px 130px rgba(0,0,0,.24);
  pointer-events: none;
}
.wm-events-hero__backdrop {
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 78% 18%, rgba(221,180,93,.22), transparent 18%),
    linear-gradient(90deg, rgba(6,15,32,.9) 0%, rgba(9,21,40,.72) 44%, rgba(14,18,30,.35) 100%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.3));
}
.wm-events-hero__content {
  position: relative; z-index: 1;
  min-height: 360px;
  display:grid; grid-template-columns: 1.35fr .75fr; gap: 32px;
  align-items: center;
  padding: 40px;
}
.wm-events-hero__copy { max-width: 720px; }
.wm-events-kicker {
  display:inline-flex; align-items:center; gap:8px;
  padding: 9px 16px; border-radius: 999px;
  background: rgba(22,112,255,.14);
  border:1px solid rgba(70,138,255,.28);
  color:#7ab4ff; font-size:12px; letter-spacing:.15em; font-weight:800; text-transform:uppercase;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.wm-events-hero h1 {
  margin:18px 0 12px;
  font-size: clamp(38px, 5vw, 66px);
  line-height: .92;
  letter-spacing:-.045em;
  color:#ffffff !important;
  text-transform: uppercase;
  max-width: 8.8ch;
  text-shadow: 0 8px 28px rgba(0,0,0,.34);
}
.wm-events-hero p {
  margin:0; color:rgba(243,247,255,.92); max-width: 640px; font-size:18px; line-height:1.62;
  text-shadow: 0 2px 12px rgba(0,0,0,.25);
}

/* NEXT EVENT CARD */
.wm-events-next {
  position: relative;
  align-self:center;
  background:
    linear-gradient(180deg, rgba(16,25,42,.96), rgba(10,16,28,.98));
  border: 1px solid rgba(221,180,93,.22);
  box-shadow: 0 24px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  border-radius: 28px;
  padding: 28px;
  color:#f7fbff;
  overflow:hidden;
}
.wm-events-next::before {
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(221,180,93,.11), transparent 28%),
    radial-gradient(circle at top right, rgba(47,140,255,.18), transparent 30%);
  pointer-events:none;
}
.wm-events-next__ornament {
  position:absolute; width:22px; height:22px; border:2px solid rgba(221,180,93,.55); opacity:.85;
}
.wm-events-next__ornament--tl { top:12px; left:12px; border-right:none; border-bottom:none; border-radius:8px 0 0 0; }
.wm-events-next__ornament--tr { top:12px; right:12px; border-left:none; border-bottom:none; border-radius:0 8px 0 0; }
.wm-events-next__ornament--bl { bottom:12px; left:12px; border-right:none; border-top:none; border-radius:0 0 0 8px; }
.wm-events-next__ornament--br { bottom:12px; right:12px; border-left:none; border-top:none; border-radius:0 0 8px 0; }
.wm-events-next__crest {
  position:absolute; top:18px; right:22px; width:48px; height:48px; z-index:1;
  display:grid; place-items:center; border-radius:16px;
  background: linear-gradient(180deg, rgba(221,180,93,.20), rgba(221,180,93,.08));
  border:1px solid rgba(221,180,93,.28); color: var(--events-gold);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.wm-events-page[data-scheme="light"] .wm-events-next {
  color: #f7fbff; /* keep dark premium panel even on light themes */
}
.wm-events-next__eyebrow {
  position:relative; z-index:1;
  font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.14em;
  color: #6fb1ff; display:flex; gap:8px; align-items:center;
}
.wm-events-next h2 {
  position:relative; z-index:1;
  margin:16px 0 10px;
  font-size: 36px; line-height:1.05; letter-spacing:-.04em;
  color:#fff;
}
.wm-events-next__meta {
  position:relative; z-index:1; color: rgba(223,231,245,.86); display:flex; align-items:center; gap:8px; margin-bottom: 16px;
}
.wm-events-next__timerwrap {
  position:relative; z-index:1; padding: 10px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border: 1px solid rgba(221,180,93,.16);
}
.wm-events-next__timer {
  display:flex; justify-content:center; align-items:center;
  min-height: 72px; border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(18,34,62,.96), rgba(11,20,38,.98));
  border:1px solid rgba(80,142,255,.36);
  font-size:40px; letter-spacing:-.03em; font-weight:900;
  color: #f7fbff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 20px rgba(0,0,0,.16);
}

/* COMMON PANELS */
.wm-events-toolbar, .wm-events-summary, .wm-events-section, .wm-events-empty {
  background: var(--events-surface);
  border: 1px solid var(--events-border);
  border-radius: var(--events-radius);
  box-shadow: var(--events-shadow);
  position: relative;
}
.wm-events-toolbar::before, .wm-events-summary::before, .wm-events-section::before, .wm-events-empty::before {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.wm-events-toolbar {
  display:flex; justify-content:space-between; gap:16px; align-items:center;
  padding: 16px 18px;
}
.wm-events-clock { display:grid; gap:2px; }
.wm-events-clock span { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color: var(--events-muted); }
.wm-events-clock strong { font-size:28px; line-height:1; }
.wm-events-clock small { color: var(--events-muted); }
.wm-events-filters { display:flex; flex-wrap:wrap; gap:10px; }
.wm-events-filters button {
  border:1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  color: var(--events-text);
  border-radius: 999px; padding: 10px 16px; font-weight:800; cursor:pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.wm-events-filters button.is-active {
  background: linear-gradient(180deg, rgba(49,122,239,.98), rgba(27,88,190,.98));
  color:#fff; border-color: transparent;
  box-shadow: 0 10px 20px rgba(28,95,215,.24), inset 0 1px 0 rgba(255,255,255,.16);
}

/* SUMMARY */
.wm-events-summary {
  padding: 18px; display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px;
}
.wm-events-summary article {
  padding:16px; border:1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-radius: 16px; display:flex; gap:14px; align-items:center;
}
.wm-events-summary article span {
  width:46px; height:46px; border-radius: 14px; display:grid; place-items:center;
  background: linear-gradient(180deg, rgba(47,140,255,.16), rgba(47,140,255,.08));
  color: var(--events-accent); flex: 0 0 46px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.wm-events-summary article strong { display:block; font-size:28px; line-height:1; }
.wm-events-summary article small { color: var(--events-muted); }

/* SECTION HEADS */
.wm-events-section { padding: 20px; }
.wm-events-section__head {
  display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;
  padding-bottom: 10px; border-bottom: 1px solid var(--events-border);
}
.wm-events-section__head > div { display:flex; align-items:center; gap:12px; }
.wm-events-section__head span {
  width:40px; height:40px; border-radius: 13px; display:grid; place-items:center;
  background: linear-gradient(180deg, rgba(47,140,255,.16), rgba(47,140,255,.08));
  color: var(--events-accent);
}
.wm-events-section__head h2 { margin:0; font-size: 34px; letter-spacing:-.04em; }

/* TABLES */
.wm-events-table {
  border-radius: 18px; overflow:hidden; border:1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.wm-events-table__head, .wm-events-row {
  display:grid; grid-template-columns: minmax(280px,1.6fr) .55fr .75fr .7fr; gap:14px; align-items:center;
}
.wm-events-table__head {
  padding: 14px 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  color: var(--events-muted);
  font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.10em;
}
.wm-events-row {
  padding: 14px 18px; border-top:1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.wm-events-row__event { display:flex; align-items:center; gap:12px; min-width:0; }
.wm-events-row__thumb {
  width: 72px; height: 54px; border-radius: 13px; overflow:hidden; flex:0 0 72px;
  background: var(--events-surface-soft); border:1px solid var(--events-border);
}
.wm-events-row__thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.wm-events-row__info { min-width:0; }
.wm-events-row__info strong { display:block; font-size:16px; }
.wm-events-row__info small { display:block; color: var(--events-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wm-events-row__cell { color: var(--events-text); }
.wm-pill {
  display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:999px; font-size:11px; font-weight:900;
  text-transform:uppercase; letter-spacing:.1em;
}
.wm-pill--soft {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08); color: var(--events-accent);
}
.wm-pill--timer {
  background: linear-gradient(180deg, rgba(47,140,255,.12), rgba(47,140,255,.06));
  border:1px solid rgba(47,140,255,.22); color: var(--events-accent); min-width: 128px;
}

/* MMORPG CARDS */
.wm-events-grid--tiles { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:20px; }
.wm-events-tile {
  border:1px solid rgba(221,180,93,.18);
  background:
    linear-gradient(180deg, rgba(18,27,45,.98), rgba(11,18,30,.99));
  border-radius: 22px; overflow:hidden;
  box-shadow: 0 16px 34px rgba(10,17,31,.16), inset 0 1px 0 rgba(255,255,255,.03);
  position: relative;
  color: #ecf3ff;
}
.wm-events-tile::before {
  content:""; position:absolute; top:0; left:0; right:0; height:3px;
  background: linear-gradient(90deg, var(--events-accent), var(--events-gold));
}
.wm-events-tile::after {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.wm-events-tile__media {
  position:relative; aspect-ratio: 16 / 9; background: #0f1727; overflow:hidden;
  border-bottom: 1px solid rgba(221,180,93,.12);
}
.wm-events-tile__media::after {
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle at top right, rgba(47,140,255,.18), transparent 30%),
    linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,0) 42%, rgba(6,9,16,.68) 100%);
}
.wm-events-tile__media img { width:100%; height:100%; object-fit:cover; display:block; transform: scale(1.03); }
.wm-events-tile__glow {
  position:absolute; inset:auto 0 0 0; height:48px; z-index:1;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.25));
}
.wm-events-tile__tag {
  position:absolute; top:12px; left:12px; z-index:2;
  padding:7px 11px; border-radius:999px;
  background: rgba(9,17,31,.88); color:#fff; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase;
  box-shadow: 0 6px 14px rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.08);
}
.wm-events-tile__body { padding:18px; color:#edf4ff; }
.wm-events-tile__titlebar {
  width:72px; height:4px; border-radius:999px; margin-bottom:12px;
  background: linear-gradient(90deg, var(--events-accent), var(--events-gold));
}
.wm-events-tile h3 { margin:0 0 8px; font-size:24px; letter-spacing:-.02em; color:#fff; }
.wm-events-tile p { margin:0 0 14px; color: rgba(208,220,240,.82); min-height: 48px; line-height:1.45; }
.wm-events-tile__class {
  display:inline-flex; gap:8px; align-items:center; color: #b8d7ff; font-size:13px; font-weight:800; margin-bottom: 13px;
  padding: 7px 10px; border-radius: 999px; background: rgba(47,140,255,.09); border:1px solid rgba(47,140,255,.16);
}
.wm-events-tile__meta { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.wm-events-tile__meta div {
  padding:13px; border:1px solid rgba(255,255,255,.07);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border-radius: 15px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.wm-events-tile__meta span {
  display:block; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; color: rgba(173,191,220,.78); margin-bottom: 5px;
}
.wm-events-tile__meta strong { color:#fff; }
.wm-events-grid--manual .wm-events-tile__media { aspect-ratio: 16 / 9; }
.wm-events-grid--dynamic { grid-template-columns: repeat(4, minmax(0,1fr)); }
.wm-events-empty { padding: 32px; text-align:center; color: var(--events-muted); }
.wm-events-empty i { font-size: 32px; margin-bottom: 10px; display:block; color: var(--events-accent); }

@media (max-width: 1280px) {
  .wm-events-grid--tiles { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .wm-events-hero__content { grid-template-columns: 1fr; }
  .wm-events-next { max-width: 470px; }
}
@media (max-width: 980px) {
  .wm-events-summary { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .wm-events-toolbar { flex-direction:column; align-items:stretch; }
  .wm-events-table__head { display:none; }
  .wm-events-row { grid-template-columns: 1fr; gap:10px; }
  .wm-events-row__cell { padding-left: 84px; }
  .wm-events-grid--tiles, .wm-events-grid--dynamic { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .wm-events-hero__content { padding: 22px; min-height: auto; }
  .wm-events-hero h1 { font-size: 40px; max-width: none; }
  .wm-events-hero p { font-size: 15px; }
  .wm-events-next h2 { font-size: 30px; }
  .wm-events-next__timer { font-size: 26px; }
  .wm-events-summary { grid-template-columns: 1fr; }
  .wm-events-grid--tiles, .wm-events-grid--dynamic { grid-template-columns: 1fr; }
  .wm-events-section__head h2 { font-size: 24px; }
  .wm-events-row__cell { padding-left: 0; }
}


/* ================================================================
   2.1.3 — ADAPTIVE MMORPG POLISH
   Light themes keep luminous premium cards; dark themes keep deep panels.
   ================================================================ */

/* LIGHT THEME: next-event panel */
.wm-events-page[data-scheme="light"] .wm-events-next,
body[data-wm-theme="default"] .wm-events-page .wm-events-next {
  background:
    radial-gradient(circle at 100% 0%, rgba(47,140,255,.13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(243,247,254,.95));
  color: #1a2940;
  border: 1px solid rgba(67,104,159,.22);
  box-shadow: 0 18px 38px rgba(30,50,80,.15), inset 0 1px 0 rgba(255,255,255,.95);
}
.wm-events-page[data-scheme="light"] .wm-events-next::before,
body[data-wm-theme="default"] .wm-events-page .wm-events-next::before {
  background:
    linear-gradient(180deg, rgba(221,180,93,.13), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(47,140,255,.12), transparent 36%);
}
.wm-events-page[data-scheme="light"] .wm-events-next__ornament,
body[data-wm-theme="default"] .wm-events-page .wm-events-next__ornament {
  border-color: rgba(139,106,47,.54);
}
.wm-events-page[data-scheme="light"] .wm-events-next__crest,
body[data-wm-theme="default"] .wm-events-page .wm-events-next__crest {
  background: linear-gradient(180deg, rgba(221,180,93,.22), rgba(221,180,93,.10));
  border-color: rgba(139,106,47,.24);
  color: #9b712b;
}
.wm-events-page[data-scheme="light"] .wm-events-next__eyebrow,
body[data-wm-theme="default"] .wm-events-page .wm-events-next__eyebrow {
  color: #2878d6;
}
.wm-events-page[data-scheme="light"] .wm-events-next h2,
body[data-wm-theme="default"] .wm-events-page .wm-events-next h2 {
  color: #192941 !important;
  text-shadow: none;
}
.wm-events-page[data-scheme="light"] .wm-events-next__meta,
body[data-wm-theme="default"] .wm-events-page .wm-events-next__meta {
  color: #69768a;
}
.wm-events-page[data-scheme="light"] .wm-events-next__timerwrap,
body[data-wm-theme="default"] .wm-events-page .wm-events-next__timerwrap {
  background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(237,243,252,.86));
  border-color: rgba(139,106,47,.18);
}
.wm-events-page[data-scheme="light"] .wm-events-next__timer,
body[data-wm-theme="default"] .wm-events-page .wm-events-next__timer {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.96), transparent 55%),
    linear-gradient(180deg, #eef5ff, #dfeafa);
  color: #16263f;
  border-color: rgba(47,112,205,.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 8px 18px rgba(42,91,164,.12);
}

/* LIGHT THEME: custom/manual/dynamic cards */
.wm-events-page[data-scheme="light"] .wm-events-tile,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile {
  color: #1a2940;
  background:
    radial-gradient(circle at 100% 0%, rgba(47,140,255,.055), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(246,249,254,.97));
  border: 1px solid rgba(62,96,145,.20);
  box-shadow: 0 14px 30px rgba(36,57,91,.11), inset 0 1px 0 rgba(255,255,255,.95);
}
.wm-events-page[data-scheme="light"] .wm-events-tile::before,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile::before {
  height: 4px;
  background: linear-gradient(90deg, #2f8cff 0%, #7fbaff 48%, #ddb45d 100%);
}
.wm-events-page[data-scheme="light"] .wm-events-tile::after,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile::after {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.70);
}
.wm-events-page[data-scheme="light"] .wm-events-tile__media,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__media {
  border-bottom-color: rgba(139,106,47,.18);
}
.wm-events-page[data-scheme="light"] .wm-events-tile__media::after,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__media::after {
  background:
    radial-gradient(circle at top right, rgba(47,140,255,.10), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,.01) 0%, transparent 58%, rgba(7,18,36,.24) 100%);
}
.wm-events-page[data-scheme="light"] .wm-events-tile__body,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__body {
  color: #1a2940;
}
.wm-events-page[data-scheme="light"] .wm-events-tile h3,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile h3 {
  color: #1a2940 !important;
  text-shadow: none;
}
.wm-events-page[data-scheme="light"] .wm-events-tile p,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile p {
  color: #647187;
}
.wm-events-page[data-scheme="light"] .wm-events-tile__titlebar,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__titlebar {
  width: 78px;
  background: linear-gradient(90deg, #2f8cff, #7ab4ff 58%, #ddb45d);
  box-shadow: 0 2px 8px rgba(47,140,255,.16);
}
.wm-events-page[data-scheme="light"] .wm-events-tile__class,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__class {
  color: #2d73c7;
  background: rgba(47,140,255,.075);
  border-color: rgba(47,140,255,.17);
}
.wm-events-page[data-scheme="light"] .wm-events-tile__meta div,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__meta div {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(237,243,251,.88));
  border-color: rgba(62,96,145,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
}
.wm-events-page[data-scheme="light"] .wm-events-tile__meta span,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__meta span {
  color: #6b778b;
}
.wm-events-page[data-scheme="light"] .wm-events-tile__meta strong,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile__meta strong {
  color: #182842;
}

/* DARK THEME readability and less flat black */
.wm-events-page[data-scheme="dark"] .wm-events-tile {
  background:
    radial-gradient(circle at 100% 0%, rgba(59,130,246,.10), transparent 34%),
    linear-gradient(180deg, rgba(20,30,50,.98), rgba(12,19,33,.99));
  border-color: rgba(221,180,93,.16);
}
.wm-events-page[data-scheme="dark"] .wm-events-tile h3 {
  color: #f5f8ff !important;
}
.wm-events-page[data-scheme="dark"] .wm-events-next h2 {
  color: #f7fbff !important;
}

/* Subtle premium hover, without making the layout jump */
.wm-events-tile {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.wm-events-tile:hover {
  transform: translateY(-3px);
  border-color: rgba(47,140,255,.30);
  box-shadow: 0 20px 38px rgba(28,49,82,.16), inset 0 1px 0 rgba(255,255,255,.06);
}
.wm-events-page[data-scheme="light"] .wm-events-tile:hover,
body[data-wm-theme="default"] .wm-events-page .wm-events-tile:hover {
  border-color: rgba(47,140,255,.28);
  box-shadow: 0 20px 40px rgba(40,70,112,.14), inset 0 1px 0 rgba(255,255,255,.98);
}

/* ================================================================
   2.2.0 — Rewards panel + item tooltip integration
   ================================================================ */
.wm-events-rewards{
  margin-top:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  overflow:hidden;
}
.wm-events-rewards[open]{box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.10);}
.wm-events-rewards summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
}
.wm-events-rewards summary::-webkit-details-marker{display:none;}
.wm-events-rewards__summary-copy{min-width:0;}
.wm-events-rewards__summary-copy strong{display:block;font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#f3f7ff;}
.wm-events-rewards__summary-copy small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:rgba(184,198,220,.78);}
.wm-events-rewards__summary-preview{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.wm-events-reward-preview{
  position:relative; width:34px; height:34px; border-radius:12px; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, rgba(12,19,33,.92), rgba(18,28,47,.84));
  border:1px solid rgba(255,255,255,.08); color:#dce8fb;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.wm-events-reward-preview img{width:26px;height:26px;object-fit:contain;display:block;}
.wm-events-reward-preview em{
  position:absolute; right:-4px; bottom:-4px; min-width:18px; height:18px; padding:0 4px;
  border-radius:999px; background:var(--events-accent); color:#fff; font-style:normal; font-size:10px; font-weight:900;
  display:inline-flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(0,0,0,.22);
}
.wm-events-reward-preview--currency,
.wm-events-reward-preview--info{width:auto;min-width:34px;padding:0 8px;gap:5px;}
.wm-events-reward-preview--currency em,
.wm-events-reward-preview--info em{position:static;min-width:auto;height:auto;padding:0;background:transparent;box-shadow:none;color:inherit;font-size:10px;}
.wm-events-rewards__summary-count{
  width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg, rgba(47,140,255,.18), rgba(47,140,255,.08));
  border:1px solid rgba(47,140,255,.26); color:#d9ebff; font-size:12px; font-weight:900;
}
.wm-events-rewards__list{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;
  padding:0 16px 16px;
}
.wm-events-reward{
  min-width:0; display:flex; gap:12px; align-items:center; padding:12px;
  border-radius:16px; border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(10,17,31,.44), rgba(255,255,255,.03));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.wm-events-reward[data-item-tooltip]{cursor:help;}
.wm-events-reward__thumb{
  position:relative; width:48px; height:48px; border-radius:14px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10); color:#eef6ff;
}
.wm-events-reward__thumb img{width:36px;height:36px;object-fit:contain;display:block;}
.wm-events-reward__thumb span{
  position:absolute; right:-6px; bottom:-6px; min-width:20px; height:20px; padding:0 5px;
  border-radius:999px; background:var(--events-gold); color:#1f1708; font-size:10px; font-weight:900;
  display:inline-flex; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,.24);
}
.wm-events-reward__copy{min-width:0;display:flex;flex-direction:column;gap:3px;}
.wm-events-reward__copy strong{font-size:13px;line-height:1.25;color:#f3f7ff;}
.wm-events-reward__copy small{font-size:12px;line-height:1.35;color:rgba(187,200,220,.76);}
.wm-events-reward--currency .wm-events-reward__thumb{background:linear-gradient(180deg, rgba(221,180,93,.18), rgba(221,180,93,.07)); color:#ffdf91;}
.wm-events-reward--info .wm-events-reward__thumb{background:linear-gradient(180deg, rgba(47,140,255,.16), rgba(47,140,255,.08)); color:#b7d9ff;}
.wm-events-rewards.is-empty .wm-events-rewards__summary-count{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);color:#bfcde2;}
.wm-events-rewards--row{margin-top:10px;border-radius:14px;}
.wm-events-rewards--row summary{padding:10px 12px;grid-template-columns:minmax(0,1fr) auto auto;}
.wm-events-rewards--row .wm-events-rewards__summary-copy strong{font-size:12px;}
.wm-events-rewards--row .wm-events-rewards__summary-copy small{font-size:11px;}
.wm-events-rewards--row .wm-events-rewards__list{grid-template-columns:1fr;padding:0 12px 12px;}

#wm-events-item-tooltip.wm-events-item-tooltip{z-index:1300;max-width:290px;}
#wm-events-item-tooltip .wm-mi-vault-tooltip__classes:empty,
#wm-events-item-tooltip .wm-mi-vault-tooltip__serial:empty,
#wm-events-item-tooltip .wm-mi-vault-tooltip__durability:empty,
#wm-events-item-tooltip .wm-mi-vault-tooltip__requirement:empty{display:none;}

.wm-events-page[data-scheme="light"] .wm-events-rewards,
body[data-wm-theme="default"] .wm-events-page .wm-events-rewards{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(239,245,252,.90));
  border-color:rgba(62,96,145,.14);
}
.wm-events-page[data-scheme="light"] .wm-events-rewards__summary-copy strong,
body[data-wm-theme="default"] .wm-events-page .wm-events-rewards__summary-copy strong{color:#20324e;}
.wm-events-page[data-scheme="light"] .wm-events-rewards__summary-copy small,
body[data-wm-theme="default"] .wm-events-page .wm-events-rewards__summary-copy small{color:#66758b;}
.wm-events-page[data-scheme="light"] .wm-events-reward-preview,
body[data-wm-theme="default"] .wm-events-page .wm-events-reward-preview{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(236,242,250,.92));
  border-color:rgba(62,96,145,.15); color:#24436b;
}
.wm-events-page[data-scheme="light"] .wm-events-reward,
body[data-wm-theme="default"] .wm-events-page .wm-events-reward{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(237,243,251,.88));
  border-color:rgba(62,96,145,.14);
}
.wm-events-page[data-scheme="light"] .wm-events-reward__thumb,
body[data-wm-theme="default"] .wm-events-page .wm-events-reward__thumb{
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(233,240,249,.92));
  border-color:rgba(62,96,145,.14); color:#23416b;
}
.wm-events-page[data-scheme="light"] .wm-events-reward__copy strong,
body[data-wm-theme="default"] .wm-events-page .wm-events-reward__copy strong{color:#20314c;}
.wm-events-page[data-scheme="light"] .wm-events-reward__copy small,
body[data-wm-theme="default"] .wm-events-page .wm-events-reward__copy small{color:#6d7b90;}
.wm-events-page[data-scheme="light"] .wm-events-rewards__summary-count,
body[data-wm-theme="default"] .wm-events-page .wm-events-rewards__summary-count{color:#1f3656;}

@media (max-width: 980px){
  .wm-events-rewards__list{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .wm-events-rewards summary{grid-template-columns:1fr;}
  .wm-events-rewards__summary-preview{justify-content:flex-start;}
  .wm-events-rewards__summary-count{display:none;}
}

/* ================================================================
   NyxCMS EVENTOS 2.3.0 - ROW/MMORPG/REWARDS SLIDER OVERRIDES
   ================================================================ */
.wm-events-page[data-scheme="light"] .wm-events-table,
.wm-events-page[data-scheme="light"] .wm-events-toolbar,
.wm-events-page[data-scheme="light"] .wm-events-summary article,
.wm-events-page[data-scheme="light"] .wm-events-next {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.94));
  border-color: rgba(47,84,140,.14);
  box-shadow: 0 18px 34px rgba(27,41,68,.08);
}
.wm-events-page[data-scheme="light"] .wm-events-next {
  color: #1c2c46;
}
.wm-events-page[data-scheme="light"] .wm-events-next h2,
.wm-events-page[data-scheme="light"] .wm-events-next__timer,
.wm-events-page[data-scheme="light"] .wm-events-row__info strong,
.wm-events-page[data-scheme="light"] .wm-events-row__next,
.wm-events-page[data-scheme="light"] .wm-events-hero h1 { color: #18304f; }
.wm-events-page[data-scheme="light"] .wm-events-next__eyebrow { color: #2d78e7; }
.wm-events-page[data-scheme="light"] .wm-events-hero__backdrop {
  background:
    radial-gradient(circle at 78% 18%, rgba(221,180,93,.18), transparent 18%),
    linear-gradient(90deg, rgba(10,28,56,.72) 0%, rgba(13,33,64,.48) 40%, rgba(20,26,40,.16) 100%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(9,18,35,.12));
}
.wm-events-page[data-scheme="light"] .wm-events-hero h1,
.wm-events-page[data-scheme="light"] .wm-events-hero p { color: #fff !important; }

.wm-events-next {
  max-width: 420px;
  justify-self: end;
  padding: 22px 24px;
  border-radius: 24px;
}
.wm-events-next__crest { width:44px; height:44px; top:16px; right:18px; }
.wm-events-next__meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin: 10px 0 12px; }
.wm-events-next h2 { font-size: clamp(24px, 2vw, 36px); margin: 10px 0 0; }
.wm-events-next__timerwrap {
  padding: 10px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--events-border);
}
.wm-events-next__timer { display:block; text-align:center; font-size: clamp(32px, 3vw, 42px); letter-spacing:-.02em; }

.wm-events-row {
  gap: 18px;
  padding: 18px;
}
.wm-events-row.is-active {
  background: linear-gradient(180deg, rgba(47,140,255,.08), rgba(47,140,255,.03));
}
.wm-events-row__event { align-items:flex-start; }
.wm-events-row__thumb {
  width: 82px; height: 62px; flex-basis: 82px;
  border-radius: 16px;
}
.wm-events-row__info { display:grid; gap:8px; }
.wm-events-row__heading { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.wm-events-row__info strong { font-size: 18px; line-height:1.05; }
.wm-events-row__info small { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.45; }
.wm-events-row__next { font-weight: 800; color: var(--events-text); }
.wm-events-row__cell--timer { display:flex; gap:10px; align-items:center; justify-content:flex-start; flex-wrap:wrap; }
.wm-pill--state {
  background: linear-gradient(180deg, rgba(221,180,93,.14), rgba(221,180,93,.05));
  border: 1px solid rgba(221,180,93,.28);
  color: var(--events-gold-2);
}
.wm-events-page[data-scheme="dark"] .wm-pill--state { color: #f4d99a; }
.wm-pill--state.is-active,
.wm-pill--live {
  background: linear-gradient(180deg, rgba(44,196,122,.2), rgba(44,196,122,.08));
  border: 1px solid rgba(44,196,122,.34);
  color: #1d9f5f;
}
.wm-events-page[data-scheme="dark"] .wm-pill--state.is-active,
.wm-events-page[data-scheme="dark"] .wm-pill--live { color: #7af1b2; }

.wm-events-rewards-slider {
  margin-top: 10px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.wm-events-page[data-scheme="light"] .wm-events-rewards-slider {
  background: linear-gradient(180deg, rgba(243,247,252,.96), rgba(239,244,250,.92));
}
.wm-events-rewards-slider__bar {
  display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom: 10px;
}
.wm-events-rewards-slider__title strong {
  display:block; font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing:.08em;
}
.wm-events-rewards-slider__title small { color: var(--events-muted); display:block; margin-top:4px; }
.wm-events-rewards-slider__actions { display:flex; gap:8px; flex:0 0 auto; }
.wm-events-slider-btn {
  width: 32px; height: 32px; border-radius: 10px; border:1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.04));
  color: var(--events-text); display:grid; place-items:center; cursor:pointer;
}
.wm-events-rewards-slider__track {
  display:flex; gap:10px; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; padding-bottom: 2px;
}
.wm-events-rewards-slider__track::-webkit-scrollbar { height: 8px; }
.wm-events-rewards-slider__track::-webkit-scrollbar-thumb { background: rgba(100,120,160,.28); border-radius:999px; }
.wm-events-reward-chip {
  flex: 0 0 220px; min-width: 220px; display:flex; align-items:center; gap:10px;
  padding: 10px 12px; border-radius: 16px; border: 1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.wm-events-page[data-scheme="light"] .wm-events-reward-chip { background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(244,248,252,.96)); }
.wm-events-reward-chip__thumb {
  position:relative; width:52px; height:52px; border-radius: 14px; flex:0 0 52px;
  display:grid; place-items:center; overflow:hidden; border:1px solid var(--events-border);
  background: linear-gradient(180deg, rgba(8,18,34,.96), rgba(12,20,36,.9));
}
.wm-events-page[data-scheme="light"] .wm-events-reward-chip__thumb { background: linear-gradient(180deg, rgba(232,238,247,.96), rgba(246,248,252,.92)); }
.wm-events-reward-chip__thumb img { width:100%; height:100%; object-fit:contain; padding:7px; }
.wm-events-reward-chip__thumb i { font-size:20px; color: var(--events-accent); }
.wm-events-reward-chip__thumb em {
  position:absolute; right:4px; bottom:4px; padding:4px 6px; border-radius: 999px; font-size:11px; font-weight:900;
  color:#2c2a22; background: linear-gradient(180deg, #f1d06f, #d6aa43); box-shadow: 0 6px 12px rgba(0,0,0,.16);
}
.wm-events-reward-chip__copy { min-width:0; display:grid; gap:3px; }
.wm-events-reward-chip__copy strong { font-size:15px; line-height:1.12; color: var(--events-text); }
.wm-events-reward-chip__copy small { color: var(--events-muted); line-height:1.35; white-space: normal; }

@media (max-width: 980px) {
  .wm-events-next { max-width: none; justify-self: stretch; }
}
@media (max-width: 640px) {
  .wm-events-row__thumb { width:72px; height:54px; flex-basis:72px; }
  .wm-events-reward-chip { flex-basis: 200px; min-width: 200px; }
  .wm-events-next { padding:18px; }
  .wm-events-next__timer { font-size: 28px; }
}

/* ================================================================
   2.3.2 — PREMIOS COMPACTOS: SOLO IMÁGENES + CANTIDAD
   ================================================================ */
.wm-events-rewards-mini{
  width:min(100%, 430px);
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  padding:7px 9px;
  border:1px solid var(--events-border);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  overflow:hidden;
}
.wm-events-page[data-scheme="light"] .wm-events-rewards-mini,
body[data-wm-theme="default"] .wm-events-page .wm-events-rewards-mini{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,245,252,.92));
  border-color:rgba(54,91,145,.14);
}
.wm-events-rewards-mini__label{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:var(--events-accent);
  background:rgba(47,140,255,.10);
  border:1px solid rgba(47,140,255,.16);
}
.wm-events-rewards-mini__viewport{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
}
.wm-events-rewards-mini__track{
  display:flex;
  align-items:center;
  gap:9px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.wm-events-rewards-mini__track::-webkit-scrollbar{display:none;}
.wm-events-reward-orb{
  position:relative;
  flex:0 0 48px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid var(--events-border);
  background:linear-gradient(180deg, rgba(9,20,37,.96), rgba(15,27,47,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  overflow:visible;
}
.wm-events-page[data-scheme="light"] .wm-events-reward-orb,
body[data-wm-theme="default"] .wm-events-page .wm-events-reward-orb{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(232,239,248,.94));
  border-color:rgba(54,91,145,.16);
}
.wm-events-reward-orb[data-item-json]{cursor:help;}
.wm-events-reward-orb img{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
  padding:3px;
}
.wm-events-reward-orb i{font-size:20px;color:var(--events-accent);}
.wm-events-reward-orb em{
  position:absolute;
  right:-6px;
  bottom:-5px;
  z-index:2;
  min-width:22px;
  height:20px;
  padding:0 5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(180deg,#f3d06a,#d8aa3d);
  color:#241b09;
  font-size:9px;
  font-weight:900;
  font-style:normal;
  line-height:1;
  box-shadow:0 5px 11px rgba(0,0,0,.22);
  white-space:nowrap;
}
.wm-events-row__info{min-width:0;}
.wm-events-row__info > small{max-width:620px;}

/* El tooltip usa exactamente el estilo unificado de Market Items y los themes. */
#wm-events-item-tooltip.wm-events-item-tooltip{
  z-index:99999 !important;
  max-width:min(285px, calc(100vw - 24px)) !important;
}

@media (max-width:760px){
  .wm-events-rewards-mini{width:100%;}
  .wm-events-reward-orb{flex-basis:44px;width:44px;height:44px;}
  .wm-events-reward-orb img{width:36px;height:36px;}
}

/* 2.3.2.1 hotfix - cantidad visible y autoplay desde 6 premios */
.wm-events-rewards-mini__viewport{
  padding: 0 10px 4px 2px;
}
.wm-events-rewards-mini__track{
  padding-right: 6px;
}
.wm-events-reward-orb em{
  right:auto;
  left:50%;
  bottom:-4px;
  transform:translateX(-50%);
  min-width:26px;
  max-width:44px;
  height:18px;
  padding:0 5px;
  font-size:8px;
  letter-spacing:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wm-events-reward-orb--currency em{
  max-width:46px;
}
@media (max-width:760px){
  .wm-events-rewards-mini__viewport{padding-right:8px;}
  .wm-events-reward-orb em{max-width:40px;font-size:8px;}
}

/* 3.0.2 — Slider continuo real: los premios se repiten sin saltos. */
.wm-events-rewards-mini.is-continuous .wm-events-rewards-mini__viewport{
  overflow:hidden;
}
.wm-events-rewards-mini.is-continuous .wm-events-rewards-mini__track{
  width:max-content;
  overflow:visible;
  scroll-behavior:auto;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.wm-events-rewards-mini.is-continuous .wm-events-reward-orb{
  flex-shrink:0;
}