@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.494));
  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.507); 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.373); }
  .xz36-meta-val { font-size: 0.88rem; font-weight: 700; color: rgba(255,255,255,0.861); }
  .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.275); }
  .xz36-lb-row-2 { background: color-mix(in srgb, #c0c0c0 8%, var(--c-bg)); border-color: rgba(192,192,192,0.307); }
  .xz36-lb-row-3 { background: color-mix(in srgb, #cd7f32 8%, var(--c-bg)); border-color: rgba(205,127,50,0.315); }
  .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-ladder { display: flex; flex-direction: column; gap: 0; }
  .na12-step { display: flex; align-items: stretch; gap: 0; position: relative; }
  .na12-step-num { width: 55px; display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }
  .na12-circle { width: 39px; height: 41px; border-radius: 50%; background: var(--c-accent); color: #fff; font-size: 0.983rem; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; z-index: 1; box-shadow: 0 0 16px color-mix(in srgb, var(--c-accent) 50%, transparent); }
  .na12-line { width: 2px; background: color-mix(in srgb, var(--c-accent) 30%, var(--c-border)); flex: 1; margin: 0 auto; }
  .na12-step:last-child .na12-line { display: none; }
  .na12-content { flex: 1; padding: 0 0 28px 18px; }
  .na12-deposit-label { font-size: 0.723rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--c-accent); margin-bottom: 4px; }
  .na12-amount { font-size: 1.882rem; font-weight: 900; line-height: 1.1; margin-bottom: 4px; }
  .na12-desc { font-size: 0.861rem; color: var(--c-text-muted); margin-bottom: 10px; }
  .na12-pills { display: flex; flex-wrap: wrap; gap: 6px; }
  .na12-pill { font-size: 0.701rem; font-weight: 600; padding: 3px 10px; border-radius: 992px; background: color-mix(in srgb, var(--c-accent) 12%, transparent); color: var(--c-accent); border: 1px solid color-mix(in srgb, var(--c-accent) 30%, transparent); }
  .na12-total-box { background: color-mix(in srgb, var(--c-accent) 8%, var(--c-surface)); border: 1px solid color-mix(in srgb, var(--c-accent) 30%, var(--c-border)); border-radius: 12px; padding: 19px 22px; display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
  .na12-total-label { font-size: 0.891rem; color: var(--c-text-muted); }
  .na12-total-val { font-size: 1.797rem; font-weight: 900; }
  .na12-tc { font-size: 0.686rem; color: var(--c-text-muted); margin-top: 16px; }
  .na12-s1 { font-size: 1.001rem; font-weight: 600; }

.ft12_footer { background: var(--c-primary); border-top: 1px solid var(--c-border); }
.ft12_top { display: flex; align-items: center; gap: 2.056rem; padding: 0.971rem 0; flex-wrap: wrap; }
.ft12_logo { font-size: 1.1rem; 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.759rem; text-decoration: none; padding: 0.251rem 0.751rem; border-right: 1px solid var(--c-border); transition: color 0.206s; 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.41rem; align-items: center; margin-left: auto; }
.ft12_bottom { border-top: 1px solid var(--c-border); padding: 0.613rem 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.503rem; }
.ft12_legal { color: var(--c-text-muted); font-size: 0.686rem; }
.ft12_rg { color: var(--c-text-muted); font-size: 0.7rem; }
.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.742rem; }
  .ft12_badge_row { margin-left: 0; }
  .ft12_bottom { flex-direction: column; align-items: flex-start; }
}