BATTLEPASS
BattlePass
BattlePass
/* =========================================================
NRV — PAGE OFFRE (BATTLE PASS) — SWITCH FR/EN (CSS only)
Scopé pour Azuriom
========================================================= */
.nrv-bp-page{
--primary:#f5a742;
--secondary:#ffb85c;
--bg:#1f0a0a;
--card:#3d1a1a;
--card2:#28140f;
--border: rgba(245,167,66,.25);
--text:#f8fafc;
--text2:#d1d5db;
--muted:#94a3b8;
--good:#2ecc71;
--warn:#f39c12;
--info:#3498db;
--grad: linear-gradient(135deg, #f5a742, #ff8c29, #ffc107);
--glow: rgba(245,167,66,.30);
font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
color:var(--text);
}
/* ===== Switch FR/EN (CSS-only) ===== */
.lang-switch-bp{display:none;}
.lang-en-bp{display:none;}
.lang-switch-bp:checked ~ * .lang-fr-bp{display:none;}
.lang-switch-bp:checked ~ * .lang-en-bp{display:inline;}
.lang-switch-bp:checked ~ .nrv-bp-lang .btn-text-fr{display:none;}
.lang-switch-bp:checked ~ .nrv-bp-lang .btn-text-en{display:inline;}
.btn-text-en{display:none;}
.nrv-bp-lang{
display:flex;
justify-content:center;
gap:12px;
margin:10px 0 14px;
}
.nrv-bp-lang label{
background: linear-gradient(135deg, rgba(245,167,66,.20), rgba(255,140,41,.30));
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color:#fff;
border:2px solid rgba(245,167,66,.40);
padding:12px 26px;
border-radius:999px;
cursor:pointer;
transition:all .35s cubic-bezier(.175,.885,.32,1.275);
font-weight:900;
font-size:1.02em;
box-shadow:0 8px 32px rgba(245,167,66,.28),
inset 0 1px 0 rgba(255,255,255,.18),
0 0 20px rgba(245,167,66,.10);
display:inline-flex;
align-items:center;
gap:10px;
user-select:none;
position:relative;
overflow:hidden;
}
.nrv-bp-lang label::after{
content:'';
position:absolute;
top:0; left:-100%;
width:100%; height:100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
transition:left .5s;
}
.nrv-bp-lang label:hover::after{left:100%}
.nrv-bp-lang label:hover{
transform: translateY(-4px) scale(1.03);
border-color: var(--secondary);
box-shadow:0 12px 40px rgba(245,167,66,.45),
inset 0 1px 0 rgba(255,255,255,.25),
0 0 30px rgba(245,167,66,.35);
}
/* ===== Layout ===== */
.nrv-bp-wrap{
max-width:1200px;
margin:0 auto;
padding:18px 12px;
}
.nrv-bp-header{
text-align:center;
position:relative;
padding:10px 10px 8px;
}
.nrv-bp-header h1{
margin:0;
font-weight:1000;
letter-spacing:2px;
text-transform:uppercase;
font-size:2.1rem;
text-shadow: 0 0 16px rgba(245,167,66,.45);
}
.nrv-bp-subtitle{
margin-top:6px;
color:var(--secondary);
font-weight:900;
letter-spacing:1px;
text-transform:uppercase;
font-size:.95rem;
opacity:.95;
}
.nrv-bp-line{
height:2px;
width:86%;
margin:14px auto 0;
background: linear-gradient(90deg, transparent, var(--primary), transparent);
position:relative;
}
.nrv-bp-line::before{
content:"";
position:absolute;
width:7px;height:7px;
background:var(--primary);
border-radius:50%;
left:50%; top:-2px;
transform:translateX(-50%);
box-shadow:0 0 12px var(--primary);
}
/* ===== Background card container ===== */
.nrv-bp-hero{
margin-top:16px;
border-radius:16px;
overflow:hidden;
background: linear-gradient(135deg, var(--bg) 0%, var(--card) 25%, var(--card2) 50%, var(--card) 75%, var(--bg) 100%);
background-size: 400% 400%;
animation: nrvBpBG 20s ease infinite;
box-shadow:0 20px 60px rgba(0,0,0,.80), inset 0 0 100px rgba(245,167,66,.03);
border:1px solid var(--border);
position:relative;
}
@keyframes nrvBpBG{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.nrv-bp-hero::before{
content:'';
position:absolute;
top:-55%; left:-55%;
width:210%; height:210%;
background: radial-gradient(circle, rgba(245,167,66,.06) 0%, transparent 70%);
animation: nrvBpRotate 30s linear infinite;
pointer-events:none;
z-index:1;
}
@keyframes nrvBpRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/* ===== Offer box ===== */
.nrv-bp-offer-container{
display:flex;
justify-content:center;
padding:18px 12px 22px;
position:relative;
z-index:2;
}
.nrv-bp-offer{
width:100%;
max-width:700px;
background: rgba(61,26,26,.75);
border-radius:14px;
border:2px solid rgba(245,167,66,.55);
box-shadow: 0 18px 55px var(--glow);
overflow:hidden;
position:relative;
transition: transform .25s ease, box-shadow .25s ease;
}
.nrv-bp-offer:hover{transform: translateY(-6px); box-shadow: 0 24px 70px rgba(245,167,66,.35);}
.nrv-bp-offer::before{
content:"";
position:absolute;
top:0; left:0;
width:100%; height:6px;
background: var(--grad);
}
/* offer head */
.nrv-bp-offer-head{
padding:22px 16px 16px;
text-align:center;
background: linear-gradient(135deg, rgba(40,20,15,.95), rgba(245,167,66,.10));
border-bottom:1px solid rgba(245,167,66,.20);
}
.nrv-bp-offer-head h2{
margin:0 0 6px;
font-weight:1000;
letter-spacing:1px;
color:#fff5ea;
font-size:1.55rem;
}
.nrv-bp-badge{
display:inline-flex;
gap:10px;
align-items:center;
margin-top:8px;
padding:8px 14px;
border-radius:999px;
border:1px solid rgba(245,167,66,.35);
background: rgba(245,167,66,.12);
color:#fff;
font-weight:900;
font-size:.95rem;
}
/* body */
.nrv-bp-offer-body{ padding:20px 18px 18px; }
.nrv-bp-benefit{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
padding:16px 14px;
border-radius:12px;
border:1px solid rgba(245,167,66,.35);
background: linear-gradient(135deg, rgba(255,184,92,.18), rgba(255,184,92,.08));
font-weight:1000;
margin-bottom:16px;
}
.nrv-bp-benefit .icon{ font-size:1.6rem; }
.nrv-bp-benefit .txt{ font-size:1.08rem; }
.nrv-bp-highlight{
background: rgba(245,167,66,.10);
border-left:4px solid var(--primary);
padding:16px 14px;
border-radius:10px;
margin-bottom:14px;
}
.nrv-bp-highlight p{ margin:0; color:#ffffff; font-weight:650; }
.nrv-hr{
border:none;
height:1px;
background: rgba(255,255,255,.10);
margin:12px 0;
}
.nrv-bp-grid{ display:grid; gap:10px; margin:14px 0; }
.nrv-bp-row{
border:1px solid rgba(148,163,184,.28);
background: rgba(255,255,255,.06);
border-radius:12px;
padding:12px 12px;
}
.nrv-bp-pill{
display:inline-block;
padding:5px 10px;
border-radius:999px;
font-weight:1000;
margin-left:8px;
font-size:.92rem;
border:1px solid rgba(255,255,255,.14);
}
.nrv-bp-pill.good{ background: rgba(46,204,113,.12); color:#d7ffe9; border-color: rgba(46,204,113,.35); }
.nrv-bp-pill.warn{ background: rgba(243,156,18,.12); color:#fff4d6; border-color: rgba(243,156,18,.35); }
.nrv-bp-pill.info{ background: rgba(52,152,219,.12); color:#d6eeff; border-color: rgba(52,152,219,.35); }
.nrv-bp-note{
background: linear-gradient(135deg, rgba(245,167,66,.12), rgba(255,200,0,.08));
border-left:4px solid var(--secondary);
box-shadow: 0 6px 18px rgba(245,167,66,.12);
padding:14px 12px;
border-radius:10px;
margin-top:12px;
}
.nrv-bp-note p{ margin:0; color:#fff; font-weight:650; }
/* price */
.nrv-bp-price{
margin-top:16px;
display:flex;
justify-content:center;
align-items:center;
gap:10px;
padding:14px 16px;
border-radius:999px;
background: var(--grad);
border:1px solid rgba(255,255,255,.14);
font-weight:1000;
letter-spacing:.5px;
box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.nrv-bp-price .value{ font-size:1.15rem; text-shadow:0 0 10px rgba(0,0,0,.35); }
/* link + shop */
.nrv-bp-links{ margin-top:14px; text-align:center; }
.nrv-bp-btn{
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 16px;
border-radius:12px;
text-decoration:none;
font-weight:1000;
color:#fff;
background: linear-gradient(135deg, rgba(245,167,66,.22), rgba(255,140,41,.22));
border:1px solid rgba(245,167,66,.35);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.nrv-bp-btn:hover{ transform: translateY(-2px); border-color: rgba(255,184,92,.65); box-shadow:0 14px 40px rgba(245,167,66,.25); }
.nrv-bp-shop{
margin-top:14px;
background: linear-gradient(135deg, rgba(245,167,66,.15), rgba(245,167,66,.08));
border:1px solid rgba(245,167,66,.30);
border-radius:12px;
padding:12px 12px;
text-align:center;
color:#fff;
font-weight:650;
}
.nrv-bp-shop .tab{ color: var(--secondary); font-weight:1000; }
/* footer */
.nrv-bp-footer{
text-align:center;
padding:10px 0 16px;
opacity:.78;
font-weight:800;
}
.nrv-bp-footer small{ color:var(--text2); }
/* responsive */
@media (max-width:768px){
.nrv-bp-header h1{font-size:1.7rem}
.nrv-bp-offer-head h2{font-size:1.3rem}
}
NRV-ARK • 2025
🇬🇧 Switch to English 🇫🇷 Passer en Français
🎯 BATTLE PASS
50 quêtes • Récompenses massives 50 quests • Massive rewards
Offre Battle Pass Battle Pass Offer
⚠️ Vente à l'unité • 1 joueur ⚠️ Sold individually • 1 player
Progression + Récompenses — pas un item de combat Progression + Rewards — not a combat item
🎁 186K points + 50 box (FREE + VIP) 186K points + 50 boxes (FREE + VIP)
Débloques les récompenses VIP : complète 50 quêtes en progression stricte (1→50) pour obtenir 186,000 points shop total et 50 box (ressources, blueprints, dinos en cryo). Unlock VIP rewards: complete 50 quests in strict progression (1→50) to earn 186,000 shop points total and 50 boxes (resources, blueprints, cryo dinos).
📊 FREE : 62K points + 25 box | VIP : +124K points + 25 box supplémentaires 📊 FREE: 62K points + 25 boxes | VIP: +124K points + 25 additional boxes
🎯 Progression stricte (1→50) 🎯 Strict progression (1→50) OBLIGATOIRE
Si tu bloques, tu ne passes pas à la suite. Ordre strict requis. If stuck, you can't proceed. Strict order required.
📦 Types de box 📦 Box types 3 TYPES
BOX_RES (ressources) • BOX_BP (blueprints) • BOX_DINO (dinos en cryo) BOX_RES (resources) • BOX_BP (blueprints) • BOX_DINO (cryo dinos)
⭐ Paliers importants ⭐ Major milestones 10/20/30/40/50
Bonus de points massifs + meilleures box garanties + récompenses exclusives Massive point bonuses + guaranteed best boxes + exclusive rewards
ℹ️ VIP récupère automatiquement FREE + VIP = 186K points total et 50 box (25 FREE + 25 VIP supplémentaires) ℹ️ VIP automatically receives FREE + VIP = 186K total points and 50 boxes (25 FREE + 25 additional VIP)
PRIX / PRICE : 10,00 €
📍 Disponible dans le shop en jeu
Onglet : BATTLE PASS 📍 Available in the in-game shop
Tab: BATTLE PASS