/* Sud Sport Santé | Alex & Onyx | Page éducative */
.game-breadcrumb{display:flex;align-items:center;gap:10px;padding:15px 0;font-size:12px;color:#59739f}
.game-breadcrumb a{color:var(--navy);font-weight:600}
.game-breadcrumb a:hover{text-decoration:underline}
.game-hero{background:radial-gradient(ellipse at 5% 87%,rgba(71,167,235,.13),transparent 39%),radial-gradient(ellipse at 100% 0%,rgba(247,17,73,.065),transparent 42%),linear-gradient(122deg,#fff 12%,#f4f9ff 68%,#fff8fa);padding:45px 0 68px;overflow:hidden;border-bottom:1px solid #e3eaf6}
.game-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(25px,5vw,72px)}
.game-hero-copy{min-width:0;max-width:565px}
.game-eyebrow{font-size:10px;letter-spacing:.11em;font-weight:800;color:#1552ad;margin:0 0 25px;display:flex;align-items:center;gap:9px}
.game-eyebrow-dot{background:var(--red);border-radius:50%;width:8px;height:8px;display:inline-block;flex:none}
.game-hero h1{margin:0 0 22px;font:700 clamp(34px,4.15vw,58px)/1.09 var(--font-titres);letter-spacing:-.037em;color:var(--navy)}
.game-hero h1 span,.game-hero h1 strong{display:block}
.game-hero h1 strong{font-weight:700;color:#e40845;font-size:.7em;line-height:1.18;margin-top:8px;letter-spacing:-.015em}
.game-intro{font-size:clamp(19px,1.8vw,24px);line-height:1.48;font-weight:600;color:var(--navy);margin:0 0 16px;max-width:510px}
.game-intro b,.game-intro-body b{font-weight:600}
.game-intro-body{font-size:15.5px;line-height:1.75;color:#465e84;margin:0 0 14px}
.game-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:30px;padding:13px 22px;font-size:13px;font-weight:700;min-height:48px;transition:transform .2s,background .2s}
.game-button:hover{transform:translateY(-2px)}
.game-button-primary{color:#fff;background:var(--red);box-shadow:0 9px 19px rgba(250,7,81,.16);margin-top:15px}
.game-button-primary:hover{background:#d40847}
.game-button-outline{color:var(--navy);background:#fff;border-color:#bad0ed;margin-top:13px}
.game-button-outline:hover{background:#eaf3ff}
.game-board-figure{margin:0;min-width:0}
.game-board-open{position:relative;display:block;width:100%;border:1px solid #cbdcf4;padding:10px;background:#fff;border-radius:22px;box-shadow:0 18px 46px rgba(9,43,105,.1);overflow:hidden;transition:box-shadow .2s,transform .2s}
.game-board-open:hover{box-shadow:0 23px 55px rgba(9,43,105,.16);transform:translateY(-2px)}
.game-board-open>img{display:block;width:100%;height:auto;aspect-ratio:1535 / 1024;object-fit:contain;object-position:center;background:#fff;border-radius:13px}
.game-zoom{position:absolute;right:21px;bottom:20px;padding:9px 13px;color:var(--navy);background:rgba(255,255,255,.95);border:1px solid #c9dbf2;border-radius:19px;font-size:11px;font-weight:700;box-shadow:0 3px 15px rgba(5,39,107,.1)}
.game-board-figure figcaption{margin:12px 0 0;color:#6e7f9d;font-size:11.5px;line-height:1.55}
.game-facts{background:#f9fbff;padding:19px 0;border-bottom:1px solid #eaf0fa}
.game-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.game-fact{background:#fff;border-radius:13px;display:flex;align-items:center;gap:12px;padding:16px;min-width:0;border:1px solid #e6edf8}
.game-fact-icon{flex:none;min-width:43px;width:43px;height:43px;border-radius:12px;background:#eaf3ff;color:#0757bf;font-size:14px;font-weight:800;display:grid;place-items:center}
.game-fact:nth-child(1) .game-fact-icon{background:#fff0f5;color:#cf1955}
.game-fact:nth-child(3) .game-fact-icon{background:#fff1f5;color:#df0a4d}
.game-fact:nth-child(4) .game-fact-icon{background:#fff4de;color:#dc7900}
.game-fact-dice{font-size:30px;line-height:1}.game-fact-cup{font-size:24px}
.game-fact strong{display:block;color:var(--navy);font:700 13px/1.3 var(--font-titres);margin-bottom:4px}
.game-fact small{color:#687d9e;font-size:11.5px;line-height:1.3;display:block}
.game-section{padding:80px 0}
.game-section-heading,.game-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:29px}
.game-section-heading>div,.game-gallery-heading>div{max-width:700px}
.game-section .section-kicker{margin:0 0 13px}
.game-section h2{font:700 clamp(29px,3.25vw,45px)/1.18 var(--font-titres);letter-spacing:-.034em;color:var(--navy);margin:0}
.game-section h2 em{color:var(--red);font-style:normal}
.game-section-heading>p{max-width:390px;font-size:14px;line-height:1.7;color:#627595;margin:0}
.game-why{background:#fff}
.game-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.game-benefit{padding:29px 27px 30px;border-radius:20px;border:1px solid #e6eaf4;min-width:0}
.game-benefit-body{background:linear-gradient(137deg,#fff1f4,#fff 70%)}
.game-benefit-motion{background:linear-gradient(137deg,#eaf4ff,#fff 76%)}
.game-benefit-group{background:linear-gradient(137deg,#eff9f0,#fff 75%)}
.game-benefit-illustration{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#fff;color:#d4094c;font:700 32px/1 var(--font-titres);border:1px solid #f5dce6;margin-bottom:17px}
.game-benefit-motion .game-benefit-illustration{color:#0659c8;border-color:#d7e8fd}.game-benefit-group .game-benefit-illustration{color:#168149;border-color:#d8ebdf}
.game-benefit h3{font:700 21px/1.28 var(--font-titres);letter-spacing:-.02em;color:var(--navy);margin:0 0 12px}
.game-benefit p{font-size:14px;line-height:1.75;color:#4b617e;margin:0}
.game-how{background:linear-gradient(180deg,#f7faff,#fff);border-top:1px solid #edf2fa;border-bottom:1px solid #edf2fa}
.game-how-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(32px,8vw,110px);align-items:start}
.game-how-grid>div>p:not(.section-kicker){font-size:16px;line-height:1.8;color:#475d7f;margin:18px 0 0}
.game-steps{list-style:none;padding:0;margin:0;border-top:1px solid #d7e4f4}
.game-steps li{display:grid;grid-template-columns:47px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid #d7e4f4}
.game-steps li>span{font:700 13px/1.5 var(--font-titres);color:var(--red)}
.game-steps h3{font:700 18px/1.35 var(--font-titres);color:var(--navy);margin:0 0 6px}
.game-steps p{font-size:14px;line-height:1.65;color:#657993;margin:0}
.game-gallery-section{background:#fff}
.game-gallery-navigation{display:flex;gap:10px;align-items:center}
.game-gallery-navigation>p{max-width:270px;color:#637899;font-size:13px;line-height:1.6;margin:0 4px 0 0}
.game-gallery-navigation button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #d6e3f4;color:var(--navy);font-size:17px;flex:none}
.game-gallery-navigation button:hover{background:#eaf3ff;border-color:#a8c6ec}
.game-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(185px,calc((100% - 5 * 14px) / 5));gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:5px 2px 22px;scrollbar-color:#b8cdeb #f3f7fd;scrollbar-width:thin}
.game-card{scroll-snap-align:start;min-width:0;border:1px solid #dfe8f4;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;background:#fff;padding:8px;box-shadow:0 5px 15px rgba(16,47,112,.03);transition:box-shadow .2s,transform .2s;text-align:left}
.game-card:hover{box-shadow:0 12px 25px rgba(16,47,112,.11);transform:translateY(-2px)}
.game-card img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;object-position:center;background:#fff;border-radius:8px}
.game-card-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 12px/1.35 var(--font-lecture);color:var(--navy);padding:10px 3px 4px;margin-top:auto}
.game-card-caption span{color:var(--red)}
.game-gallery-help{font-size:12px;color:#7082a0;margin:2px 0 0}
.game-discover{background:#f4f8ff;border-block:1px solid #eaf0f7}
.game-discover-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:center}
.game-discover-grid>div>p:not(.section-kicker){font-size:16px;line-height:1.75;color:#4f6483;margin:19px 0 0}
.game-discover-tags{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.game-discover-tags span{border-radius:30px;background:#fff;padding:11px 14px;color:#21447a;border:1px solid #d8e7f8;font-size:12px;font-weight:650;white-space:nowrap}
.game-discover-tags span:nth-child(3n+2){background:#fff9ea;border-color:#f7e9c7}
.game-discover-tags span:nth-child(4n){background:#fff2f6;border-color:#f6dce6}
.game-conclusion{background:radial-gradient(ellipse at 0% 85%,rgba(61,138,233,.18),transparent 45%),radial-gradient(ellipse at 90% 16%,rgba(247,17,73,.08),transparent 35%),#fff;padding:65px 0 82px}
.game-final-grid{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:clamp(30px,7vw,100px);align-items:center}
.game-final-visual{border-radius:22px;min-height:320px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#e7f4ff,#f9fcff 60%,#fff1f5);border:1px solid #dbe8f7;padding:15px}
.game-final-visual img{height:310px;width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 14px rgba(18,47,102,.09))}
.game-final-grid>div:last-child>p:not(.section-kicker){font-size:16px;line-height:1.75;color:#4f6585;margin:18px 0 0}
.game-final-grid>div:last-child>p strong{font-weight:600;color:var(--navy)}
/* Full-size image inspection without cropping card artwork */
.game-lightbox{padding:0;max-width:1100px;width:calc(100vw - 32px);max-height:calc(100dvh - 30px);border:0;border-radius:20px;background:#fff;box-shadow:0 26px 90px rgba(0,13,59,.36);overflow:hidden}
.game-lightbox::backdrop{background:rgba(2,17,54,.8);backdrop-filter:blur(3px)}
.game-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid #e1eaf6;color:var(--navy);font:700 14px/1.4 var(--font-titres);gap:15px}
.game-lightbox-toolbar button{background:#f1f6fd;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;display:grid;place-items:center;color:var(--navy)}
.game-lightbox-media{display:flex;align-items:center;justify-content:center;background:#f5f8fd;padding:13px;height:min(76dvh,850px)}
.game-lightbox-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.game-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px 17px;min-height:53px;color:#597297;font-size:12px}
.game-lightbox-bottom button{width:38px;height:34px;border-radius:9px;background:#eef5ff;color:var(--navy);border:1px solid #dbe6f4;font-size:17px}
.game-lightbox-bottom button:disabled{opacity:.35;cursor:default}
/* Homepage feature */
.alex-home-promo{padding:20px 0 46px;background:#fff}
.alex-home-grid{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:26px;align-items:center;padding:23px;background:linear-gradient(110deg,#f1f8ff,#fff 63%,#fff5f8);border:1px solid #d9e6f7;border-radius:21px}
.alex-home-image img{width:100%;height:auto;aspect-ratio:1535 / 1024;object-fit:contain;border-radius:13px;box-shadow:0 5px 18px rgba(8,47,118,.1)}
.alex-home-copy h2{color:var(--navy);font:700 clamp(20px,2.15vw,28px)/1.25 var(--font-titres);letter-spacing:-.025em;margin:0 0 12px}
.alex-home-copy h2 em{font-style:normal;color:var(--red)}
.alex-home-copy p:not(.section-kicker){font-size:14px;color:#546c90;line-height:1.65;margin:0 0 18px}
.alex-home-copy a{display:inline-flex;align-items:center;gap:12px;background:var(--navy);color:#fff;border-radius:23px;padding:10px 16px;font-size:12px;font-weight:700}
.alex-home-copy a:hover{background:var(--blue)}
@media(max-width:1100px){.game-hero-grid{gap:30px}.game-fact{padding:13px 10px}.game-fact-icon{min-width:38px;width:38px;height:38px}.game-gallery{grid-auto-columns:minmax(185px,calc((100% - 3 * 14px) / 4))}}
@media(max-width:900px){.game-hero{padding:40px 0 53px}.game-hero-grid{grid-template-columns:1fr}.game-hero-copy{max-width:720px}.game-board-figure{max-width:760px}.game-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-benefit-grid{grid-template-columns:1fr;gap:13px}.game-benefit{padding:22px 23px}.game-benefit-illustration{float:left;margin:0 18px 12px 0}.game-how-grid,.game-discover-grid{grid-template-columns:1fr;gap:28px}.game-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.game-gallery{grid-auto-columns:minmax(180px,calc((100% - 2 * 14px) / 3))}.game-final-grid{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:25px}.game-final-visual{min-height:260px}.game-final-visual img{height:260px}}
@media(max-width:670px){.game-section{padding:56px 0}.game-breadcrumb{padding:11px 0}.game-hero{padding:26px 0 44px}.game-eyebrow{font-size:9px;margin-bottom:19px}.game-hero h1{font-size:clamp(32px,8vw,46px)}.game-intro{font-size:18px}.game-intro-body{font-size:15px;line-height:1.7}.game-board-open{padding:7px;border-radius:16px}.game-zoom{font-size:10px;right:13px;bottom:13px}.game-board-figure figcaption{font-size:11px}.game-fact{padding:13px}.game-fact strong{font-size:12px}.game-fact small{font-size:10.5px}.game-section h2{font-size:clamp(27px,7.6vw,36px)}.game-section-heading>p{font-size:13px}.game-benefit h3{font-size:19px}.game-benefit p{font-size:14px}.game-how-grid>div>p:not(.section-kicker){font-size:15px}.game-gallery-heading{flex-direction:column;align-items:stretch;gap:15px}.game-gallery-navigation{justify-content:space-between}.game-gallery-navigation>p{font-size:12px}.game-gallery{grid-auto-columns:minmax(162px,calc((100% - 14px)/2))}.game-discover-tags{gap:8px}.game-discover-tags span{font-size:11.5px;padding:10px 12px}.game-final-grid{grid-template-columns:1fr}.game-final-visual{min-height:230px}.game-final-visual img{height:240px}.game-final-grid>div:last-child>p:not(.section-kicker){font-size:15px}.alex-home-grid{grid-template-columns:1fr;gap:16px}.alex-home-promo{padding:15px 0 35px}.alex-home-copy h2{font-size:23px}.game-lightbox-media{height:min(74dvh,660px);padding:8px}}
@media(max-width:390px){.game-facts-grid{grid-template-columns:1fr}.game-fact{gap:15px}.game-gallery{grid-auto-columns:minmax(150px,80%)}.game-button{width:100%}.game-board-figure figcaption{line-height:1.4}.game-section{padding:48px 0}}
@media(prefers-reduced-motion:reduce){.game-card,.game-button,.game-board-open{transition:none}.game-gallery{scroll-behavior:auto}}