Mvip777666 reacted to
Jake7589 in π°[$1,000 USD] Bonus Clash: Ramen Quest vs Cattle Clash π₯
@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; }
/* ββ VS BANNER ββ */
.vs-banner {
margin-bottom:20px;
padding:24px 22px;
text-align:center;
border-radius:16px;
background: linear-gradient(135deg, #0079ff22, #0079ff0a);
border:1px solid #0079ff44;
position:relative; overflow:hidden;
transition:box-shadow .3s;
}
.vs-banner:hover { box-shadow:0 0 40px #0079ff18; }
.vs-banner::after {
content:''; position:absolute; top:0; left:-100%; width:60%; height:100%;
background:linear-gradient(90deg,transparent,rgba(0,121,255,.1),transparent);
animation:sweep 3s linear infinite;
}
@keyframes sweep { to { left:160%; } }
.vs-title { font-size:22px; font-weight:900; color:#fff; margin-bottom:10px; }
.vs-title span { color:var(--gold); }
.vs-row { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; }
.vs-btn {
display:inline-block; padding:12px 24px;
background: linear-gradient(135deg, #FFB800, #e6a500);
color:#071824; font-size:15px; font-weight:800;
text-decoration:none !important; border-radius:10px;
transition:transform .2s, box-shadow .2s;
position:relative; overflow:hidden;
}
.vs-btn::after {
content:''; position:absolute; inset:0;
background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
transform:translateX(-100%); transition:transform .5s;
}
.vs-btn:hover { transform:translateY(-2px); box-shadow:0 6px 24px #FFB80044; text-decoration:none; }
.vs-btn:hover::after { transform:translateX(100%); }
.vs-divider { font-size:20px; font-weight:900; color:#fff; opacity:.7; }
/* ββ 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; }
.pill {
background:#0079ff12; border:1px solid #0079ff33;
border-radius:40px; padding:10px 20px;
text-align:center; font-size:13px; font-weight:600; color:#4da6ff;
margin-bottom:18px; transition:background .3s, border-color .3s;
}
.pill:hover { background:#0079ff22; border-color:#0079ff66; }
/* ββ GRID ββ */
.grid { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; margin-bottom:16px; }
.section {
background:var(--surface); border-radius:16px; padding:24px;
border:1px solid #ffffff0d;
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 a { color:var(--blue); text-decoration:none; }
.step-text a:hover { text-decoration:underline; }
.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-row { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }
.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); }
.copy-btn {
background:transparent; border:1px solid #0079ff44;
color:#4da6ff; font-size:13px; font-weight:700;
padding:10px 18px; border-radius:10px;
cursor:pointer; transition:all .2s; white-space:nowrap;
}
.copy-btn:hover { background:#0079ff22; border-color:#0079ff88; }
/* ββ MINI CARDS ββ */
.stack { display:flex; flex-direction:column; gap:12px; }
.mini-card {
padding:16px; border-radius:14px;
background:rgba(255,255,255,.03); border:1px solid #ffffff0a;
transition:border-color .25s;
}
.mini-card:hover { border-color:#FFB80033; }
.mini-card h3 { margin:0 0 6px; color:var(--text); font-size:16px; font-weight:700; }
.mini-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.mini-card strong { color:#fff; }
.notice {
margin-top:12px; padding:14px 16px; border-radius:14px;
background:rgba(255,184,0,.07); border:1px solid rgba(255,184,0,.18);
color:var(--muted); font-size:13px; line-height:1.7;
}
.notice strong { color:#fff; }
/* ββ CLEAN LIST ββ */
.clean-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.clean-list li {
display:flex; align-items:center; gap:12px;
background:var(--primary); border-radius:12px;
padding:12px 16px; border:1px solid #ffffff0a;
color:#b0cee4; font-size:14px; line-height:1.5;
transition:background .2s, border-color .2s, transform .2s; cursor:default;
}
.clean-list li:hover { background:#0a2236; border-color:#0079ff44; transform:translateX(6px); }
.clean-list li::before { content:''; min-width:7px; width:7px; height:7px; border-radius:999px; background:var(--gold); flex-shrink:0; }
.clean-list li span { display:inline; }
.clean-list li strong { color:#FFB800; }
.clean-list li a { color:var(--blue); }
/* ββ PRIZE POOL TABLE ββ */
.pool-total {
text-align:center; padding:22px;
background:linear-gradient(135deg,#FFB80012,#FFB80005);
border:1px solid #FFB80044; border-radius:14px; margin-bottom:16px;
transition:box-shadow .3s;
}
.pool-total:hover { box-shadow:0 0 40px #FFB80020; }
.pool-total .amount {
font-size:52px; font-weight:900; color:#FFB800;
animation: count-pulse 2.5s ease-in-out infinite;
}
@keyframes count-pulse {
0%,100% { text-shadow:0 0 0 #FFB800; }
50% { text-shadow:0 0 24px #FFB80066; }
}
.pool-total .label { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }
.dist-list { display:flex; flex-direction:column; gap:8px; }
.dist-item {
display:flex; justify-content:space-between; align-items:center;
padding:12px 16px; background:var(--primary); border-radius:10px;
border:1px solid #ffffff0a; font-size:14px;
transition:background .2s, border-color .2s;
}
.dist-item:hover { background:#0a2236; border-color:#FFB80033; }
.dist-item .who { color:#b0cee4; }
.dist-item .val { color:#FFB800; font-weight:700; }
/* ββ 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;
}
/* ββ TERMS ββ */
.terms-header { text-align:center; margin:8px 0 14px; }
.terms-header h2 { font-size:22px; font-weight:900; }
.terms-header p { color:var(--muted); font-size:13px; margin-top:6px; }
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} .d8{animation-delay:.61s}
@media(max-width:600px){
.prize-row { grid-template-columns:1fr; }
.grid { grid-template-columns:1fr; }
.header h1 { font-size:24px; }
.vs-row { flex-direction:column; }
}
Weekly Forum Competition
Bonus Clash: Ramen Quest vs Cattle Clash
Ends: Β 2/7/2026 @ 1:00 AM GMT
This week's Bonus Clash is live. Pick the slot you think will pay out bigger, submit your qualifying Bet ID, and you could win a share of the prize pool.
Win a share of $1,000 πΈ
π Ramen Quest VS π Cattle Clash
πΈ
$1,000
Total Prize Pool
Up for grabs
π
$50
Per Winner
Γ 20 Winners
π‘ Make a $20 USD feature buy on either slot β then reply with your Bet ID to enter!
How To Enter
Three simple steps
Pick your slot, place your bonus buy, and post your Bet ID.
1
Choose your slot
Pick Ramen Quest or Cattle Clash β whichever you think will pay bigger.
2
Make a $20 bonus buy
Complete a $20 USD feature buy on your chosen slot.
3
Reply with your Bet ID
Post your Bet ID in this thread to submit your entry.
Prize Distribution
How the prize pool works
$1,000
Total Prize Pool
πΈ Total Prize Pool$1,000
πΒ 20 Γ Winners$50 each
π₯ Total Winners20 People
π
Duration7 Days
Requirements
Before you enter
Reply to this thread with your Bet ID
Only eligible entries that meet the above conditions can win
Stake.com users only β Bronze VIP or above
KYC Level 2 verification required
β οΈ
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 βΌοΈ
Terms of Service β Competition
For full Terms of Service, expand below.
π 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
Please read all conditions carefully before entering.
