Kagiva reacted to
Jake7589 in 💰[$1,000] Bonus Clash: The Frontier vs Castle of Ymir 🥊
@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: The Frontier vs Castle of Ymir
Ends: 7/5/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 💸
🤠 The Frontier VS 🏰 Castle of Ymir
💸
$1,000
Total Prize Pool
Up for grabs
🏆
$100
Per Winner
× 10 Winners
💡 Make a $20 USD bonus 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 The Frontier or Castle of Ymir — whichever you think will pay bigger.
2
Make a $20 bonus buy
Complete a $20 USD bonus 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
🏆 10 × Winners$100 each
👥 Total Winners10 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.
