@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.483));
  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; }

.na12-card { border-radius: 19px; background: var(--c-surface); border: 1px solid var(--c-border); overflow: hidden; }
  .na12-hero { background: linear-gradient(138deg, color-mix(in srgb, var(--c-accent) 20%, #0a0a1a), #0a0a1a); padding: 27px; position: relative; overflow: hidden; }
  .na12-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; }
  .na12-trophy { font-size: 2.483rem; margin-bottom: 10px; display: block; }
  .na12-tournament-name { font-size: 1.375rem; font-weight: 900; color: #fff; margin-bottom: 4px; }
  .na12-pool-label { font-size: 0.683rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.101em; color: rgba(255,255,255,0.512); margin-bottom: 4px; }
  .na12-pool-amount { font-size: 2.791rem; font-weight: 900; line-height: 1; color: var(--c-accent); margin-bottom: 16px; }
  .na12-meta-row { display: flex; gap: 19px; flex-wrap: wrap; }
  .na12-meta-item { }
  .na12-meta-label { font-size: 0.613rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.078em; color: rgba(255,255,255,0.413); }
  .na12-meta-val { font-size: 0.88rem; font-weight: 700; color: rgba(255,255,255,0.871); }
  .na12-body { padding: 22px; }
  .na12-section-title { font-size: 0.716rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.103em; color: var(--c-text-muted); margin-bottom: 12px; }
  .na12-leaderboard { display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; }
  .na12-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); }
  .na12-lb-row-1 { background: color-mix(in srgb, #ffd700 8%, var(--c-bg)); border-color: rgba(255,215,0,0.336); }
  .na12-lb-row-2 { background: color-mix(in srgb, #c0c0c0 8%, var(--c-bg)); border-color: rgba(192,192,192,0.279); }
  .na12-lb-row-3 { background: color-mix(in srgb, #cd7f32 8%, var(--c-bg)); border-color: rgba(205,127,50,0.319); }
  .na12-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; }
  .na12-pos-1 { background: #ffd700; color: #000; }
  .na12-pos-2 { background: #c0c0c0; color: #000; }
  .na12-pos-3 { background: #cd7f32; color: #000; }
  .na12-pos-n { background: var(--c-surface); color: var(--c-text-muted); border: 1px solid var(--c-border); }
  .na12-lb-name { flex: 1; font-size: 0.868rem; font-weight: 600; }
  .na12-lb-prize { font-size: 0.92rem; font-weight: 800; color: var(--c-accent); }
  .na12-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; }
  .na12-entry-title { font-size: 0.787rem; font-weight: 700; margin-bottom: 8px; }
  .na12-entry-items { display: flex; gap: 10px; flex-wrap: wrap; }
  .na12-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); }
  .na12-countdown-label { font-size: 0.701rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.098em; color: var(--c-text-muted); margin-bottom: 8px; }
  .na12-countdown { display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
  .na12-cd-box { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: 8px; padding: 8px 14px; text-align: center; min-width: 57px; }
  .na12-cd-num { font-size: 1.27rem; font-weight: 900; color: var(--c-accent); line-height: 1; }
  .na12-cd-label { font-size: 0.562rem; text-transform: uppercase; letter-spacing: 0.078em; color: var(--c-text-muted); margin-top: 2px; }
  .na12-sep { font-size: 1.27rem; font-weight: 900; color: var(--c-accent); align-self: center; }
  .na12-tc { font-size: 0.662rem; color: var(--c-text-muted); margin-top: 10px; }

.xz36-card { border-radius: 20px; background: var(--c-surface); border: 1px solid var(--c-border); overflow: hidden; }
  .xz36-top { background: linear-gradient(157deg, #0a1628 0%, #0f2040 60%, #0a1628 100%); padding: 31px; position: relative; overflow: hidden; }
  .xz36-suits { position: absolute; top: 16px; right: 20px; font-size: 1.82rem; display: flex; gap: 8px; opacity: 0.15; }
  .xz36-suits-bottom { position: absolute; bottom: 12px; left: 16px; font-size: 1.399rem; display: flex; gap: 6px; opacity: 0.1; }
  .xz36-live-pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(239,68,68,0.111); border: 1px solid rgba(239,68,68,0.391); border-radius: 1028px; padding: 4px 12px; font-size: 0.688rem; font-weight: 700; color: #ef4444; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px; }
  .xz36-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #ef4444; animation: xz36-blink 0.99s ease-in-out infinite; flex-shrink: 0; }
  @keyframes xz36-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
  .xz36-headline { color: #fff; margin-bottom: 6px; }
  .xz36-sub { font-size: 0.887rem; color: rgba(255,255,255,0.555); margin-bottom: 18px; }
  .xz36-amount-row { display: flex; align-items: baseline; gap: 10px; }
  .xz36-amount { font-size: 3.081rem; font-weight: 900; line-height: 1; background: linear-gradient(136deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 60%, #fff)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  .xz36-amount-label { font-size: 0.913rem; color: rgba(255,255,255,0.484); }
  .xz36-body { padding: 24px; }
  .xz36-games-title { font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.097em; color: var(--c-text-muted); margin-bottom: 12px; }
  .xz36-games { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 20px; }
  .xz36-game { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: 10px; padding: 10px 8px; text-align: center; }
  .xz36-game-icon { font-size: 1.329rem; margin-bottom: 4px; }
  .xz36-game-name { font-size: 0.656rem; color: var(--c-text-muted); font-weight: 600; }
  .xz36-features { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px; }
  .xz36-feat { background: var(--c-bg); border-radius: 10px; padding: 12px 14px; border: 1px solid var(--c-border); }
  .xz36-feat-val { font-size: 1.006rem; font-weight: 800; }
  .xz36-feat-label { font-size: 0.64rem; color: var(--c-text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px; }
  .xz36-note { font-size: 0.803rem; color: var(--c-text-muted); background: color-mix(in srgb, var(--c-accent) 6%, var(--c-bg)); border-radius: 8px; padding: 10px 14px; margin-bottom: 18px; border-left: 3px solid var(--c-accent); }
  .xz36-tc { font-size: 0.671rem; color: var(--c-text-muted); margin-top: 10px; }
  @media (max-width: 500px) { .xz36-games { grid-template-columns: repeat(2, 1fr); } }

.ft12_footer { background: var(--c-primary); border-top: 1px solid var(--c-border); }
.ft12_top { display: flex; align-items: center; gap: 2.054rem; padding: 0.981rem 0; flex-wrap: wrap; }
.ft12_logo { font-size: 1.113rem; 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.757rem; text-decoration: none; padding: 0.254rem 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.39rem; align-items: center; margin-left: auto; }
.ft12_bottom { border-top: 1px solid var(--c-border); padding: 0.602rem 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.51rem; }
.ft12_legal { color: var(--c-text-muted); font-size: 0.665rem; }
.ft12_rg { color: var(--c-text-muted); font-size: 0.691rem; }
.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.729rem; }
  .ft12_badge_row { margin-left: 0; }
  .ft12_bottom { flex-direction: column; align-items: flex-start; }
}