/* Dynastia RP — Règlement. Même grille marketing que Accueil / Comment jouer / Actualités. */
.page-rules{
  --rules-bg:#020719;--rules-panel:#08142f;--rules-panel2:#0a1836;--rules-line:#263967;
  --rules-text:#f4f6fb;--rules-muted:#aeb7cc;--rules-purple:#d56cff;--rules-cyan:#30cfff;
  --rules-blue:#5aa3ff;--rules-gold:#ffc42d;--rules-pink:#ff65b4;--rules-width:1480px;
  background:radial-gradient(850px 430px at 42% 5%,rgba(59,34,145,.18),transparent 64%),linear-gradient(180deg,#020716,#03091b 58%,#020717)!important;
  color:var(--rules-text);
}
.page-rules .public-main{padding:0!important;max-width:none!important;width:auto!important;margin:0!important}
.page-rules .public-footer{display:none!important}

/* Header strictement identique aux autres pages marketing */
.page-rules .home-public-header{height:78px!important;min-height:78px!important;padding:0 max(28px,calc((100vw - var(--rules-width))/2))!important;border-bottom:1px solid rgba(85,91,171,.28)!important;background:rgba(2,7,25,.97)!important;backdrop-filter:blur(18px);box-shadow:none!important;position:sticky;top:0;z-index:80}
.page-rules .home-public-header .brand{gap:12px;font-size:22px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}
.page-rules .home-public-header .brand img{width:55px;height:55px;object-fit:contain}
.page-rules .home-public-header .brand>span{color:#f3f5ff}.page-rules .home-public-header .brand>span>span{color:var(--rules-cyan)}
.page-rules .home-public-nav{gap:30px!important;font-size:14px!important;font-weight:700!important;color:#f0f2fb!important}
.page-rules .home-public-nav>a:not(.btn){padding:27px 0 23px!important;color:#f1f2f8!important;white-space:nowrap;position:relative}
.page-rules .home-public-nav>a.active::after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:linear-gradient(90deg,#8f61ff,var(--rules-gold));border-radius:2px}
.page-rules .home-public-nav .home-nav-login{display:flex!important;align-items:center;gap:8px}
.page-rules .home-public-nav .home-nav-register{padding:13px 24px!important;border-radius:9px!important;background:linear-gradient(180deg,#ffd35a,#ffb81c)!important;color:#15120a!important;box-shadow:0 8px 26px rgba(255,185,29,.18)!important;text-transform:none!important;font-size:14px!important}

.rules-page{color:var(--rules-text);overflow:hidden}
.rules-hero{max-width:var(--rules-width);margin:0 auto;display:grid;grid-template-columns:42% 58%;min-height:330px;border-bottom:1px solid rgba(50,63,115,.38)}
.rules-hero-copy{padding:43px 34px 36px 42px;position:relative;z-index:2;background:linear-gradient(90deg,#020819 0%,#020819 82%,rgba(2,8,25,.78) 96%,transparent 100%)}
.rules-kicker{display:block;margin-bottom:9px;color:var(--rules-purple);font:900 14px/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.rules-hero h1{margin:0;font:900 47px/.98 'Poppins',sans-serif;letter-spacing:-.045em;text-transform:uppercase;color:#f5f7fb}
.rules-hero h1 span{color:var(--rules-cyan)}
.rules-stars{display:flex;align-items:center;gap:12px;color:var(--rules-gold);margin:14px 0 16px}.rules-stars i{display:block;width:25px;height:2px;background:linear-gradient(90deg,var(--rules-purple),transparent)}.rules-stars i:last-child{transform:scaleX(-1)}.rules-stars b{font-size:10px}
.rules-hero-copy>p{margin:0;max-width:510px;color:#cbd2e3;font-size:13px;line-height:1.68}
.rules-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
.rules-btn{height:47px;padding:0 22px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:900 13px/1 'Poppins',sans-serif;text-transform:uppercase;transition:.15s ease}.rules-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.rules-btn-gold{background:linear-gradient(180deg,#ffd25a,#ffb719);border-color:#ffc43b;color:#151108;box-shadow:0 10px 25px rgba(255,185,25,.18)}
.rules-btn-purple{background:rgba(53,15,82,.18);border-color:#9747ce;color:#e084ff;box-shadow:inset 0 0 20px rgba(143,56,216,.08)}
.rules-hero-art{position:relative;overflow:hidden;background:#07112a}.rules-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.04)}
.rules-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,25,.32),transparent 18%),linear-gradient(180deg,transparent 72%,rgba(2,7,25,.3))}.rules-hero-glow{position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(44,32,130,.16)}

/* Bandeau de valeurs aligné sur les marges du feed Actualités */
.rules-values{max-width:calc(var(--rules-width) - 84px);margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #27345f;border-radius:10px;overflow:hidden;background:rgba(6,15,38,.92)}
.rules-values article{padding:16px 20px;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;border-right:1px solid #27345f}.rules-values article:last-child{border-right:0}.rules-values i{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font:900 20px/1 'Poppins',sans-serif;background:#0d1530;font-style:normal}.rules-values strong,.rules-values span{display:block}.rules-values strong{font:800 12px/1.2 'Poppins',sans-serif;text-transform:uppercase;margin-bottom:5px}.rules-values span{font-size:10px;color:#aeb8cf;line-height:1.45}.rules-value-purple i,.rules-value-purple strong{color:var(--rules-purple)}.rules-value-cyan i,.rules-value-cyan strong{color:var(--rules-cyan)}.rules-value-gold i,.rules-value-gold strong{color:var(--rules-gold)}

.rules-core{max-width:var(--rules-width);margin:0 auto;padding:25px 42px 26px}
.rules-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.rules-section-heading span{display:block;color:var(--rules-cyan);font:900 11px/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.08em}.rules-section-heading h2{margin:7px 0 0;font:800 24px/1.05 'Poppins',sans-serif;color:#f2f4fb}.rules-section-heading p{margin:0;max-width:440px;color:#8f9ab4;font-size:10px;line-height:1.55;text-align:right}
.rules-jump{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.rules-jump a{padding:8px 12px;border-radius:8px;border:1px solid #25345f;background:#07142f;color:#b9c2d8;font-size:9px;font-weight:800}.rules-jump a b{color:var(--rules-gold);margin-right:4px}.rules-jump a:hover{border-color:#7950a8;color:#fff}

.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rule-card{--tone:var(--rules-purple);min-height:160px;padding:20px;display:grid;grid-template-columns:48px 58px 1fr;gap:14px;align-items:start;border:1px solid var(--tone);border-radius:10px;background:linear-gradient(180deg,rgba(9,21,49,.97),rgba(5,13,32,.98));scroll-margin-top:95px;box-shadow:0 12px 35px rgba(0,0,0,.14)}
.rule-cyan{--tone:#1e769e}.rule-blue{--tone:#3d6fb6}.rule-gold{--tone:#9a6a08}.rule-pink{--tone:#8e3b75}
.rule-number{font:900 24px/1 'Poppins',sans-serif;color:var(--tone)}.rule-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#0c1733;border:1px solid var(--tone);color:#fff;font:900 22px/1 'Poppins',sans-serif}
.rule-copy>span{display:block;color:var(--tone);font:900 9px/1 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.09em}.rule-copy h3{margin:6px 0 7px;font:800 17px/1.12 'Poppins',sans-serif;color:#f3f5fa}.rule-copy p{margin:0;color:#aeb8cf;font-size:10px;line-height:1.55}
.rule-wide{grid-column:1/-1;grid-template-columns:48px 58px 1fr 270px;align-items:center}.rule-support{padding:13px 15px;border-left:1px solid rgba(255,112,189,.26)}.rule-support strong,.rule-support span,.rule-support a{display:block}.rule-support strong{font-size:11px;color:#fff}.rule-support span{font-size:9px;color:#9ca8bf;line-height:1.45;margin:4px 0 7px}.rule-support a{color:var(--rules-pink);font-size:9px;font-weight:900}

.rules-join-strip{max-width:calc(var(--rules-width) - 84px);margin:0 auto 24px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #553474;border-radius:10px;background:linear-gradient(90deg,rgba(32,14,60,.78),rgba(5,16,42,.92))}.rules-join-strip span{display:block;color:#d27dff;font-size:10px;font-weight:900;text-transform:uppercase}.rules-join-strip h2{margin:5px 0 0;font:800 19px/1.1 'Poppins',sans-serif}

/* Footer strictement calé sur Actualités / Comment jouer */
.rules-footer{border-top:1px solid rgba(53,65,117,.45);background:#020718}.rules-footer-main{max-width:var(--rules-width);margin:0 auto;display:grid;grid-template-columns:260px 1fr 145px 135px 165px;gap:28px;align-items:center;padding:20px 42px 14px}.rules-footer-brand{display:flex;align-items:center;gap:11px}.rules-footer-brand img{width:58px;height:58px;object-fit:contain}.rules-footer-brand strong{display:block;font:800 20px/1 'Poppins',sans-serif;text-transform:uppercase;color:#f4f5fb}.rules-footer-brand strong span{color:var(--rules-cyan)}.rules-footer-brand small{display:block;color:var(--rules-gold);font-size:9px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;margin-top:4px}.rules-footer-main>p{margin:0;color:#aeb7ce;font-size:9px;line-height:1.6}.rules-footer-links{display:flex;flex-direction:column;gap:3px;font-size:9px;color:#b2bad0}.rules-footer-links strong,.rules-footer-social strong{font-size:9px;color:#f3f5fb;text-transform:uppercase;margin-bottom:2px}.rules-footer-links a:hover{color:#fff}.rules-footer-social>div{display:flex;gap:9px;margin-top:8px}.rules-footer-social span{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:#263c95;color:#fff;font-weight:900}.rules-footer-social span:nth-child(2){background:#2476cb}.rules-footer-social span:nth-child(3){background:linear-gradient(135deg,#6b4cf4,#fb4c89,#ff9a35)}.rules-footer-social span:nth-child(4){background:#d52c35}.rules-copyright{max-width:var(--rules-width);margin:0 auto;padding:7px 42px 12px;border-top:1px solid rgba(53,65,117,.28);text-align:center;color:#67738f;font-size:9px}

@media(max-width:1100px){.page-rules .home-public-nav{gap:17px!important}.rules-hero{grid-template-columns:1fr}.rules-hero-copy{background:#020819}.rules-hero-art{height:310px}.rules-footer-main{grid-template-columns:1.2fr 1.6fr 1fr 1fr}.rules-footer-social{grid-column:4}}
@media(max-width:900px){.page-rules .home-public-header{height:68px!important;min-height:68px!important;padding:0 16px!important}.page-rules .home-public-header .brand img{width:45px;height:45px}.page-rules .home-public-header .brand{font-size:18px}.page-rules .mobile-menu-btn{display:block}.page-rules .home-public-nav{display:none!important;top:67px!important}.page-rules .home-public-nav.open{display:flex!important}.page-rules .home-public-nav>a:not(.btn){padding:11px 8px!important}.page-rules .home-public-nav>a.active::after{display:none}.rules-values{margin-left:18px;margin-right:18px;grid-template-columns:1fr}.rules-values article{border-right:0;border-bottom:1px solid #27345f}.rules-values article:last-child{border-bottom:0}.rules-core{padding:22px 18px 26px}.rules-section-heading{align-items:start;flex-direction:column}.rules-section-heading p{text-align:left}.rules-grid{grid-template-columns:1fr}.rule-wide{grid-column:auto;grid-template-columns:48px 58px 1fr}.rule-support{grid-column:2/-1;border-left:0;border-top:1px solid rgba(255,112,189,.26);padding-left:0;margin-top:3px;padding-top:12px}.rules-join-strip{margin-left:18px;margin-right:18px}.rules-footer-main{grid-template-columns:1fr 1fr;padding:22px}.rules-footer-social{grid-column:auto}}
@media(max-width:620px){.rules-hero-copy{padding:30px 18px}.rules-hero h1{font-size:35px}.rules-hero-art{height:230px}.rules-actions{display:grid;grid-template-columns:1fr}.rules-btn{width:100%}.rule-card,.rule-wide{grid-template-columns:42px 1fr;gap:10px}.rule-icon{grid-row:2;grid-column:1;width:42px;height:42px}.rule-copy{grid-column:2;grid-row:1/3}.rule-support{grid-column:1/-1}.rules-join-strip{align-items:flex-start;flex-direction:column}.rules-footer-main{grid-template-columns:1fr}.rules-footer-links,.rules-footer-social{padding-top:8px;border-top:1px solid rgba(53,65,117,.22)}.rules-copyright{padding-left:18px;padding-right:18px}}

/* Patch visuel — bannière règlement + pictogrammes pixel-art */
.rules-hero-art img{
  object-position:center 48%;
  transform:none;
}
.rules-values i{
  padding:4px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 45%,rgba(109,69,222,.24),#0d1530 72%);
  box-shadow:inset 0 0 16px rgba(110,75,220,.12);
}
.rules-values i img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  image-rendering:pixelated;
}
.rules-value-purple i{border:1px solid rgba(213,108,255,.38)}
.rules-value-cyan i{border:1px solid rgba(48,207,255,.38);background:radial-gradient(circle at 50% 45%,rgba(48,207,255,.14),#0d1530 72%)}
.rules-value-gold i{border:1px solid rgba(255,196,45,.38);background:radial-gradient(circle at 50% 45%,rgba(255,196,45,.13),#0d1530 72%)}