/* Home — Event Timers card: small category tabs, live countdowns, reward tooltip. */
.newone-live-card.newone-live-card--event nav { gap: 11px; flex-wrap: wrap; }
.newone-live-card.newone-live-card--event nav a,
.newone-live-card.newone-live-card--event nav a:first-child { color: #fff !important; font-size: 9.5px; letter-spacing: .02em; }
.newone-live-card.newone-live-card--event nav a:hover { color: #fff083 !important; }
.newone-live-card.newone-live-card--event nav a.is-active { color: #fff083 !important; text-shadow: 0 0 10px rgba(255, 216, 74, .34); }

.newone-card-table--timers .nxh-row { cursor: pointer; outline: none; }
.newone-card-table--timers .nxh-row:focus-visible { box-shadow: inset 0 0 0 1px rgba(255, 216, 74, .55); }
.newone-card-table--timers .nxh-row td:last-child { font-variant-numeric: tabular-nums; white-space: nowrap; }
.newone-card-table--timers .nxh-row.is-soon td:last-child { color: #ffb454; }
.newone-card-table--timers .nxh-row.is-live td:last-child { color: #7dff9a; text-shadow: 0 0 8px rgba(125, 255, 154, .35); }
.newone-card-table--timers .nxh-row.is-live td:first-child::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 7px; border-radius: 50%; background: #7dff9a; vertical-align: middle; animation: nxhPulse 1.6s infinite; }
@keyframes nxhPulse { 0% { box-shadow: 0 0 0 0 rgba(125, 255, 154, .7); } 70% { box-shadow: 0 0 0 6px rgba(125, 255, 154, 0); } 100% { box-shadow: 0 0 0 0 rgba(125, 255, 154, 0); } }

.nxh-tooltip {
  position: fixed; z-index: 9999; top: 0; left: 0; width: 290px; max-width: calc(100vw - 16px);
  padding: 13px 15px 11px; border: 1px solid rgba(160, 90, 255, .55); border-radius: 8px;
  background: linear-gradient(180deg, rgba(26, 12, 44, .98), rgba(10, 6, 18, .98));
  box-shadow: 0 14px 40px rgba(0, 0, 0, .65), 0 0 18px rgba(145, 75, 255, .22);
  color: #efe4ff; font: 12px/1.45 "Open Sans", Arial, sans-serif;
  pointer-events: none; opacity: 0; transform: translateY(4px); transition: opacity .14s ease, transform .14s ease;
}
.nxh-tooltip.is-visible { opacity: 1; transform: none; }
.nxh-tooltip strong { display: block; margin-bottom: 3px; color: #fff083; font: 800 15px/1.2 "Cinzel", serif; text-shadow: 0 0 10px rgba(255, 216, 74, .25); }
.nxh-tooltip .nxh-tip-meta { display: block; color: #bda9d3; font-size: 11px; }
.nxh-tooltip .nxh-tip-meta i { color: #d7b07a; margin-right: 3px; }
.nxh-tooltip em { display: block; margin: 9px 0 5px; padding-top: 8px; border-top: 1px solid rgba(160, 90, 255, .22); color: #fff35d; font: 800 9.5px/1 "Cinzel", serif; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.nxh-tooltip ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
.nxh-tooltip li { display: flex; align-items: center; gap: 9px; min-height: 28px; }
.nxh-tooltip li img { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; filter: drop-shadow(0 2px 4px #000); }
.nxh-tooltip .nxh-tip-dot { flex: 0 0 28px; text-align: center; color: #b394c7; }
.nxh-tooltip li span { min-width: 0; color: #f6eeff; font-weight: 700; }
.nxh-tooltip li small { display: block; color: #e8c86e; font-size: 10px; font-weight: 600; }
.nxh-tooltip .nxh-tip-coins { display: block; margin-top: 7px; color: #9ff0bf; font-size: 11px; font-weight: 700; }
.nxh-tooltip .nxh-tip-more { display: block; margin-top: 9px; color: #a88cc4; font-size: 10px; text-align: right; }
@media (prefers-reduced-motion: reduce) { .newone-card-table--timers .nxh-row.is-live td:first-child::after { animation: none; } .nxh-tooltip { transition: none; } }

/* Server Info card: 9 rows (with Exp / Drop Rate) in the same height as the other cards. */
.newone-live-card--info .newone-card-table tbody td { height: 46px !important; }
.newone-live-card--info .newone-card-table td small { margin-left: 6px; color: #c9b3e6; font-size: 9px; font-weight: 700; }

/* Fill the Ranking (10 rows) and Event Timers (8 rows) cards to the bottom, like Server Info. */
.newone-live-card--ranking .newone-card-table--ranking tbody td { height: 41.5px !important; }
.newone-live-card--event .newone-card-table--timers tbody td { height: 51.9px !important; }

/* Podium (top 3): readable name, class and a GR/Resets pill that sits above the bottom gem.
   Positions are % of the card so they also hold on the small (vw-sized) mobile podium. */
.newone-podium-content > strong { top: 57.5% !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff !important; text-shadow: 0 1px 0 #000, 0 0 4px #000, 0 0 12px rgba(176, 78, 255, .75) !important; }
.newone-podium-content > span { top: 67% !important; white-space: nowrap; color: #dcbfff !important; text-shadow: 0 1px 2px #000, 0 0 6px #000; }
.newone-podium-content > small {
  top: 76% !important; width: auto !important; align-items: center !important; border: 1px solid rgba(255, 216, 74, .5) !important; border-radius: 999px;
  background: rgba(14, 6, 24, .88); box-shadow: 0 0 10px rgba(255, 216, 74, .18), inset 0 0 8px rgba(176, 78, 255, .25); color: #e9dcff !important; text-transform: uppercase;
}
.newone-podium-card--rank1 .newone-podium-content > strong { top: 57.2% !important; }
.newone-podium-card--rank1 .newone-podium-content > span { top: 66.8% !important; }
.newone-podium-card--rank1 .newone-podium-content > small { top: 75.3% !important; }
@media (min-width: 761px) {
  .newone-podium-content > strong { font: 700 14px/1.15 "Cinzel", serif !important; letter-spacing: .03em !important; }
  .newone-podium-card--rank1 .newone-podium-content > strong { font-size: 17px !important; }
  .newone-podium-content > span { gap: 5px !important; font-size: 9px !important; letter-spacing: .12em !important; }
  .newone-podium-card--rank1 .newone-podium-content > span { font-size: 9.5px !important; }
  .newone-podium-content > span img { width: 14px !important; height: 14px !important; }
  .newone-podium-content > small { min-width: 64px; gap: 6px !important; padding: 3px 12px 2px !important; font: 800 9px/1 "Open Sans", Arial, sans-serif !important; letter-spacing: .14em; }
  .newone-podium-content > small em { font: 700 14px/1 "Cinzel", serif !important; letter-spacing: 0; }
}
@media (max-width: 760px) {
  .newone-podium-content > strong, .newone-podium-content > span { width: calc(100% - 4px) !important; }
}

/* Global Quest with no active quest: hourglass instead of 0%, a hint instead of 0 / 0 kills, no effect on the bar. */
.nxgoal-mini.is-waiting .nxgoal-pct { font-size: 12px !important; color: #f0d083; letter-spacing: 0; animation: nxhHourglass 2.4s ease-in-out infinite; }
.nxgoal-mini.is-waiting .nxgoal-barlabel { color: #f0d083; letter-spacing: .6px; }
@keyframes nxhHourglass { 0%, 40% { transform: translate(-50%, -50%) rotate(0); } 50%, 90% { transform: translate(-50%, -50%) rotate(180deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }

/* Podium: soft pulsing halo behind each card — gold for #1, silver for #2, bronze for #3. */
.newone-podium-card::before {
  content: ""; position: absolute; z-index: -1; left: -14%; right: -14%; top: 4%; bottom: 0; border-radius: 50%;
  background: radial-gradient(ellipse at 50% 45%, var(--nxh-halo), transparent 68%); filter: blur(12px); pointer-events: none;
  animation: nxhHalo 3.6s ease-in-out infinite;
}
.newone-podium-card--rank1::before { --nxh-halo: rgba(255, 208, 90, .55); }
.newone-podium-card--rank2::before { --nxh-halo: rgba(215, 228, 245, .38); animation-delay: -1.2s; }
.newone-podium-card--rank3::before { --nxh-halo: rgba(222, 136, 64, .40); animation-delay: -2.4s; }
@keyframes nxhHalo { 0%, 100% { opacity: .55; transform: scale(.96); } 50% { opacity: 1; transform: scale(1.04); } }
@media (prefers-reduced-motion: reduce) {
  .newone-podium-card::before, .nxgoal-mini.is-waiting .nxgoal-pct { animation: none; }
}

/* Hero call-to-action: Download + Register under the tagline. */
.nxh-cta { position: relative; z-index: 12; display: flex; justify-content: center; gap: 12px; margin: 10px 0 0; pointer-events: auto !important; }
.nxh-cta-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 140px; height: 36px; padding: 0 20px;
  border: 1px solid rgba(190, 120, 255, .65); border-radius: 4px; background: linear-gradient(180deg, rgba(58, 22, 92, .92), rgba(24, 8, 42, .95));
  box-shadow: 0 0 16px rgba(150, 70, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
  color: #f3e7ff !important; font: 800 12px/1 "Cinzel", serif; letter-spacing: .12em; text-transform: uppercase; text-decoration: none !important;
  pointer-events: auto !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.nxh-cta-btn i { font-size: 14px; }
.nxh-cta-btn.is-primary {
  border-color: #f1c96b; background: linear-gradient(180deg, #f6d98a 0%, #d9a24a 55%, #a86f27 100%);
  box-shadow: 0 0 20px rgba(241, 201, 107, .35), inset 0 1px 0 rgba(255, 255, 255, .45); color: #2a1405 !important; text-shadow: 0 1px 0 rgba(255, 240, 200, .5);
}
.nxh-cta-btn:hover, .nxh-cta-btn:focus-visible { transform: translateY(-2px); border-color: #fff0bf; box-shadow: 0 0 26px rgba(190, 120, 255, .45); outline: none; }
.nxh-cta-btn.is-primary:hover, .nxh-cta-btn.is-primary:focus-visible { box-shadow: 0 0 30px rgba(241, 201, 107, .55), inset 0 1px 0 rgba(255, 255, 255, .45); }
@media (min-width: 761px) {
  .newone-hero .newone-podium { margin-top: 22px !important; }
  .newone-hero .nxgoal-mini { top: calc(65.6% + 10px) !important; }
}

/* Phone hero: one column — title, buttons, a full-width podium, then Global Quest (the character art is hidden). */
@media (max-width: 760px) {
  .newone-hero { flex-direction: column !important; align-items: stretch !important; padding: 18px 0 22px !important; min-height: 0 !important; overflow: visible !important; }
  .newone-character { display: none !important; }
  .newone-hero-center { flex: none !important; width: 100% !important; padding-top: 0 !important; overflow: visible !important; }
  .newone-season { font-size: 10px !important; letter-spacing: .3em !important; margin-bottom: 6px !important; }
  .newone-hero h1 { font-size: clamp(38px, 12vw, 52px) !important; margin: 0 0 6px !important; }
  .newone-rotator { font-size: 12px !important; }
  .nxh-cta { gap: 10px; margin-top: 14px; }
  .nxh-cta-btn { min-width: 0; flex: 1 1 0; max-width: 170px; height: 40px; padding: 0 12px; font-size: 11px; }
  .newone-podium { gap: 2vw !important; margin-top: 26px !important; }
  .newone-podium-card--rank1 { width: 32vw !important; height: 51.2vw !important; }
  .newone-podium-card--rank2, .newone-podium-card--rank3 { width: 27vw !important; height: 42.9vw !important; }
  .newone-podium-card--rank1 .newone-podium-content { padding: 13vw 1.5vw 5vw !important; }
  .newone-podium-card--rank2 .newone-podium-content, .newone-podium-card--rank3 .newone-podium-content { padding: 11vw 1.5vw 4vw !important; }
  .newone-podium-avatar { width: 10.5vw !important; height: 10.5vw !important; }
  .newone-podium-card--rank1 .newone-podium-avatar { width: 13vw !important; height: 13vw !important; }
  .newone-podium-content > strong { font-size: 2.9vw !important; letter-spacing: .02em !important; }
  .newone-podium-card--rank1 .newone-podium-content > strong { font-size: 3.4vw !important; }
  .newone-podium-content > span { font-size: 1.9vw !important; letter-spacing: .06em !important; gap: 1vw !important; }
  .newone-podium-content > span img { width: 2.8vw !important; height: 2.8vw !important; }
  .newone-podium-content > small { font-size: 1.8vw !important; gap: 1vw !important; padding: .5vw 2.2vw !important; }
  .newone-podium-content > small em { font-size: 3vw !important; }
  .newone-hero .nxgoal-mini { position: relative !important; left: auto !important; top: auto !important; width: min(360px, 92%) !important; margin: -30vw auto -58vw !important; }
}

/* Tablet hero (761–1180px): same single centred column as on phones, desktop-sized podium. */
@media (min-width: 761px) and (max-width: 1180px) {
  body.noxus-exact-home header { height: auto !important; min-height: 0 !important; }
  .newone-hero { display: flex !important; flex-direction: column !important; align-items: center !important; min-height: 0 !important; padding: 20px 0 24px !important; overflow: visible !important; }
  .newone-character, .newone-hero-center::before, .newone-hero-center::after { display: none !important; }
  .newone-hero-center { width: 100% !important; max-width: 720px !important; margin: 0 auto !important; padding-top: 0 !important; overflow: visible !important; transform: none !important; text-align: center !important; }
  .newone-hero .newone-podium { width: 560px !important; margin: 30px auto 0 !important; transform: none !important; }
  .newone-hero .nxgoal-mini { position: relative !important; left: auto !important; top: auto !important; width: 360px !important; margin: -112px auto -217px !important; }
}

/* Castle Siege countdown: digits over readable labels (the old inline-block turned them into "00…"). */
.newone-server-siege b { display: grid !important; justify-items: center; gap: 2px !important; }
.newone-server-siege b i { font-style: normal; font-variant-numeric: tabular-nums; }
.newone-server-siege small { font-size: 5.5px !important; letter-spacing: .1em; color: rgba(226, 215, 244, .72) !important; }
.newone-server-siege > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newone-server-siege.is-live b { color: #7dff9a; }
.newone-server-siege.is-live > span { color: #7dff9a; }