/* Rusty Kings — Giveaways page styles */
:root{
  --bg: #0b0f16;
  --panel: #0f1520;
  --panel-2: #121a27;
  --border: #1e293b;
  --text: #e6e8ee;
  --muted: #9aa3b2;
  --link: #7ab0ff;
  --accent: #ec4b4b;
  --success: #16a34a;
  --shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.02);
  --radius: 16px;
}

*{ box-sizing: border-box }
html,body{ height:100% }
body{
  margin:0;
  background: radial-gradient(1000px 600px at 20% -10%, rgba(236,75,75,.06), transparent 60%),
              radial-gradient(900px 600px at 85% 0%, rgba(66,153,225,.06), transparent 60%),
              var(--bg);
  color: var(--text);
  font: 400 16px/1.6 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Layout helpers */
.rk-wrap{
  width: min(1100px, 100%);
  margin-inline: auto;
  padding-inline: 16px;
}

/* Minimal Nav: brand only */
.rk-nav{
  position: sticky; top:0; z-index: 20;
  background: linear-gradient(180deg, rgba(3,6,12,.85), rgba(3,6,12,.55));
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.rk-nav-inner{ display:flex; align-items:center; gap:16px; padding:10px 0 }
.rk-brand{
  font-weight: 700; letter-spacing:.3px; text-decoration:none; color:var(--text);
  padding: 8px 12px; border-radius: 12px; background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
.rk-brand:hover{ background: rgba(255,255,255,.08) }

/* Hero */
.rk-hero{ padding: 36px 0 10px }
.rk-hero h1{ margin:0 0 6px; font-size: clamp(28px, 4vw, 40px); letter-spacing:.3px }
.rk-sub{ margin:0; color: var(--muted) }

/* Main */
.rk-main{ padding: 20px 0 50px }

/* Alerts & Empty */
.rk-alert{
  background: rgba(236,75,75,.12);
  border: 1px solid rgba(236,75,75,.35);
  color: #ffd1d1;
  padding: 12px 14px;
  border-radius: 12px;
  margin: 12px 0 20px;
}
.rk-empty{
  text-align:center; padding: 40px 14px; color: var(--muted);
  border: 1px dashed var(--border); border-radius: 14px; background: rgba(255,255,255,.02);
}
.rk-empty-sub{ margin-top: 6px; color: #7f8a99 }

/* Cards grid */
.rk-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

/* Card */
.rk-card{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
              var(--panel);
  border: 1px solid rgba(255,255,255,.05);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.rk-card:hover{
  transform: translateY(-2px);
  border-color: rgba(122,176,255,.25);
  box-shadow: 0 16px 40px rgba(19,31,48,.6);
}

/* Card media */
.rk-img{
  display:block;
  width:100%; height:160px; object-fit:cover; background:#0a0f18;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.rk-skel-banner{
  height: 8px;
  background: linear-gradient(90deg, rgba(122,176,255,.18), rgba(122,176,255,.06));
}

/* Card body */
.rk-body{ padding: 14px 14px 12px }
.rk-body h3{ margin:0 0 8px; font-size: 18px; letter-spacing:.2px }
.rk-desc{ margin: 6px 0 10px; color: var(--muted) }

/* Meta rows */
.rk-meta{ display:flex; flex-direction:column; gap:8px }
.rk-row{ display:flex; align-items:center; gap:10px; color: var(--muted) }
.rk-row strong{ color: var(--text) }

/* Pills & links */
.rk-badge{
  display:inline-block; font-size:13px; line-height:1; padding:6px 10px;
  border-radius: 999px; background: rgba(22,163,74,.15); color:#9af2b5; border:1px solid rgba(22,163,74,.35);
  text-transform: none; font-weight: 700;
}
.rk-ghost{
  display:inline-block; margin-top: 10px;
  color: var(--link); text-decoration: underline;
  font-weight: 600;
}
.rk-ghost:hover{ color: #a8c9ff }

/* Footer note */
.rk-footer-note{
  display:flex; justify-content:space-between; align-items:center;
  margin-top: 20px; padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.06);
  color: var(--muted);
}

/* Small screens */
@media (max-width: 640px){
  .rk-grid{ grid-template-columns: 1fr }
}