:root{
  --ink:#101027;
  --muted:#6b6b86;
  --paper:#fbfbff;
  --purple:#6d28d9;
  --violet:#8b5cf6;
  --blue:#14b8ff;
  --yellow:#ffd635;
  --pink:#ff4e91;
  --green:#4ade80;
  --card:#ffffffd9;
  --shadow:0 24px 70px rgba(49,32,100,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,-apple-system,sans-serif;background:
radial-gradient(circle at 15% 0%,#fff7c7 0,transparent 31%),
radial-gradient(circle at 96% 16%,#dff7ff 0,transparent 34%),
linear-gradient(180deg,#fff 0%,#f8f7ff 48%,#fff 100%);color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.ambient{position:fixed;border-radius:50%;filter:blur(4px);opacity:.48;pointer-events:none;z-index:-1}
.ambient-one{width:420px;height:420px;background:#ffe05b;top:-180px;left:-180px}
.ambient-two{width:520px;height:520px;background:#77ddff;right:-250px;top:260px}
.ambient-three{width:380px;height:380px;background:#c6a8ff;left:15%;bottom:-220px}
.site-header{position:sticky;top:14px;z-index:50;width:min(1180px,calc(100% - 28px));margin:14px auto 0;padding:10px 14px 10px 10px;border:1px solid rgba(109,40,217,.1);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-radius:24px;display:flex;align-items:center;gap:24px;box-shadow:0 12px 40px rgba(45,31,91,.1)}
.brand{display:flex;align-items:center}.brand img{width:74px;height:54px;object-fit:contain}
nav{display:flex;gap:24px;margin-right:auto}nav a{font-weight:800;font-size:.95rem;color:#494966;transition:.2s}nav a:hover{color:var(--purple);transform:translateY(-1px)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;border-radius:16px;transition:.2s cubic-bezier(.2,.8,.2,1)}
.header-cta{background:var(--ink);color:#fff;padding:12px 17px}.header-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,16,39,.2)}
main{width:min(1180px,calc(100% - 32px));margin:auto}
.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;padding:70px 0 44px}
.pill,.kicker{display:inline-flex;align-items:center;width:max-content;font-weight:900;letter-spacing:.04em}.pill{background:#fff;border:1px solid #eee9ff;border-radius:999px;padding:9px 14px;box-shadow:0 10px 30px rgba(59,37,120,.08);font-size:.88rem}.kicker{text-transform:uppercase;color:var(--purple);font-size:.78rem;letter-spacing:.12em}
h1{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.92;letter-spacing:-.065em;margin:22px 0 28px;max-width:830px}h1 span{background:linear-gradient(90deg,var(--purple),#2277ff 48%,#00b7d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:1.22rem;line-height:1.65;color:#585870;max-width:720px;margin:0}
.hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}.button.primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;padding:15px 21px;box-shadow:0 16px 32px rgba(109,40,217,.24)}.button.primary:hover{transform:translateY(-3px) scale(1.02)}.microcopy{font-size:.9rem;color:#77758c;font-weight:700}
.quick-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.quick-facts span{background:#ffffffa8;border:1px solid rgba(109,40,217,.08);padding:9px 12px;border-radius:14px;font-weight:800;font-size:.88rem;color:#56546d}
.hero-visual{display:flex;justify-content:center;align-items:center;min-height:540px}.logo-stage{position:relative;width:min(520px,100%);aspect-ratio:1;display:grid;place-items:center}.logo-stage:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,#e8f5ff 38%,#e4d9ff 64%,transparent 68%);filter:blur(3px);animation:pulse 4s ease-in-out infinite}.logo-stage img{width:90%;position:relative;z-index:3;filter:drop-shadow(0 32px 30px rgba(51,42,116,.22));animation:float 4.6s ease-in-out infinite}.orbit{position:absolute;border:3px dashed rgba(109,40,217,.16);border-radius:50%;animation:spin 20s linear infinite}.orbit-one{inset:2%}.orbit-two{inset:14%;animation-direction:reverse;animation-duration:14s}.spark{position:absolute;z-index:4;font-size:2rem;animation:twinkle 2s ease-in-out infinite}.s1{color:#facc15;left:4%;top:20%}.s2{color:#22c1ff;right:1%;top:38%;animation-delay:.7s}.s3{color:#ff4e91;left:19%;bottom:9%;animation-delay:1.2s}
.games-section{padding:80px 0 56px}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section-heading h2,.coming h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.04em;margin:8px 0 0}.section-heading p{max-width:480px;color:var(--muted);line-height:1.6;margin:0}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{position:relative;min-height:590px;border-radius:32px;overflow:hidden;padding:24px;display:flex;flex-direction:column;isolation:isolate;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.72);transition:.28s cubic-bezier(.2,.8,.2,1)}.game-card:hover{transform:translateY(-9px) rotateX(1deg);box-shadow:0 32px 80px rgba(50,32,104,.22)}.game-card:before{content:"";position:absolute;inset:0;z-index:-3}.game-card:after{content:"";position:absolute;inset:auto -20% -30% -20%;height:55%;background:#fff;filter:blur(55px);opacity:.48;z-index:-2}.game-card.cosmic:before{background:radial-gradient(circle at 70% 8%,#61dbff 0,transparent 28%),linear-gradient(145deg,#0b1238,#3346b6 48%,#11172f)}.game-card.gold:before{background:radial-gradient(circle at 20% 0,#ffdb62 0,transparent 34%),linear-gradient(145deg,#6c2d0b,#c97114 50%,#3c1b0b)}.game-card.egypt:before{background:radial-gradient(circle at 80% 3%,#42d4ff 0,transparent 28%),linear-gradient(145deg,#08142d,#0b4974 55%,#4c2606)}
.game-logo-wrap{height:285px;display:grid;place-items:center;margin:-5px -5px 4px}.game-logo{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.25))}.game-card.gold .game-logo,.game-card.egypt .game-logo{border-radius:22px}
.game-body{margin-top:auto;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);padding:22px;border-radius:24px;color:var(--ink);box-shadow:0 14px 40px rgba(0,0,0,.12)}.game-eyebrow{display:inline-flex;font-size:.76rem;text-transform:uppercase;font-weight:950;letter-spacing:.1em;color:var(--purple);margin-bottom:9px}.game-body h3{font-size:1.7rem;letter-spacing:-.03em;margin:0 0 10px}.game-body p{color:#62617a;line-height:1.55;margin:0 0 18px}.game-link{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;padding:13px 15px;border-radius:14px;font-weight:900}.game-link span:last-child{font-size:1.2rem;transition:.2s}.game-link:hover span:last-child{transform:translateX(4px)}
.coming{padding:54px 0 80px}.coming-card{background:linear-gradient(135deg,#fff7c2,#ffd5e6 48%,#d8f5ff);border:1px solid #fff;box-shadow:var(--shadow);border-radius:36px;padding:40px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;position:relative;overflow:hidden}.coming-card:before{content:"";position:absolute;width:240px;height:240px;border:40px solid rgba(255,255,255,.35);border-radius:50%;right:-80px;top:-90px}.plus-bubble{width:92px;height:92px;border-radius:26px;display:grid;place-items:center;font-size:4rem;line-height:1;color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9);box-shadow:0 16px 30px rgba(90,60,190,.24);transform:rotate(-6deg)}.coming-card p{color:#67627b;line-height:1.6;margin:10px 0 0;max-width:700px}.coming-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.coming-tags span{background:#ffffffbf;border:1px solid #fff;padding:8px 11px;border-radius:999px;font-size:.82rem;font-weight:900}
.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 0 90px}.info-strip article{background:#fff;border:1px solid #eeeafa;border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(40,30,95,.08);display:flex;align-items:baseline;gap:10px}.info-strip strong{font-size:2.8rem;color:var(--purple);letter-spacing:-.05em}.info-strip span{color:#68677a;font-weight:800}
footer{width:min(1180px,calc(100% - 32px));margin:0 auto 24px;background:#101027;color:#fff;border-radius:30px;padding:22px 26px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:68px;height:48px;object-fit:contain}.footer-brand p,.copyright{margin:0;color:#c8c6dd;font-size:.9rem}.footer-links{display:flex;align-items:center;gap:9px;color:#d8d6e9}.footer-links button{border:0;background:none;color:inherit;padding:8px;cursor:pointer;font-weight:800}.footer-links button:hover{color:#fff}.legal-dialog{border:0;border-radius:26px;padding:34px;max-width:650px;width:calc(100% - 30px);box-shadow:0 30px 100px rgba(20,14,56,.35)}.legal-dialog::backdrop{background:rgba(16,16,39,.55);backdrop-filter:blur(4px)}.legal-dialog h2{font-size:2.2rem;margin:8px 0 14px}.legal-dialog p{color:#65637a;line-height:1.65}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:#f0edfa;width:38px;height:38px;border-radius:50%;font-size:1.5rem;cursor:pointer}.legal-placeholder{background:#f4f1ff;color:#5b5272;border-radius:16px;padding:16px;font-weight:800;line-height:1.6}
@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}@keyframes pulse{50%{transform:scale(1.05);opacity:.85}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes twinkle{50%{transform:scale(.65);opacity:.45}}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hero-copy{text-align:center}.hero-copy .pill,.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.quick-facts{justify-content:center}.hero-visual{min-height:430px}.games-grid{grid-template-columns:1fr}.game-card{min-height:520px}.game-logo-wrap{height:270px}.coming-card{grid-template-columns:auto 1fr}.coming-tags{grid-column:1/-1;justify-content:flex-start}.section-heading{align-items:flex-start;flex-direction:column}.section-heading p{max-width:700px}footer{grid-template-columns:1fr auto}.copyright{grid-column:1/-1}}
@media(max-width:700px){.site-header{top:8px;margin-top:8px;width:calc(100% - 16px);border-radius:19px}.brand img{width:60px;height:44px}nav{display:none}.header-cta{margin-left:auto;padding:10px 12px;font-size:.86rem}main{width:min(100% - 22px,1180px)}.hero{padding-top:42px}.hero h1{font-size:clamp(3rem,16vw,5rem)}.hero-copy>p{font-size:1.04rem}.hero-visual{min-height:350px}.games-section{padding-top:50px}.game-card{padding:16px;border-radius:26px;min-height:500px}.game-logo-wrap{height:250px}.game-body{padding:19px}.coming-card{padding:28px;grid-template-columns:1fr}.plus-bubble{width:72px;height:72px}.info-strip{grid-template-columns:1fr}.info-strip article{justify-content:center}footer{grid-template-columns:1fr;text-align:center}.footer-brand,.footer-links{justify-content:center}.copyright{grid-column:auto}.section-heading h2,.coming h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.playful-layer{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.float-icon{position:absolute;font-size:clamp(1.8rem,3vw,3.2rem);filter:drop-shadow(0 10px 14px rgba(65,44,130,.12));opacity:.28;animation:drift 12s ease-in-out infinite}.fi1{left:4%;top:24%;animation-delay:-2s}.fi2{right:8%;top:18%;animation-delay:-5s}.fi3{left:10%;bottom:22%;animation-delay:-7s}.fi4{right:12%;bottom:18%;animation-delay:-3s}.fi5{left:48%;top:8%;animation-delay:-9s}@keyframes drift{0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}25%{transform:translate3d(16px,-20px,0) rotate(6deg)}50%{transform:translate3d(-10px,-34px,0) rotate(-4deg)}75%{transform:translate3d(12px,-12px,0) rotate(8deg)}}
.game-card:hover .game-logo{animation:logoBounce .8s cubic-bezier(.2,.8,.2,1)}@keyframes logoBounce{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.035)}70%{transform:translateY(2px) scale(.995)}}

/* SEO / catalogue v2 */
.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-card.snake:before{background:radial-gradient(circle at 76% 8%,#d9ff5b 0,transparent 28%),linear-gradient(145deg,#113b1f,#208b43 48%,#082517)}
.game-logo-wrap{cursor:pointer}.game-logo-wrap:focus-visible,.game-body h3 a:focus-visible,.game-detail-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.game-body h3 a:hover{color:var(--purple)}
.game-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.game-detail-link{font-weight:900;color:var(--purple);padding:12px 8px;text-align:center;border-radius:12px;background:#f3efff;transition:.2s}.game-detail-link:hover{background:#e9e1ff;transform:translateY(-1px)}
.seo-intro{margin:20px 0 34px;padding:42px;border-radius:34px;background:linear-gradient(135deg,#eef9ff,#fff5c8 48%,#f2eaff);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;border:1px solid #fff}.seo-copy h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.045em;margin:9px 0 18px}.seo-copy p{font-size:1.03rem;line-height:1.75;color:#5d5b72;max-width:820px}.seo-copy a{color:var(--purple);font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.seo-badges{display:grid;gap:10px}.seo-badges span{background:#fff;border:1px solid #ede9ff;padding:12px 15px;border-radius:15px;font-weight:900;box-shadow:0 8px 22px rgba(50,32,100,.08);white-space:nowrap}

/* Dedicated game pages */
body.game-detail-page{background:radial-gradient(circle at 10% 0%,#fff4c7 0,transparent 28%),radial-gradient(circle at 90% 12%,#dff6ff 0,transparent 34%),linear-gradient(180deg,#fff,#f8f7ff)}
.detail-main{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:44px 0 72px}.breadcrumb{display:flex;gap:8px;align-items:center;color:#77758a;font-size:.9rem;font-weight:800;margin:22px 0 26px}.breadcrumb a{color:var(--purple)}
.game-detail-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center;padding:36px;border-radius:38px;box-shadow:var(--shadow);background:rgba(255,255,255,.86);border:1px solid #fff;overflow:hidden;position:relative}.game-detail-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(30px);opacity:.22;right:-120px;top:-160px;background:#7c3aed}.detail-logo-stage{min-height:430px;display:grid;place-items:center;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#11152d,#283b7a)}.detail-logo-stage.gold{background:linear-gradient(145deg,#4d2108,#b65f11)}.detail-logo-stage.egypt{background:linear-gradient(145deg,#06152b,#0d547e)}.detail-logo-stage.snake{background:linear-gradient(145deg,#0a2915,#1d773b)}.detail-logo-stage img{max-width:92%;max-height:390px;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.35));animation:float 4.6s ease-in-out infinite}.detail-copy{position:relative}.detail-copy .pill{margin-bottom:14px}.detail-copy h1{font-size:clamp(3rem,6vw,5.4rem);margin:0 0 18px;line-height:.94;letter-spacing:-.055em}.detail-copy h1 span{color:inherit;background:none}.detail-lead{font-size:1.15rem;line-height:1.7;color:#5f5d73;margin:0 0 24px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.button.secondary{padding:14px 18px;background:#f1edff;color:var(--purple)}.button.secondary:hover{transform:translateY(-2px);background:#e8e0ff}.button.play{padding:15px 20px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 15px 30px rgba(83,62,190,.22)}.button.play:hover{transform:translateY(-3px) scale(1.015)}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.detail-panel{background:#fff;border:1px solid #edeaf7;border-radius:26px;padding:28px;box-shadow:0 12px 34px rgba(40,30,95,.07)}.detail-panel.wide{grid-column:1/-1}.detail-panel h2{font-size:1.7rem;margin:0 0 12px;letter-spacing:-.03em}.detail-panel h3{margin:20px 0 8px}.detail-panel p,.detail-panel li{color:#646279;line-height:1.7}.detail-panel ul,.detail-panel ol{padding-left:1.25rem}.feature-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.feature-pills span{background:#f4f1ff;color:#544c72;padding:9px 11px;border-radius:999px;font-weight:850;font-size:.86rem}.faq details{border-top:1px solid #eeeaf7;padding:16px 0}.faq details:first-of-type{border-top:0}.faq summary{font-weight:900;cursor:pointer}.faq p{margin-bottom:0}.related-games{margin-top:28px}.related-games h2{font-size:2rem}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{background:#fff;border:1px solid #ece8f7;border-radius:18px;padding:16px;font-weight:900;transition:.2s}.related-links a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(40,30,95,.08);color:var(--purple)}
.detail-footer{width:min(1100px,calc(100% - 32px));margin:0 auto 24px}

@media(max-width:980px){.games-grid{grid-template-columns:1fr}.game-detail-hero{grid-template-columns:1fr}.detail-logo-stage{min-height:340px}.seo-intro{grid-template-columns:1fr}.seo-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.related-links{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-panel.wide{grid-column:auto}}
@media(max-width:700px){.seo-intro{padding:26px;border-radius:26px}.seo-badges{grid-template-columns:1fr}.game-actions{grid-template-columns:1fr}.game-detail-hero{padding:18px;border-radius:28px}.detail-main{width:min(100% - 22px,1100px);padding-top:20px}.detail-logo-stage{min-height:270px}.detail-logo-stage img{max-height:250px}.detail-copy h1{font-size:clamp(2.7rem,15vw,4.4rem)}}


/* --- visual refinements v3: hero + logo alignment fixes --- */
.hero{min-height:660px;gap:46px;align-items:center}
.hero-visual{min-height:470px}
.logo-stage{width:min(470px,100%);aspect-ratio:.95;isolation:isolate}
.logo-stage:before{inset:18%;background:radial-gradient(circle,rgba(255,255,255,.98) 0 12%,rgba(233,245,255,.92) 34%,rgba(230,218,255,.82) 56%,transparent 72%);filter:blur(8px)}
.logo-stage:after{content:"";position:absolute;inset:15% 10% 11% 10%;border-radius:38px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(243,246,255,.82));box-shadow:0 24px 60px rgba(46,33,105,.12);z-index:1}
.logo-stage img{width:min(66%,320px);max-width:320px;position:relative;z-index:3;filter:drop-shadow(0 20px 24px rgba(51,42,116,.16));animation:float 4.6s ease-in-out infinite}
.orbit{z-index:2;opacity:.55;border-width:2px}
.spark{z-index:4}
.s1{left:8%;top:18%}
.s2{right:5%;top:34%}
.s3{left:22%;bottom:10%}

.games-grid{align-items:stretch}
.game-card{min-height:560px;padding:22px}
.game-logo-wrap{height:248px;display:grid;place-items:start center;padding:26px 18px 0;margin:0 0 12px;overflow:visible}
.game-logo{display:block;width:auto;height:auto;max-width:88%;max-height:188px;object-fit:contain;object-position:center top;filter:drop-shadow(0 16px 18px rgba(0,0,0,.22));transform-origin:center top}
.game-card.cosmic .game-logo{max-width:72%;max-height:162px;margin-top:18px}
.game-card.snake .game-logo{max-width:58%;max-height:194px;margin-top:8px}
.game-card.gold .game-logo{max-width:96%;max-height:196px;margin-top:6px}
.game-card.egypt .game-logo{max-width:88%;max-height:196px;margin-top:2px}
.game-card.gold .game-logo,.game-card.egypt .game-logo{border-radius:0}
.game-body{border-radius:26px}

@media(max-width:980px){
  .hero{gap:28px}
  .hero-visual{min-height:390px}
  .logo-stage{width:min(420px,100%)}
  .logo-stage img{width:min(64%,280px);max-width:280px}
}
@media(max-width:700px){
  .hero-visual{min-height:300px}
  .logo-stage{width:min(340px,100%)}
  .logo-stage:after{inset:17% 8% 12% 8%;border-radius:28px}
  .logo-stage img{width:min(66%,240px);max-width:240px}
  .game-card{min-height:490px}
  .game-logo-wrap{height:210px;padding-top:22px}
  .game-logo{max-height:165px}
  .game-card.cosmic .game-logo{max-height:145px}
  .game-card.snake .game-logo{max-height:170px}
}

/* Catalogue compact : maximum 3 jeux par ligne sur grand écran */
.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.game-card{min-height:515px;padding:18px;border-radius:28px}
.game-logo-wrap{height:205px;padding:20px 12px 0;margin-bottom:10px}
.game-logo{max-height:150px}
.game-card.cosmic .game-logo{max-width:78%;max-height:136px;margin-top:12px}
.game-card.snake .game-logo{max-width:68%;max-height:156px;margin-top:2px}
.game-card.gold .game-logo{max-width:98%;max-height:158px;margin-top:0}
.game-card.egypt .game-logo{max-width:94%;max-height:158px;margin-top:0}
.game-body{padding:18px;border-radius:22px}
.game-body h3{font-size:1.42rem}
.game-body p{font-size:.94rem;line-height:1.5}
.game-actions{gap:8px}.game-detail-link,.game-link{font-size:.88rem;padding:11px 10px}

/* Partage des fiches jeux */
.share-panel{margin-top:26px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#ffffff,#f3f0ff 52%,#eaf8ff);border:1px solid #ebe7fa;box-shadow:0 14px 38px rgba(40,30,95,.08);display:grid;grid-template-columns:minmax(220px,.85fr) 1.4fr;gap:24px;align-items:center}
.share-copy h2{font-size:1.8rem;margin:6px 0 7px;letter-spacing:-.03em}.share-copy p{margin:0;color:#69677d;line-height:1.55}
.share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.share-btn{border:0;border-radius:15px;padding:12px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;cursor:pointer;transition:.2s;box-shadow:0 8px 18px rgba(32,27,75,.08);background:#fff;color:#22223c}
.share-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(32,27,75,.13)}.share-btn b{font-size:1.05rem;min-width:20px}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.whatsapp{background:#25d366;color:#0a3b1c}.share-btn.xshare{background:#111;color:#fff}.share-btn.email{background:#fff4c2}.share-btn.native{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.share-btn.copy.copied{background:#dcfce7;color:#166534}

@media(max-width:1050px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-panel{grid-template-columns:1fr}.share-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.games-grid{grid-template-columns:1fr}.game-card{min-height:480px}.game-logo-wrap{height:190px}.share-panel{padding:22px}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.share-btn{font-size:.86rem}}


/* --- homepage hero refinement v4 --- */
.hero{min-height:650px;gap:52px;align-items:center}
.hero-visual{min-height:470px}
.hero-showcase{position:relative;width:min(520px,100%);min-height:500px;display:grid;place-items:center}
.hero-showcase::before{content:"";position:absolute;inset:9% 0 2% 10%;border-radius:42px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.34));box-shadow:0 24px 60px rgba(46,33,105,.09);border:1px solid rgba(255,255,255,.7)}
.hero-showcase::after{content:"";position:absolute;inset:auto 0 4% 14%;width:72%;height:18%;background:radial-gradient(circle,rgba(139,92,246,.14),rgba(20,184,255,.03) 62%,transparent 74%);filter:blur(18px)}
.showcase-panel{position:relative;z-index:3;width:min(360px,76%);padding:26px 24px 22px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9));border:1px solid rgba(229,229,245,.95);box-shadow:0 22px 45px rgba(49,32,100,.12);text-align:center}
.showcase-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f3efff;color:var(--purple);font-size:.76rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.showcase-logo{display:block;width:min(210px,68%);height:auto;max-width:210px;margin:18px auto 14px;filter:drop-shadow(0 14px 18px rgba(51,42,116,.12))}
.showcase-panel p{margin:0;color:#66647b;font-size:1rem;line-height:1.55;font-weight:800}
.showcase-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid rgba(233,231,246,.98);box-shadow:0 14px 30px rgba(50,32,100,.11);font-weight:900;color:#34344f;backdrop-filter:blur(8px)}
.chip-1{left:0;top:12%;transform:rotate(-6deg)}
.chip-2{right:0;top:10%;transform:rotate(5deg)}
.chip-3{left:5%;bottom:10%;transform:rotate(-4deg)}
.chip-4{right:2%;bottom:12%;transform:rotate(6deg)}

@media(max-width:980px){
  .hero{gap:30px}
  .hero-visual{min-height:400px}
  .hero-showcase{min-height:420px;width:min(460px,100%)}
  .showcase-panel{width:min(340px,78%)}
  .chip-1,.chip-2{top:6%}
}
@media(max-width:700px){
  .hero-visual{min-height:330px}
  .hero-showcase{min-height:340px;width:100%}
  .hero-showcase::before{inset:10% 2% 2% 2%;border-radius:28px}
  .showcase-panel{width:min(290px,80%);padding:18px 16px 16px;border-radius:24px}
  .showcase-logo{width:min(160px,62%);max-width:160px;margin:12px auto 10px}
  .showcase-panel p{font-size:.9rem}
  .showcase-chip{font-size:.82rem;padding:10px 12px;border-radius:14px}
  .chip-1{left:2%;top:2%}
  .chip-2{right:2%;top:2%}
  .chip-3{left:4%;bottom:3%}
  .chip-4{right:4%;bottom:4%}
}


/* Heroes XO */
.game-card.heroes:before{background:radial-gradient(circle at 26% 18%,#6fd7ff 0,transparent 24%),radial-gradient(circle at 78% 14%,#ff9e9e 0,transparent 28%),linear-gradient(145deg,#122a62,#16234d 46%,#6f0d14 100%)}
.game-card.heroes .game-logo{max-width:98%;max-height:148px;margin-top:2px}
.detail-logo-stage.heroes{background:linear-gradient(145deg,#132a61,#1c3fa0 44%,#7e151d)}
.chip-5{left:50%;top:0;transform:translateX(-50%) rotate(2deg)}
@media(max-width:980px){.chip-5{top:auto;left:50%;bottom:-1%;transform:translateX(-50%) rotate(2deg)}}
@media(max-width:700px){.chip-5{left:50%;bottom:-1%;top:auto;transform:translateX(-50%) rotate(2deg)}}


/* Lucky Bingo */
.game-card.lucky:before{background:radial-gradient(circle at 78% 9%,#b7ff66 0,transparent 28%),radial-gradient(circle at 18% 12%,#ffe27a 0,transparent 25%),linear-gradient(145deg,#0d5a37,#27a55b 45%,#c51e2d 100%)}
.game-card.lucky .game-logo{max-width:76%;max-height:156px;margin-top:0}
.detail-logo-stage.lucky{background:radial-gradient(circle at 75% 14%,#9cff54 0,transparent 30%),linear-gradient(145deg,#0b4d31,#15874c 50%,#ab1725)}
.chip-6{left:50%;bottom:0;transform:translateX(-50%) rotate(-2deg)}
@media(max-width:980px){.chip-6{display:none}}
@media(max-width:700px){.chip-5{display:none}}


/* Royal Blackjack */
.game-card.blackjack:before{background:radial-gradient(circle at 20% 8%,#ffcf64 0,transparent 28%),radial-gradient(circle at 82% 12%,#b5141f 0,transparent 30%),linear-gradient(145deg,#061d18,#07452f 48%,#160d0c 100%)}
.game-card.blackjack .game-logo{max-width:88%;max-height:158px;margin-top:0}
.detail-logo-stage.blackjack{background:radial-gradient(circle at 22% 18%,#d6a13a 0,transparent 28%),radial-gradient(circle at 76% 18%,#8c1119 0,transparent 34%),linear-gradient(145deg,#06271f,#07523a 48%,#140b0b)}
.blackjack-note{margin-top:14px;padding:14px 16px;border-radius:16px;background:#fff8dc;border:1px solid #f5df99;color:#66531e;font-weight:800;line-height:1.55}


/* Creepy Solitaire */
.game-card.creepy:before{background:radial-gradient(circle at 18% 10%,#77ff5a 0,transparent 24%),radial-gradient(circle at 84% 12%,#7a1bb8 0,transparent 28%),linear-gradient(145deg,#090611,#23102f 48%,#08110c 100%)}
.game-card.creepy .game-logo{max-width:88%;max-height:160px;margin-top:0}
.detail-logo-stage.creepy{background:radial-gradient(circle at 18% 12%,#38c85b 0,transparent 26%),radial-gradient(circle at 82% 14%,#5c1685 0,transparent 30%),linear-gradient(145deg,#090611,#28123a 50%,#0a1510)}


/* Treasure Match 3D */
.game-card.treasurematch:before{background:radial-gradient(circle at 24% 12%,#84ff7a 0,transparent 24%),radial-gradient(circle at 78% 10%,#4fd5ff 0,transparent 27%),radial-gradient(circle at 60% 72%,#d77aff 0,transparent 32%),linear-gradient(145deg,#0d4b38,#137e63 42%,#6d2ea2 100%)}
.game-card.treasurematch .game-logo{max-width:82%;max-height:162px;margin-top:0}
.detail-logo-stage.treasurematch{background:radial-gradient(circle at 20% 16%,#49d777 0,transparent 26%),radial-gradient(circle at 80% 16%,#3ebeff 0,transparent 28%),linear-gradient(145deg,#073f30,#126e5b 48%,#5d258f)}