/* rules */

.section.rules-header{
  --site-page-hero-accent-rgb:34,197,94;
  --site-page-hero-secondary-rgb:168,85,247;
  margin:0 0 22px;
}

.section.rules-header .site-page-hero-description{
  color:#b9c9c0;
}

@media (max-width:560px){
  .section.rules-header .site-page-hero-copy{
    padding-right:64px;
  }
}

.rules-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:16px !important;
}

.rule-card{
  padding:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.014) 22%, rgba(255,255,255,.01) 100%);
  border:1px solid var(--line);
  border-color:rgba(255,255,255,.11);
  border-radius:18px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.rule-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 26px rgba(0,0,0,.22);
}

.rules-grid .rule-card{
  position:relative;
  overflow:hidden;
}

.rules-grid .rule-card::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  opacity:.95;
}

.rules-grid .rule-card:nth-child(1){
  border-color:rgba(59,130,246,.18);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.16), transparent 34%),
    linear-gradient(180deg, rgba(59,130,246,.09), rgba(59,130,246,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(59,130,246,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(59,130,246,.08);
}

.rules-grid .rule-card:nth-child(1)::before{
  background:linear-gradient(90deg, rgba(59,130,246,.95), rgba(59,130,246,.15));
  box-shadow:0 0 10px rgba(59,130,246,.16);
}

.rules-grid .rule-card:nth-child(1):hover{
  border-color:rgba(59,130,246,.32);
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(59,130,246,.12);
}

.rules-grid .rule-card:nth-child(2){
  border-color:rgba(34,197,94,.18);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.15), transparent 34%),
    linear-gradient(180deg, rgba(34,197,94,.08), rgba(34,197,94,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(34,197,94,.08);
}

.rules-grid .rule-card:nth-child(2)::before{
  background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(34,197,94,.15));
  box-shadow:0 0 10px rgba(34,197,94,.16);
}

.rules-grid .rule-card:nth-child(2):hover{
  border-color:rgba(34,197,94,.30);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(34,197,94,.12);
}

.rules-grid .rule-card:nth-child(3){
  border-color:rgba(168,85,247,.18);
  background:
    radial-gradient(circle at top right, rgba(168,85,247,.16), transparent 34%),
    linear-gradient(180deg, rgba(168,85,247,.08), rgba(168,85,247,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(168,85,247,.08);
}

.rules-grid .rule-card:nth-child(3)::before{
  background:linear-gradient(90deg, rgba(168,85,247,.95), rgba(168,85,247,.15));
  box-shadow:0 0 10px rgba(168,85,247,.16);
}

.rules-grid .rule-card:nth-child(3):hover{
  border-color:rgba(168,85,247,.30);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(168,85,247,.12);
}

.rules-grid .rule-card:nth-child(4){
  border-color:rgba(239,68,68,.18);
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.15), transparent 34%),
    linear-gradient(180deg, rgba(239,68,68,.08), rgba(239,68,68,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(239,68,68,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(239,68,68,.08);
}

.rules-grid .rule-card:nth-child(4)::before{
  background:linear-gradient(90deg, rgba(239,68,68,.95), rgba(239,68,68,.15));
  box-shadow:0 0 10px rgba(239,68,68,.16);
}

.rules-grid .rule-card:nth-child(4):hover{
  border-color:rgba(239,68,68,.30);
  box-shadow:
    0 0 0 1px rgba(239,68,68,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(239,68,68,.12);
}

.rule-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

.dealer-button-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#ffffff;
  border:2px solid rgba(255,255,255,.24);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
  font-weight:900;
  box-shadow:0 8px 16px rgba(0,0,0,.24);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.rules-grid .rule-card:nth-child(1) .dealer-button-icon{
  border-color:rgba(59,130,246,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(59,130,246,.14);
}

.rules-grid .rule-card:nth-child(2) .dealer-button-icon{
  border-color:rgba(34,197,94,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(34,197,94,.14);
}

.rules-grid .rule-card:nth-child(3) .dealer-button-icon{
  border-color:rgba(168,85,247,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(168,85,247,.14);
}

.rules-grid .rule-card:nth-child(4) .dealer-button-icon{
  border-color:rgba(239,68,68,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(239,68,68,.14);
}

.rule-card:hover .dealer-button-icon{
  transform:translateY(-1px);
}

.rule-card-title-wrap h3{
  margin:0;
  transition:color .18s ease, text-shadow .18s ease;
}

.rules-grid .rule-card:nth-child(1) .rule-card-title-wrap h3{
  color:#bfdbfe;
  text-shadow:0 0 10px rgba(59,130,246,.12);
}

.rules-grid .rule-card:nth-child(2) .rule-card-title-wrap h3{
  color:#bbf7d0;
  text-shadow:0 0 10px rgba(34,197,94,.12);
}

.rules-grid .rule-card:nth-child(3) .rule-card-title-wrap h3{
  color:#e9d5ff;
  text-shadow:0 0 10px rgba(168,85,247,.12);
}

.rules-grid .rule-card:nth-child(4) .rule-card-title-wrap h3{
  color:#fecaca;
  text-shadow:0 0 10px rgba(239,68,68,.12);
}

.rule-card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

.rules-table-bg .rules-format .timer-rail{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:14px 0 18px;
  padding:0 18px;
}

.timer-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.04);
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,255,255,.04);
  line-height:1;
}

.timer-rail .timer-pill:nth-child(1){
  border-color:rgba(59,130,246,.34);
  background:
    linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(59,130,246,.10),
    0 0 16px rgba(59,130,246,.10);
}

.timer-rail .timer-pill:nth-child(1) strong{
  color:#93c5fd;
}

.timer-rail .timer-pill:nth-child(2){
  border-color:rgba(255,213,108,.36);
  background:
    linear-gradient(180deg, rgba(255,213,108,.18), rgba(255,213,108,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,213,108,.10),
    0 0 16px rgba(255,213,108,.10);
}

.timer-rail .timer-pill:nth-child(2) strong{
  color:#ffe29a;
}

.timer-rail .timer-pill:nth-child(3){
  border-color:rgba(168,85,247,.34);
  background:
    linear-gradient(180deg, rgba(168,85,247,.18), rgba(168,85,247,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(168,85,247,.10),
    0 0 16px rgba(168,85,247,.10);
}

.timer-rail .timer-pill:nth-child(3) strong{
  color:#d8b4fe;
}

.timer-rail .timer-pill:nth-child(4){
  border-color:rgba(34,197,94,.34);
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(34,197,94,.10),
    0 0 16px rgba(34,197,94,.10);
}

.timer-rail .timer-pill:nth-child(4) strong{
  color:#86efac;
}

.timer-pill:hover{
  transform:translateY(-1px);
  box-shadow:
    0 8px 18px rgba(0,0,0,.22);
}

.rules-chip-panel{
  padding:16px;
  margin:14px 0 18px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.rules-chip-grid{
  display:grid !important;
  grid-template-columns:repeat(7, minmax(0,1fr)) !important;
  gap:14px !important;
}

.rules-chip-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:14px 10px;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015) 28%, rgba(255,255,255,.02) 100%);
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04),
    0 8px 20px rgba(0,0,0,.16);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.rules-chip-card.chip-25{
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-100{
  background:
    linear-gradient(180deg, rgba(148,163,184,.18), rgba(148,163,184,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-500{
  background:
    linear-gradient(180deg, rgba(168,85,247,.18), rgba(168,85,247,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-1000{
  background:
    linear-gradient(180deg, rgba(250,204,21,.18), rgba(250,204,21,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-5000{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-10000{
  background:
    linear-gradient(180deg, rgba(249,115,22,.18), rgba(249,115,22,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-25000{
  background:
    linear-gradient(180deg, rgba(239,68,68,.18), rgba(239,68,68,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-100000{
  background:
    linear-gradient(180deg, rgba(244,114,182,.18), rgba(244,114,182,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-250000{
  background:
    linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card:hover{
  transform:translateY(-2px);
  box-shadow:
    0 10px 24px rgba(0,0,0,.20);
}

.rules-chip-image{
  width:76px;
  height:76px;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));
  transition:filter .18s ease, transform .18s ease;
}

.rules-chip-card:hover .rules-chip-image{
  transform:translateY(-1px) scale(1.03);
}

.rules-chip-card.chip-25 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(34,197,94,.20)); }
.rules-chip-card.chip-100 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(148,163,184,.16)); }
.rules-chip-card.chip-500 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(168,85,247,.20)); }
.rules-chip-card.chip-1000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(250,204,21,.20)); }
.rules-chip-card.chip-5000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(255,255,255,.18)); }
.rules-chip-card.chip-10000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(249,115,22,.20)); }
.rules-chip-card.chip-25000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(239,68,68,.20)); }
.rules-chip-card.chip-100000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(244,114,182,.20)); }
.rules-chip-card.chip-250000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(59,130,246,.20)); }

.rules-chip-card.chip-25:hover{
  border-color:rgba(21,128,61,.72);
  box-shadow:
    0 0 0 1px rgba(21,128,61,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(21,128,61,.18);
}

.rules-chip-card.chip-100:hover{
  border-color:rgba(71,85,105,.72);
  box-shadow:
    0 0 0 1px rgba(71,85,105,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(71,85,105,.16);
}

.rules-chip-card.chip-500:hover{
  border-color:rgba(126,34,206,.72);
  box-shadow:
    0 0 0 1px rgba(126,34,206,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(126,34,206,.18);
}

.rules-chip-card.chip-1000:hover{
  border-color:rgba(202,138,4,.76);
  box-shadow:
    0 0 0 1px rgba(202,138,4,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(202,138,4,.18);
}

.rules-chip-card.chip-5000:hover{
  border-color:rgba(203,213,225,.76);
  box-shadow:
    0 0 0 1px rgba(203,213,225,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(203,213,225,.14);
}

.rules-chip-card.chip-10000:hover{
  border-color:rgba(194,65,12,.76);
  box-shadow:
    0 0 0 1px rgba(194,65,12,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(194,65,12,.18);
}

.rules-chip-card.chip-25000:hover{
  border-color:rgba(185,28,28,.76);
  box-shadow:
    0 0 0 1px rgba(185,28,28,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(185,28,28,.18);
}

.rules-chip-card.chip-100000:hover{
  border-color:rgba(190,24,93,.76);
  box-shadow:
    0 0 0 1px rgba(190,24,93,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(190,24,93,.18);
}

.rules-chip-card.chip-250000:hover{
  border-color:rgba(29,78,216,.76);
  box-shadow:
    0 0 0 1px rgba(29,78,216,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(29,78,216,.18);
}

.rules-chip-image.is-missing{
  display:none;
}

.rules-chip-fallback{
  width:76px;
  height:76px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.18);
  display:none;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:800;
  color:#dfe7ef;
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,0)), linear-gradient(135deg,#1b2530 0%,#10161d 100%);
}

.rules-chip-fallback.is-visible{
  display:flex;
}

.rules-chip-label{
  font-weight:800;
  color:#fff;
}

.rules-chip-count{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.35;
  font-weight:400;
}

.rules-chip-card.chip-25 .rules-chip-label,
.rules-chip-card.chip-25 .rules-chip-count{
  color:#86efac;
}

.rules-chip-card.chip-100 .rules-chip-label,
.rules-chip-card.chip-100 .rules-chip-count{
  color:#d1d5db;
}

.rules-chip-card.chip-500 .rules-chip-label,
.rules-chip-card.chip-500 .rules-chip-count{
  color:#d8b4fe;
}

.rules-chip-card.chip-1000 .rules-chip-label,
.rules-chip-card.chip-1000 .rules-chip-count{
  color:#fde68a;
}

.rules-chip-card.chip-5000 .rules-chip-label,
.rules-chip-card.chip-5000 .rules-chip-count{
  color:#ffffff;
}

.rules-chip-card.chip-10000 .rules-chip-label,
.rules-chip-card.chip-10000 .rules-chip-count{
  color:#fdba74;
}

.rules-chip-card.chip-25000 .rules-chip-label,
.rules-chip-card.chip-25000 .rules-chip-count{
  color:#fca5a5;
}

.rules-chip-card.chip-100000 .rules-chip-label,
.rules-chip-card.chip-100000 .rules-chip-count{
  color:#f9a8d4;
}

.rules-chip-card.chip-250000 .rules-chip-label,
.rules-chip-card.chip-250000 .rules-chip-count{
  color:#93c5fd;
}

.blind-sheet{
  padding:16px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.06), rgba(255,184,28,.015) 24%, rgba(255,255,255,.01) 100%);
  border:1px solid var(--line);
  border-color:rgba(255,184,28,.14);
  border-radius:18px;
  box-shadow:
    0 0 0 1px rgba(255,184,28,.06),
    0 10px 24px rgba(0,0,0,.18);
}

.blind-table{
  width:100%;
  min-width:780px;
  border-collapse:collapse;
}

.blind-table th,
.blind-table td{
  padding:12px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  white-space:nowrap;
}

.blind-table th{
  color:#ffe7b0;
  font-weight:800;
  letter-spacing:.03em;
  background:
    linear-gradient(180deg, rgba(255,184,28,.14), rgba(255,184,28,.05)),
    linear-gradient(90deg, rgba(59,130,246,.03), transparent 35%);
  box-shadow:inset 0 -1px 0 rgba(255,184,28,.12);
}

.blind-table td{
  color:#eef3f8;
}

.blind-row-dark{
  background:rgba(255,255,255,.02);
}

.blind-row-light{
  background:rgba(255,184,28,.05);
}

.blind-break td{
  color:#171717;
  font-weight:800;
  background:linear-gradient(180deg, #ffcf5a, #ffb81c);
}

.blind-note{
  margin:12px 0 0;
  color:var(--muted);
  font-size:.92rem;
}