/* PrizeDuck Theme */
:root{
  --duck-bg: #0a1b2e;
  --duck-water: #0f2f4f;
  --duck-accent: #ffd64d;
  --duck-accent-2: #ff5fb0;
  --duck-mint: #36e0b4;
  --duck-card: #11263f;
  --duck-outline: rgba(255,255,255,.1);
}

*{box-sizing:border-box}
body{
  background: radial-gradient(1200px 600px at 50% -10%, #14406b 0%, var(--duck-bg) 60%, #091629 100%) fixed;
  color: #f5f8ff; /* brighter text for better contrast */
  font-family: 'Outfit', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
}

.brand-text{ font-family: 'Bungee', cursive; letter-spacing: .5px; }

.duck-nav{
  background: linear-gradient(180deg, #0c2a47 0%, #0a1f38 100%);
  border-bottom: 1px solid var(--duck-outline);
}

.btn-ticket{
  background: linear-gradient(180deg, var(--duck-accent), #ffb300);
  border: none;
  color: #2b1b00;
  font-weight: 800;
  box-shadow: 0 6px 18px rgba(255, 214, 77, .25);
}
.btn-ticket:hover{ filter: brightness(1.05); color:#2b1b00; }

.hero-title{ letter-spacing: .5px; }
.gradient-text{
  background: linear-gradient(90deg, var(--duck-accent) 0%, var(--duck-mint) 50%, var(--duck-accent-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero{
  position: relative;
  background: radial-gradient(800px 400px at 80% -40%, rgba(255,214,77,.25), rgba(0,0,0,.2) 60%); /* brighter hero overlay */
}

.duck-pond-top{
  position: relative;
  height: 0;
}
.duck-pond{
  position: absolute;
  right: -120px;
  top: -40px;
  width: 400px;
  opacity: .25;
  pointer-events: none;
}
.duck-hook{
  position: absolute;
  right: 60px;
  top: -220px;
  width: 70px;
  transform: rotate(6deg);
  opacity: .7;
}
.hook-rope{
  position: absolute;
  right: 94px;
  top: -400px;
  width: 2px; height: 220px; background: repeating-linear-gradient(#cbb, #cbb 8px, #b99 8px, #b99 16px);
  opacity: .6;
}

.duck-card{
  background: linear-gradient(180deg, #162c48, #0e2238); /* lighter card background for more contrast with text */
  border: 1px solid var(--duck-outline);
  border-radius: 20px;
  overflow: hidden;
}
.duck-card .card-title{ font-weight: 800; letter-spacing: .2px; }
.duck-ribbon{
  position: absolute;
  top: 16px; left: 16px;
  background: linear-gradient(90deg, var(--duck-accent-2), #ffa7d8);
  color: #1b0922;
  font-weight: 800; font-size: .8rem;
  padding: .35rem .55rem;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(255,95,176,.25);
}

.progress{ background: rgba(255,255,255,.08); height: 8px; border-radius: 999px; }
.progress-bar{ background: linear-gradient(90deg, #36e0b4, #22c6fb); }

.duck-footer{
  background: linear-gradient(180deg, #0a1f38, #081629);
  border-top: 1px solid var(--duck-outline);
}

.hero-duck{ max-width: 320px; filter: drop-shadow(0 20px 40px rgba(0,0,0,.4)); }

/* playful cursor */
.duck-cursor { cursor: url('/assets/img/duck_cursor.svg') 8 8, auto; }

/* Search/sort panel */
#searchBox, #sortSelect{
  background: rgba(255,255,255,.06);
  border-color: var(--duck-outline);
  color: #f5f8ff; /* brighter text for better contrast */
}

/* Tooltip-like countdown style */
.countdown{
  font-weight: 700;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid var(--duck-outline);
  font-variant-numeric: tabular-nums;
}

/* Small screens */
@media (max-width: 768px){
  .duck-pond{ display:none; }
  .duck-hook{ display:none; }
  .hook-rope{ display:none; }
}

.small, .text-muted { color: rgba(240, 248, 255, 0.8) !important; }