carocaste reacted to
Jake7589 in π°[$2,000 USD] Mines or Keno? π
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');
:root {
--primary: #071824;
--gold: #FFB800;
--blue: #0079ff;
--surface: #0a2236;
--text: #e0eef8;
--muted: #7fa8c4;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
background: var(--primary);
color: var(--text);
font-family: 'Inter', sans-serif;
min-height: 100vh;
overflow-x: hidden;
}
.container { max-width:740px; margin:0 auto; padding:24px 20px 60px; }
.fade-up { opacity:0; transform:translateY(28px); animation:fadeUp .6s ease forwards; }
@keyframes fadeUp { to { opacity:1; transform:none; } }
/* ββ HEADER ββ */
.header {
text-align:center;
padding:0 0 36px;
background: linear-gradient(160deg, #0d2a40 0%, #071824 100%);
border-radius:20px;
border:1px solid #ffffff12;
margin-bottom:20px;
position:relative;
overflow:hidden;
}
.header::before {
content:'';
position:absolute;
top:-60px; left:50%; transform:translateX(-50%);
width:340px; height:340px;
background: radial-gradient(circle, #FFB80018 0%, transparent 70%);
animation: pulse-glow 4s ease-in-out infinite;
pointer-events:none;
}
@keyframes pulse-glow {
0%,100% { opacity:.6; transform:translateX(-50%) scale(1); }
50% { opacity:1; transform:translateX(-50%) scale(1.15); }
}
.hero-img-wrap { border-radius:20px 20px 0 0; overflow:hidden; border-bottom:1px solid #ffffff12; }
.hero-img-wrap img { width:100%; display:block; }
.header-body { padding:28px 28px 0; }
.eyebrow {
display:inline-block; padding:7px 14px; border-radius:999px;
border:1px solid rgba(255,184,0,.22); background:rgba(255,184,0,.08);
color:var(--gold); font-size:11px; font-weight:800;
letter-spacing:.12em; text-transform:uppercase; margin-bottom:16px;
}
.header h1 {
font-size:32px; font-weight:900; line-height:1.1; letter-spacing:-.02em;
background: linear-gradient(90deg, #FFB800, #ffda6e, #FFB800);
background-size:200%;
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
animation: shimmer 3s linear infinite; margin-bottom:10px;
}
@keyframes shimmer { to { background-position:200% center; } }
.ends-label { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:1.2px; margin-bottom:14px; }
.ends-label strong { color:#fff; }
.countdown-wrapper { margin:10px 0 22px; }
.countdown-wrapper iframe { border-radius:8px; }
.header-desc { font-size:15px; color:#b0cee4; max-width:500px; margin:0 auto 14px; line-height:1.7; }
.header-desc strong { color:#fff; }
/* ββ PRIZE CARDS ββ */
.prize-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.prize-card {
background:var(--surface); border-radius:16px; padding:26px 18px;
text-align:center; border:1px solid transparent;
position:relative; overflow:hidden;
transition:transform .3s, border-color .3s, box-shadow .3s; cursor:default;
}
.prize-card:hover { transform:translateY(-6px) scale(1.02); }
.prize-card.gold { border-color:#FFB80044; --glow:#FFB80018; }
.prize-card.gold:hover { border-color:#FFB800aa; box-shadow:0 12px 40px #FFB80030; }
.prize-card.blue { border-color:#0079ff33; --glow:#0079ff14; }
.prize-card.blue:hover { border-color:#0079ffaa; box-shadow:0 12px 40px #0079ff25; }
.prize-card::before {
content:''; position:absolute; inset:0;
background:radial-gradient(ellipse at 50% 0%, var(--glow,transparent) 0%, transparent 65%);
opacity:0; transition:opacity .3s; pointer-events:none;
}
.prize-card:hover::before { opacity:1; }
.badge { position:absolute; top:10px; right:12px; font-size:20px; animation:float 3s ease-in-out infinite; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
.prize-amount { font-size:40px; font-weight:900; line-height:1; margin-bottom:5px; }
.prize-card.gold .prize-amount { color:#FFB800; }
.prize-card.blue .prize-amount { color:#0079ff; }
.prize-label { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.8px; }
.prize-sub { font-size:12px; color:#6a90a8; margin-top:4px; }
/* ββ SECTION ββ */
.section {
background:var(--surface); border-radius:16px; padding:24px;
border:1px solid #ffffff0d; margin-bottom:16px;
transition:border-color .3s, box-shadow .3s;
}
.section:hover { border-color:#0079ff33; box-shadow:0 4px 24px #0079ff0d; }
.section-tag { display:inline-block; margin-bottom:10px; color:var(--gold); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.section h2 { font-size:22px; font-weight:900; margin-bottom:8px; }
.panel-intro { color:var(--muted); font-size:14px; margin-bottom:18px; }
/* ββ STEPS ββ */
.steps { display:flex; flex-direction:column; gap:12px; }
.step {
display:grid; grid-template-columns:48px 1fr; gap:14px;
padding:14px; border-radius:14px;
background:rgba(255,255,255,.03); border:1px solid #ffffff0a;
transition:border-color .25s, transform .25s;
}
.step:hover { border-color:#0079ff44; transform:translateX(4px); }
.step-no {
width:48px; height:48px; border-radius:12px;
background:rgba(255,184,0,.12); border:1px solid rgba(255,184,0,.2);
color:var(--gold); display:flex; align-items:center; justify-content:center;
font-size:18px; font-weight:900; transition:transform .25s, box-shadow .25s;
}
.step:hover .step-no { transform:scale(1.1); box-shadow:0 0 0 5px rgba(255,184,0,.1); }
.step-title { margin:0 0 4px; color:var(--text); font-size:15px; font-weight:700; }
.step-text { margin:0; color:var(--muted); font-size:13px; }
.step-text strong { color:#fff; }
/* ββ REPLY BOX ββ */
.reply-box {
margin-top:18px; padding:18px; border-radius:16px;
background:rgba(255,184,0,.07); border:1px solid rgba(255,184,0,.18); text-align:center;
}
.reply-label { display:block; margin-bottom:10px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.reply-value {
display:inline-block; padding:12px 18px; border-radius:12px;
background:rgba(7,24,36,.65); border:1px solid rgba(255,255,255,.08);
color:var(--text); font-size:16px; font-weight:900; font-family:monospace;
}
.reply-value span { color:var(--gold); }
/* ββ ALERT ββ */
.alert {
background:#ff6b0010; border:1px solid #ff6b0040;
border-radius:14px; padding:16px; margin-bottom:16px;
display:flex; gap:14px; align-items:flex-start; transition:border-color .3s;
}
.alert:hover { border-color:#ff6b0088; }
.n-icon { font-size:22px; flex-shrink:0; }
.n-text { font-size:13px; color:#f0c8a0; line-height:1.7; }
.n-text strong { color:#fff; }
/* ββ STAKE BADGE ββ */
.stake-badge {
text-align:center; padding:14px;
background:linear-gradient(135deg,#0079ff18,#0079ff08);
border:1px solid #0079ff44; border-radius:12px; color:#4da6ff;
font-weight:700; font-size:14px; margin-bottom:16px; letter-spacing:.5px;
position:relative; overflow:hidden; transition:box-shadow .3s;
}
.stake-badge:hover { box-shadow:0 0 32px #0079ff25; }
.stake-badge::after {
content:''; position:absolute; top:0; left:-100%; width:60%; height:100%;
background:linear-gradient(90deg,transparent,rgba(0,121,255,.12),transparent);
animation:sweep 3s linear infinite;
}
@keyframes sweep { to { left:160%; } }
/* ββ TERMS ββ */
details {
background:var(--primary); border:1px solid #ffffff0d;
border-radius:14px; overflow:hidden; transition:border-color .3s;
}
details:hover { border-color:#0079ff33; }
summary {
padding:16px 20px; cursor:pointer; font-weight:700;
color:var(--muted); font-size:14px; list-style:none;
display:flex; justify-content:space-between; align-items:center;
user-select:none; transition:color .2s;
}
summary:hover { color:#fff; }
summary::after { content:'βΌ'; font-size:10px; color:var(--blue); }
details[open] summary::after { content:'β²'; }
.terms-body { padding:0 20px 20px; font-size:13px; color:#6a90a8; line-height:1.9; }
.terms-body h2 { font-size:12px; color:#FFB800; text-transform:uppercase; letter-spacing:.8px; margin:18px 0 8px; }
.terms-body ol, .terms-body ul { padding-left:20px; }
.terms-body li { margin-bottom:8px; }
.terms-body a { color:var(--blue); }
.footer-note { margin-top:16px; text-align:center; color:var(--muted); font-size:13px; }
.d1{animation-delay:.05s} .d2{animation-delay:.13s} .d3{animation-delay:.21s}
.d4{animation-delay:.29s} .d5{animation-delay:.37s} .d6{animation-delay:.45s}
.d7{animation-delay:.53s}
@media(max-width:600px){
.prize-row { grid-template-columns:1fr; }
.header h1 { font-size:24px; }
}
Community Competition
Mines or Keno?
Ends: 30/7/2026 @ 1:00 AM GMT
It's time to settle the debate once and for all, which is better: Mines or Keno?
Drop your favourite below and you could be picked to win a share of $2,000.
πΈ
$2,000
Total Prize Pool
Up for grabs
π
$100
Per Winner
Γ 20 Winners
How to Enter
Pick a sideΒ
Entering takes ten seconds β no bets required, just an opinion.
1
Choose your favourite
Mines or KenoΒ
2
Reply to this thread
Drop your pick below and tell us why
3
Winners drawn at random
20 winners picked from all eligible entries after the comp closes. One entry per user.
Reply with your pick Mines Β orΒ Keno
β οΈ
Don't miss out! Stay tuned for the official winner announcement. You must claim your prize before the coupon link expires β users will not be credited after the 3-month claim period ends.
βΌοΈ Stake.com users only βΌοΈ
π Full Terms & Conditions β click to expand
This competition is published by Stake, which operates stake.com, and is subject to the Stake Terms and Conditions and the Stake Community Terms of Use.
In the event of conflict, the following order of precedence applies:
Terms and Conditions
These Rules
Stake Community Terms of Use
Prizes & Delivery
Winners will have their username displayed on the thread with a prize claim link.
The Community Team may contact you via the platform used to submit your entry.
Prizes delivered within 14 days of the competition ending.
Winners selected at random from all eligible entries.
One entry per user β multiple entries result in only the first being valid.
Eligibility
Bronze VIP account or above on Stake
KYC Level 2 verification required
Account must have no restrictions or exclusions
Must not be a Stake employee (forum moderators are not excluded)
Must maintain only one Stake account
Must not be in a Prohibited Jurisdiction
Entry Requirements
Entries must be submitted after the Competition is published
Entries must meet all submission requirements set by Stake
Stake's Reserved Rights
To amend the Rules at any time
To cancel the Competition at any time
To verify the nominated account for prize delivery