/* Cloud9 - giveaways page. Uses the site's colour variables so it follows the theme. */
.gw-hint { margin: 0 0 22px; padding: 14px 18px; color: var(--white); background: rgba(79, 227, 255, 0.08); border: 1px solid rgba(79, 227, 255, 0.35); }
.gw-notice { margin: 0 0 22px; padding: 14px 18px; color: var(--white); background: rgba(78, 240, 160, 0.1); border: 1px solid rgba(78, 240, 160, 0.5); }
.gw-notice.gw-bad { background: rgba(255, 95, 109, 0.1); border-color: rgba(255, 95, 109, 0.55); }
.gw-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 22px; }
.gw-card { display: flex; flex-direction: column; background: linear-gradient(180deg, rgba(12, 20, 38, 0.97), rgba(4, 7, 14, 0.97)); border: 1px solid rgba(79, 227, 255, 0.22); overflow: hidden; scroll-margin-top: 96px; }
.gw-card.gw-focus { border-color: var(--cyan); box-shadow: 0 0 0 1px var(--cyan), 0 0 34px rgba(79, 227, 255, 0.22); }
.gw-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(135deg, #0d2140, #050a15); display: grid; place-items: center; }
.gw-media img { width: 100%; height: 100%; object-fit: cover; }
.gw-media-fallback { font-size: 64px; filter: drop-shadow(0 6px 18px rgba(79, 227, 255, 0.4)); }
.gw-live { position: absolute; top: 12px; left: 12px; padding: 4px 10px; color: #04120a; background: #4ef0a0; font: 700 11px var(--font); letter-spacing: 0.18em; }
.gw-body { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px 22px; flex: 1; }
.gw-prize-label { color: var(--cyan); font: 700 11px var(--font); letter-spacing: 0.2em; text-transform: uppercase; }
.gw-prize { margin: 0; font-size: 24px; line-height: 1.15; color: #ffbe5c; }
.gw-title { margin: 0; font-size: 19px; line-height: 1.2; color: var(--white); }
.gw-desc { margin: 0; color: var(--dim); white-space: pre-line; }
.gw-ends { margin: 4px 0 0; color: var(--dim); }
.gw-ends b { color: var(--white); font-variant-numeric: tabular-nums; }
.gw-ends small { color: var(--dim); }
.gw-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 10px; margin: 6px 0 0; padding: 0; list-style: none; }
.gw-facts li { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; background: rgba(4, 7, 14, 0.7); border: 1px solid rgba(79, 227, 255, 0.15); }
.gw-facts li span { color: var(--dim); font: 600 11px var(--font); letter-spacing: 0.14em; text-transform: uppercase; }
.gw-facts li b { color: var(--white); font-size: 15px; }
.gw-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: auto; padding-top: 12px; }
.gw-entered { color: #4ef0a0; font-weight: 700; }
.gw-past .gw-body { gap: 8px; }
.gw-winners { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; }
.gw-chip { padding: 5px 12px; color: var(--white); background: rgba(255, 190, 92, 0.12); border: 1px solid rgba(255, 190, 92, 0.5); font-weight: 700; }
.gw-wait, .gw-meta { color: var(--dim); }
.gw-section-title { margin: 44px 0 18px; color: var(--white); font-size: 26px; }
@media (max-width: 520px) { .gw-grid { grid-template-columns: 1fr; } .gw-prize { font-size: 21px; } }
@media (prefers-reduced-motion: reduce) { .gw-card { scroll-margin-top: 96px; } }

.gw-facts li:last-child { grid-column: 1 / -1; }