/* page-drops-fairness.css — unique styles for /drops/fairness
   Global CS2FFA look comes from shared.css + styles.css + header.css. */

.fairness-section{padding-top:18px}

.fairness-section-heading{margin-bottom:18px;max-width:920px}
.fairness-section-heading .sec-title{margin-bottom:10px}
.fairness-section-heading p{color:var(--muted);font-size:13px;line-height:1.75}
.fairness-kicker{display:block;color:var(--orange);font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}

.fairness-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fairness-stat-card{display:flex;flex-direction:column;min-height:150px;justify-content:center;padding:22px}
.fairness-stat-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.fairness-stat-value{font-family:var(--display);font-size:clamp(25px,3vw,36px);line-height:1.1;color:#fff;margin:10px 0 6px;letter-spacing:.03em}
.fairness-stat-meta{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.04em}

.fairness-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fairness-process-card{padding:22px;min-height:210px}
.fairness-step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin-bottom:16px;background:rgba(255,122,26,.11);border:1px solid rgba(255,122,26,.30);color:var(--orange);font-family:var(--display);font-size:11px;font-weight:700;box-shadow:0 0 14px rgba(255,122,26,.08)}
.fairness-process-card h3,.fairness-highlight h3,.fairness-scaling-copy h3,.fairness-list-card h3{font-family:var(--display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:9px}
.fairness-process-card p,.fairness-highlight p,.fairness-scaling-copy p,.fairness-public-card p,.fairness-security-card p{color:var(--muted);font-size:13px;line-height:1.7}

.fairness-formula{margin-top:14px;padding:11px 13px;border:1px solid rgba(255,122,26,.24);border-radius:7px;background:rgba(255,122,26,.045);color:#fff;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.55}
.fairness-formula-wide{text-align:center;margin-top:14px}

.fairness-table-panel{padding:0}
.fairness-table-wrap{overflow-x:auto}
.fairness-table{width:100%;border-collapse:collapse;min-width:520px}
.fairness-table th,.fairness-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--border);font-size:12px}
.fairness-table th{color:var(--muted2);font-family:var(--display);font-size:10px;letter-spacing:.10em;text-transform:uppercase;background:rgba(255,255,255,.012)}
.fairness-table tbody tr:last-child td{border-bottom:0}
.fairness-table tbody tr{transition:background .18s ease}
.fairness-table tbody tr:hover{background:rgba(255,255,255,.018)}
.fairness-table td:first-child{color:#fff;font-weight:700}
.fairness-tier{font-family:var(--display);font-weight:700;letter-spacing:.04em}
.fairness-tier-common{color:#cbd5e1}
.fairness-tier-rare{color:#60a5fa}
.fairness-tier-jackpot,.fairness-jackpot{color:var(--orange);text-shadow:0 0 12px rgba(255,122,26,.25)}
.fairness-loading{color:var(--muted)!important;text-align:center!important}

.fairness-highlight{display:flex;align-items:flex-start;gap:16px;padding:22px;border-color:rgba(255,122,26,.30);background:linear-gradient(120deg,rgba(255,122,26,.07),rgba(161,92,255,.04))}
.fairness-highlight-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--orange),#e85d00);color:#fff;font-family:var(--display);font-size:20px;font-weight:800;box-shadow:0 0 18px rgba(255,122,26,.22)}
.fairness-highlight strong{color:#fff}

.fairness-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.fairness-example-card{display:flex;flex-direction:column;justify-content:center;min-height:112px;padding:17px}
.fairness-example-card span{color:var(--muted2);font-size:10px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
.fairness-example-card strong{font-family:var(--display);color:#fff;font-size:17px;letter-spacing:.04em;margin-top:8px}
.fairness-example-card strong.fairness-jackpot{color:var(--orange)}

.fairness-scaling-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:14px}
.fairness-scaling-copy{padding:22px}
.fairness-scaling-copy p+p{margin-top:10px}
.fairness-scaling-copy strong{color:#fff}
.fairness-notice{margin-top:16px;padding:12px 14px;border-left:3px solid var(--orange);background:rgba(255,122,26,.055);border-radius:0 7px 7px 0;color:var(--muted);font-size:12px;line-height:1.6}

.fairness-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fairness-list-card{padding:22px}
.fairness-check-list{list-style:none;margin:12px 0 0;padding:0}
.fairness-check-list li{position:relative;padding:10px 0 10px 25px;color:var(--muted);font-size:13px;border-bottom:1px solid rgba(255,255,255,.055)}
.fairness-check-list li:last-child{border-bottom:0}
.fairness-check-list li::before{content:"✓";position:absolute;left:0;top:10px;color:#3ddc97;font-weight:800;text-shadow:0 0 8px rgba(61,220,151,.25)}

.fairness-public-card{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:24px}
.fairness-public-card > div:first-child{max-width:780px}
.fairness-public-card .sec-title{margin-bottom:10px}
.fairness-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}

.fairness-security-card{padding:22px}
.fairness-security-card p+p{margin-top:10px}
.fairness-config-note{padding-top:12px;margin-top:14px!important;border-top:1px solid var(--border);font-size:12px!important;color:var(--muted2)!important}

@media (max-width:980px){
  .fairness-top-grid{grid-template-columns:1fr}
  .fairness-stat-card{min-height:0}
  .fairness-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fairness-public-card{align-items:flex-start;flex-direction:column}
  .fairness-actions{justify-content:flex-start}
}

@media (max-width:760px){
  .fairness-process-grid,.fairness-scaling-grid,.fairness-two-column{grid-template-columns:1fr}
  .fairness-example-grid{grid-template-columns:1fr}

  /* Keep the % icon in front of the equal-chance text on mobile. */
  .fairness-highlight{
    flex-direction:row;
    align-items:flex-start;
    gap:12px;
  }
  .fairness-highlight-icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    font-size:18px;
  }
  .fairness-highlight > div:last-child{
    min-width:0;
    flex:1;
  }

  .fairness-section{padding-top:12px}
  .fairness-table th,.fairness-table td{padding:13px 14px}
  .fairness-actions{width:100%}
  .fairness-actions .btn{flex:1 1 180px}
}


/* Live per-item probability math */
.fairness-live-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.fairness-live-card{padding:20px;min-width:0}
.fairness-live-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding-bottom:15px;margin-bottom:5px;border-bottom:1px solid var(--border)
}
.fairness-live-label{
  display:block;color:var(--orange);font-family:var(--display);font-size:10px;
  font-weight:800;letter-spacing:.14em;margin-bottom:4px
}
.fairness-live-head h3{
  font-family:var(--display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#fff
}
.fairness-live-total{
  flex-shrink:0;padding:5px 8px;border-radius:999px;
  border:1px solid rgba(255,122,26,.28);background:rgba(255,122,26,.07);
  color:var(--orange);font-family:var(--display);font-size:9px;font-weight:800;letter-spacing:.08em
}
.fairness-tier-math{display:flex;flex-direction:column}
.fairness-tier-math-row{
  position:relative;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.055)
}
.fairness-tier-math-row:last-child{border-bottom:0;padding-bottom:4px}
.fairness-tier-math-main{display:flex;align-items:center;gap:10px;padding-right:120px}
.fairness-tier-math-main>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.fairness-tier-math-main strong{
  color:#fff;font-family:var(--display);font-size:12px;letter-spacing:.04em
}
.fairness-tier-math-main span{color:var(--muted);font-size:10px}
.fairness-tier-dot{
  width:9px;height:9px;border-radius:50%;flex:0 0 9px
}
.fairness-tier-dot-common{background:#cbd5e1;box-shadow:0 0 7px rgba(203,213,225,.25)}
.fairness-tier-dot-rare{background:#60a5fa;box-shadow:0 0 7px rgba(96,165,250,.35)}
.fairness-tier-dot-jackpot{background:var(--orange);box-shadow:0 0 8px rgba(255,122,26,.45)}
.fairness-tier-math-result{
  position:absolute;right:0;top:14px;text-align:right;display:flex;flex-direction:column
}
.fairness-tier-math-result strong{
  color:#fff;font-family:var(--display);font-size:14px;letter-spacing:.03em
}
.fairness-tier-math-result span{
  color:var(--muted2);font-size:8px;text-transform:uppercase;letter-spacing:.08em
}
.fairness-tier-math-formula{
  margin:9px 0 0 19px;color:var(--muted2);font-family:var(--display);
  font-size:9px;letter-spacing:.035em
}
.fairness-loading-block{padding:18px 0;color:var(--muted);font-size:12px;text-align:center}
.fairness-pool-error{color:#d9c57e}
.fairness-live-note{margin-top:14px}
.fairness-live-note strong{color:#fff}

@media(max-width:1100px){
  .fairness-live-grid{grid-template-columns:1fr}
}
@media(max-width:500px){
  .fairness-tier-math-main{padding-right:0}
  .fairness-tier-math-result{position:static;text-align:left;margin:8px 0 0 19px}
}


/* ==========================================================
   FAIRNESS TOP SUMMARY — 4 cards on one desktop row
   ========================================================== */

.fairness-top-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.fairness-stat-card,
.fairness-stat-card-wide{
  min-width:0;
  width:auto;
  grid-column:auto;
}

.fairness-stat-card-wide{
  min-height:150px;
}

/* Tier colors:
   Common = gray
   Rare = blue
   Jackpot = purple
*/
.fairness-tier-common{
  color:#aeb4bf;
}

.fairness-tier-rare{
  color:#60a5fa;
}

.fairness-tier-jackpot,
.fairness-jackpot,
.fairness-example-card strong.fairness-jackpot{
  color:#b879ff;
  text-shadow:0 0 12px rgba(184,121,255,.24);
}

.fairness-tier-dot-common{
  background:#aeb4bf;
  box-shadow:0 0 7px rgba(174,180,191,.24);
}

.fairness-tier-dot-rare{
  background:#60a5fa;
  box-shadow:0 0 7px rgba(96,165,250,.35);
}

.fairness-tier-dot-jackpot{
  background:#b879ff;
  box-shadow:0 0 8px rgba(184,121,255,.42);
}

.fairness-tier-legend{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.fairness-tier-legend .fairness-sep{
  color:var(--muted2);
}

.fairness-stat-value{
  display:flex;
  align-items:center;
  gap:.18em;
  flex-wrap:wrap;
}

.fairness-summary-sep{
  color:#656b76;
  font-weight:500;
}

/* ==========================================================
   DROP INFORMATION — fairness-page-specific secondary CTA
   ========================================================== */

.fairness-drop-info-btn{
  color:#d9c5ff;
  border-color:rgba(161,92,255,.55);
  background:
    linear-gradient(120deg,rgba(161,92,255,.10),rgba(255,122,26,.045));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 0 rgba(161,92,255,0);
}

.fairness-drop-info-btn:hover{
  color:#fff;
  border-color:rgba(184,121,255,.78);
  background:
    linear-gradient(120deg,rgba(161,92,255,.17),rgba(255,122,26,.075));
  box-shadow:0 6px 20px rgba(161,92,255,.12);
}

/* Responsive top cards */
@media (max-width:1180px){
  .fairness-top-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:680px){
  .fairness-top-grid{
    grid-template-columns:1fr;
  }
}