@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
  --c-primary: #4A007E;
  --c-secondary: #37005A;
  --c-accent: #32F476;
  --c-bg: #2A003E;
  --c-surface: #320048;
  --c-text: #FFFFFF;
  --c-text-muted: #BBBBBB;
  --c-btn: #32F476;
  --c-btn-text: #000000;
  --c-border: #2D003F;
  --c-grad-start: #4A007E;
  --c-grad-end: #2A003E;
  --c-logo-text: #ffffff;
}
.uf-logo-text {
  font-size: 30px !important; font-family: 'Chakra Petch', sans-serif !important; font-style: italic !important;
  background: linear-gradient(89deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #c77dff, #ff6b6b);
  background-size: 300% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: uf-logo-shine 4.013s linear infinite;
  filter: drop-shadow(0 0 6px rgba(255,107,107,0.488));
  font-weight: 800 !important;
  letter-spacing: 0.01em;
}
[class*="_logo"] { font-family: 'Chakra Petch', sans-serif !important; font-style: italic !important; }
@keyframes uf-logo-shine {
  0%   { background-position: 0% center; }
  100% { background-position: 300% center; }
}


/* ─── Logo Icon ─── */
.uf-logo-icon {
  border-radius: 50% !important;
  font-size: 22px !important;
  font-family: 'Chakra Petch', sans-serif !important; font-style: italic !important;
  background: linear-gradient(93deg, #ff6b6b, #ffd93d, #6bcb77, #4d96ff, #c77dff, #ff6b6b) !important;
  background-size: 300% auto !important;
  animation: uf-logo-shine 4.007s linear infinite !important;
  color: #0a0a0a !important;
  text-shadow: none !important;
}

.co19-strip-text { font-size: 0.8rem; font-weight: 500; letter-spacing: 0.01em; }
  .co19-strip-actions { display: flex; align-items: center; gap: 8px; }
  .co19-strip-btn { font-size: 0.765rem; padding: 4px 14px; border-radius: 4px; font-weight: 600; cursor: pointer; border: none; line-height: 1; }
  .co19-login-btn { background: transparent; color: var(--c-text); border: 1px solid color-mix(in srgb, var(--c-text) 25%, transparent); }
  .co19-login-btn:hover { border-color: color-mix(in srgb, var(--c-text) 50%, transparent); }
  .co19-register-btn { background: var(--c-accent); color: var(--c-bg); }
  .co19-register-btn:hover { opacity: 0.9; }
  @media (max-width: 768px) {
    .co19-nav-area { display: none; }
    .co19-mobile-toggle { display: flex !important; }
    .co19-cta-desktop { display: none; }
    .co19-strip-actions { display: none; }
  }
  .co19-mobile-toggle { display: none; }
  .co19-sticky-root { position: sticky; top: 0; z-index: 100; }
  .co19-header-rel { position: relative; }
  .co19-mnav { flex-direction: column; align-items: flex-start; padding: 12px 0; }
  .co19-mrow { padding: 12px 0; border-top: 1px solid var(--c-border); display: flex; gap: 8px; }
  .co19-mbtn { flex: 1; justify-content: center; }

.xz36-card { border-radius: 19px; background: var(--c-surface); border: 1px solid var(--c-border); overflow: hidden; }
  .xz36-hero { background: linear-gradient(138deg, color-mix(in srgb, var(--c-accent) 20%, #0a0a1a), #0a0a1a); padding: 27px; position: relative; overflow: hidden; }
  .xz36-hero::before { content: ''; position: absolute; width: 197px; height: 199px; border-radius: 50%; background: color-mix(in srgb, var(--c-accent) 8%, transparent); top: -61px; right: -59px; pointer-events: none; }
  .xz36-trophy { font-size: 2.483rem; margin-bottom: 10px; display: block; }
  .xz36-tournament-name { font-size: 1.375rem; font-weight: 900; color: #fff; margin-bottom: 4px; }
  .xz36-pool-label { font-size: 0.683rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.101em; color: rgba(255,255,255,0.476); margin-bottom: 4px; }
  .xz36-pool-amount { font-size: 2.791rem; font-weight: 900; line-height: 1; color: var(--c-accent); margin-bottom: 16px; }
  .xz36-meta-row { display: flex; gap: 19px; flex-wrap: wrap; }
  .xz36-meta-item { }
  .xz36-meta-label { font-size: 0.613rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.078em; color: rgba(255,255,255,0.36); }
  .xz36-meta-val { font-size: 0.88rem; font-weight: 700; color: rgba(255,255,255,0.855); }
  .xz36-body { padding: 22px; }
  .xz36-section-title { font-size: 0.716rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.103em; color: var(--c-text-muted); margin-bottom: 12px; }
  .xz36-leaderboard { display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; }
  .xz36-lb-row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: var(--c-bg); border: 1px solid var(--c-border); }
  .xz36-lb-row-1 { background: color-mix(in srgb, #ffd700 8%, var(--c-bg)); border-color: rgba(255,215,0,0.332); }
  .xz36-lb-row-2 { background: color-mix(in srgb, #c0c0c0 8%, var(--c-bg)); border-color: rgba(192,192,192,0.263); }
  .xz36-lb-row-3 { background: color-mix(in srgb, #cd7f32 8%, var(--c-bg)); border-color: rgba(205,127,50,0.327); }
  .xz36-lb-pos { width: 27px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.784rem; font-weight: 800; flex-shrink: 0; }
  .xz36-pos-1 { background: #ffd700; color: #000; }
  .xz36-pos-2 { background: #c0c0c0; color: #000; }
  .xz36-pos-3 { background: #cd7f32; color: #000; }
  .xz36-pos-n { background: var(--c-surface); color: var(--c-text-muted); border: 1px solid var(--c-border); }
  .xz36-lb-name { flex: 1; font-size: 0.868rem; font-weight: 600; }
  .xz36-lb-prize { font-size: 0.92rem; font-weight: 800; color: var(--c-accent); }
  .xz36-entry-box { background: color-mix(in srgb, var(--c-accent) 8%, var(--c-bg)); border: 1px solid color-mix(in srgb, var(--c-accent) 25%, var(--c-border)); border-radius: 14px; padding: 18px; margin-bottom: 18px; }
  .xz36-entry-title { font-size: 0.787rem; font-weight: 700; margin-bottom: 8px; }
  .xz36-entry-items { display: flex; gap: 10px; flex-wrap: wrap; }
  .xz36-entry-item { background: var(--c-surface); border-radius: 8px; padding: 8px 14px; font-size: 0.778rem; font-weight: 600; border: 1px solid var(--c-border); }
  .xz36-countdown-label { font-size: 0.701rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.098em; color: var(--c-text-muted); margin-bottom: 8px; }
  .xz36-countdown { display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
  .xz36-cd-box { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: 8px; padding: 8px 14px; text-align: center; min-width: 57px; }
  .xz36-cd-num { font-size: 1.27rem; font-weight: 900; color: var(--c-accent); line-height: 1; }
  .xz36-cd-label { font-size: 0.562rem; text-transform: uppercase; letter-spacing: 0.078em; color: var(--c-text-muted); margin-top: 2px; }
  .xz36-sep { font-size: 1.27rem; font-weight: 900; color: var(--c-accent); align-self: center; }
  .xz36-tc { font-size: 0.662rem; color: var(--c-text-muted); margin-top: 10px; }

.na12-card { border-radius: 18px; background: var(--c-surface); border: 1px solid var(--c-border); overflow: hidden; }
  .na12-top { padding: 28px 29px 20px; }
  .na12-title-row { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; }
  .na12-pts-display { text-align: right; }
  .na12-pts-label { font-size: 0.657rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.101em; color: var(--c-text-muted); }
  .na12-pts-val { font-size: 1.958rem; font-weight: 900; color: var(--c-accent); }
  .na12-pts-sub { font-size: 0.683rem; color: var(--c-text-muted); }
  .na12-tiers { display: flex; gap: 6px; margin-bottom: 18px; flex-wrap: wrap; }
  .na12-tier { padding: 5px 14px; border-radius: 983px; font-size: 0.714rem; font-weight: 700; border: 1px solid; }
  .na12-t-bronze { background: rgba(205,127,50,0.054); border-color: rgba(205,127,50,0.433); color: #cd7f32; }
  .na12-t-silver { background: rgba(192,192,192,0.112); border-color: rgba(192,192,192,0.413); color: #c0c0c0; }
  .na12-t-gold { background: rgba(255,215,0,0.121); border-color: rgba(255,215,0,0.436); color: #ffd700; }
  .na12-t-platinum { background: rgba(98,126,234,0.099); border-color: rgba(98,126,234,0.419); color: #627eea; }
  .na12-t-diamond { background: color-mix(in srgb, var(--c-accent) 12%, transparent); border-color: color-mix(in srgb, var(--c-accent) 40%, transparent); color: var(--c-accent); }
  .na12-progress-section { margin-bottom: 20px; }
  .na12-progress-header { display: flex; justify-content: space-between; font-size: 0.781rem; margin-bottom: 8px; }
  .na12-progress-label { color: var(--c-text-muted); }
  .na12-progress-cur { font-weight: 700; color: var(--c-accent); }
  .na12-bar { background: var(--c-bg); border-radius: 1008px; height: 10px; overflow: hidden; border: 1px solid var(--c-border); }
  .na12-bar-fill { height: 100%; background: linear-gradient(89deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 60%, #fff)); border-radius: 1028px; width: 62%; position: relative; }
  .na12-tier-markers { display: flex; justify-content: space-between; margin-top: 5px; }
  .na12-tier-marker { font-size: 0.6rem; color: var(--c-text-muted); }
  .na12-divider { height: 1px; background: var(--c-border); margin: 0 29px; }
  .na12-rewards { padding: 21px 28px 24px; }
  .na12-rewards-title { font-size: 0.721rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.103em; color: var(--c-text-muted); margin-bottom: 14px; }
  .na12-reward-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 19px; }
  .na12-reward-item { background: var(--c-bg); border-radius: 10px; padding: 12px 10px; text-align: center; border: 1px solid var(--c-border); }
  .na12-reward-icon { font-size: 1.436rem; margin-bottom: 4px; }
  .na12-reward-val { font-size: 0.881rem; font-weight: 800; }
  .na12-reward-lbl { font-size: 0.606rem; color: var(--c-text-muted); text-transform: uppercase; letter-spacing: 0.062em; margin-top: 2px; }
  .na12-rakeback-row { display: flex; align-items: center; justify-content: space-between; background: color-mix(in srgb, var(--c-accent) 8%, var(--c-bg)); border-radius: 12px; padding: 16px 20px; margin-bottom: 16px; }
  .na12-rakeback-info { }
  .na12-rakeback-pct { font-size: 1.97rem; font-weight: 900; color: var(--c-accent); line-height: 1; }
  .na12-rakeback-label { font-size: 0.753rem; color: var(--c-text-muted); }
  .na12-tc { font-size: 0.686rem; color: var(--c-text-muted); }
  @media (max-width: 500px) { .na12-reward-grid { grid-template-columns: 1fr 1fr; } }

.ft12_footer { background: var(--c-primary); border-top: 1px solid var(--c-border); }
.ft12_top { display: flex; align-items: center; gap: 2.059rem; padding: 1.007rem 0; flex-wrap: wrap; }
.ft12_logo { font-size: 1.094rem; font-weight: 800; color: var(--c-accent); letter-spacing: -0.5px; white-space: nowrap; text-decoration: none; }
.ft12_nav { display: flex; align-items: center; gap: 0; flex-wrap: wrap; flex: 1; }
.ft12_nav a { color: var(--c-text-muted); font-size: 0.801rem; text-decoration: none; padding: 0.257rem 0.767rem; border-right: 1px solid var(--c-border); transition: color 0.197s; white-space: nowrap; }
.ft12_nav a:first-child { padding-left: 0; }
.ft12_nav a:last-child { border-right: none; }
.ft12_nav a:hover { color: var(--c-accent); }
.ft12_badge_row { display: flex; gap: 0.4rem; align-items: center; margin-left: auto; }
.ft12_bottom { border-top: 1px solid var(--c-border); padding: 0.616rem 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.491rem; }
.ft12_legal { color: var(--c-text-muted); font-size: 0.688rem; }
.ft12_rg { color: var(--c-text-muted); font-size: 0.66rem; }
.ft12_rg a { color: var(--c-accent); text-decoration: none; }
@media (max-width: 640px) {
  .ft12_top { flex-direction: column; align-items: flex-start; gap: 0.762rem; }
  .ft12_badge_row { margin-left: 0; }
  .ft12_bottom { flex-direction: column; align-items: flex-start; }
}