@font-face{font-family:"Montserrat";src:url(fontes/montserrat-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Roboto Flex";src:url(fontes/robotoflex-latin.woff2) format("woff2");font-weight:100 1000;font-display:swap}
:root{
  --nuit:#161824;--plaque:#3A3D51;--champ:#4E5062;--pre:#4D5062;--bute:#606172;
  --asphalte:#3E4464;--tiret:#A6ABD2;--herbe:#3DC55B;--miel:#FFC21A;--or:#FFD04D;
  --framboise:#FF2976;--framboise-2:#DE1D63;--framboise-3:#A9144A;
  --ecume:#fff;--cendre:#A1A1A1;--voile:#8E8F9A;
  --rythme:72px;--gout:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nuit);color:var(--ecume);font:400 16px/1.5 "Roboto Flex",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;padding-bottom:104px;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:Montserrat,sans-serif;margin:0;line-height:1.2}
h1{font-size:40px;font-weight:800}
h2{font-size:28px;font-weight:700;margin-bottom:var(--gout)}
h3{font-size:18px;font-weight:700}
small{font-size:13px;color:var(--cendre)}
ol,ul{list-style:none;margin:0;padding:0}
dl,dd{margin:0}
figure{margin:0}
.cadre{width:100%;max-width:1200px;margin-inline:auto}
.tranche{padding-top:var(--rythme)}
.brouillon{margin:16px 0 0;font-size:13px;color:var(--voile);max-width:820px;line-height:1.4}

/* boutons */
.jeton{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 40px;background:var(--herbe);color:#fff;border-radius:12px;font:700 20px/1.1 Montserrat,sans-serif;text-decoration:none;text-align:center;transition:background .15s}
.jeton:hover{background:#34b04f}
.jeton--court{min-height:48px;padding:0 24px;font-size:16px;white-space:nowrap}
.appel{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:var(--gout);position:relative}
.majeur{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 8px;border:1px solid currentColor;border-radius:8px;font:700 13px/1 Montserrat,sans-serif;color:var(--ecume)}
.appel .majeur{position:absolute;margin-left:380px}
.etiquette{display:inline-flex;align-items:center;height:28px;padding:0 12px;background:var(--plaque);border-radius:8px;font:600 13px/1 Montserrat,sans-serif}

/* poste du haut */
.poste{background:var(--plaque);position:relative;z-index:30}
.poste__rang{display:flex;align-items:center;gap:8px;min-height:56px}
.poste__logo{margin-right:auto;display:block}
.poste__logo img{width:210px;height:auto}
.pastille{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--champ);border-radius:8px;font:600 14px/1 Montserrat,sans-serif;text-decoration:none;cursor:pointer;list-style:none;color:#fff}
.pastille::-webkit-details-marker{display:none}
.pastille i{width:16px;height:16px;border:1.5px solid #fff;border-radius:50%;font:700 11px/13px Montserrat,sans-serif;text-align:center}
.pastille img{width:16px;height:18px}
.sommaire{position:relative}
.sommaire summary::after{content:"";width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-2px,-2px)}
.sommaire ol{position:absolute;right:0;top:44px;width:260px;background:var(--plaque);border:1px solid var(--bute);border-radius:12px;padding:8px;z-index:40}
.sommaire a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:14px}
.sommaire a:hover{background:var(--champ)}
.burger,.tiroir{display:none}

/* chaussee */
.chaussee{background:url(art/mur.webp) repeat-x left top/auto 100%,#2C3050}
.chaussee__voies{position:relative;display:grid;grid-template-columns:170px repeat(5,162px) 220px;height:360px;background:var(--asphalte);overflow:hidden}
.chaussee__bord{height:30px;background:url(art/bordure.webp) repeat-x center/auto 100%}
.voie{position:relative;background-image:linear-gradient(var(--tiret) 56%,transparent 56%);background-size:6px 58px;background-repeat:repeat-y;background-position:left top}
.voie--depart{background:none}
.voie__porte{position:absolute;left:18px;bottom:0;width:135px;height:auto}
.poule-marche{position:absolute;left:0;bottom:-8px;width:190px;height:190px;background:url(art/poule-marche.webp) 0 0/400% 400%;animation:marche 1.1s step-end infinite}
@keyframes marche{
  0%{background-position:0 0}6.25%{background-position:33.33% 0}12.5%{background-position:66.67% 0}18.75%{background-position:100% 0}
  25%{background-position:0 33.33%}31.25%{background-position:33.33% 33.33%}37.5%{background-position:66.67% 33.33%}43.75%{background-position:100% 33.33%}
  50%{background-position:0 66.67%}56.25%{background-position:33.33% 66.67%}62.5%{background-position:66.67% 66.67%}68.75%{background-position:100% 66.67%}
  75%{background-position:0 100%}81.25%{background-position:33.33% 100%}87.5%{background-position:66.67% 100%}93.75%{background-position:100% 100%}
}
.plot{position:absolute;left:50%;top:84px;width:116px;transform:translateX(-50%)}
.plot img{width:116px;height:auto}
.plot__k{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 18px/1 Montserrat,sans-serif;white-space:nowrap}
.voie__grille{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:108px;height:auto}
.voie__pave{position:absolute;width:60px;height:auto}
.voie__pave--0{left:88px;top:30px}.voie__pave--1{left:18px;top:220px}.voie__pave--2{left:84px;top:244px}.voie__pave--3{left:20px;top:26px}.voie__pave--4{left:90px;top:228px}
.voie--but .voie__arche{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:163px;height:360px;max-width:none}
.voie--but::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:126px;height:304px;border-radius:63px 63px 0 0;background:#2C3050}
.voie--but .voie__arche{z-index:1}
.plot--oeuf{top:62px;width:124px;z-index:2}
.plot--oeuf img{width:124px}
.plot--oeuf .plot__k{font-size:17px;color:#fff;text-shadow:0 2px 0 #7A5200,0 0 4px #7A5200}
.voie__socle{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100px;height:auto;z-index:2}
.selecteur{position:absolute;left:190px;top:12px;z-index:5;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;background:var(--plaque);border-radius:12px}
.selecteur small{color:#fff;font:600 13px/1 Montserrat,sans-serif}
.selecteur__seg{display:flex;gap:2px;padding:3px;background:var(--champ);border-radius:8px}
.selecteur__seg button,.selecteur__seg span{height:30px;padding:0 12px;border:0;background:none;border-radius:6px;color:var(--voile);font:600 13px/30px Montserrat,sans-serif;cursor:pointer}
.selecteur__seg span{cursor:default}
.selecteur__seg .est-actif{background:var(--bute);color:#fff}
.selecteur__infos{position:absolute;right:232px;top:12px;z-index:5;display:flex;gap:16px;align-items:center;height:46px;padding:0 14px;background:var(--plaque);border-radius:12px}
.selecteur__infos span{display:flex;gap:8px;align-items:baseline}
.selecteur__infos span span{display:inline}
.selecteur__infos small{color:#fff}
.selecteur__infos b{font:700 16px/1 Montserrat,sans-serif;color:var(--or)}

/* ouverture */
.ouverture{padding-top:22px;text-align:center}
.ouverture__meta{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 12px}
.ouverture__meta--g{justify-content:flex-start}
.ouverture .brouillon{margin-inline:auto;margin-top:8px}
.ouverture .appel{margin-top:16px}

/* tuiles, forme officielle */
.tuiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.tuile{background:#1F2233;border:1px solid var(--plaque);border-radius:16px;padding:18px}
.tuile small{display:block;margin-bottom:8px}
.tuile b{font:700 18px/1.2 Montserrat,sans-serif}

/* paliers */
.paliers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.palier{border-radius:16px;overflow:hidden;background:var(--plaque)}
.palier__tete{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;min-height:104px}
.palier__tete h3{font-size:28px}
.palier__tete img{width:72px}
.palier--herbe .palier__tete{background:var(--herbe)}
.palier--ardoise .palier__tete{background:#6470B0}
.palier--miel .palier__tete{background:var(--miel);color:#2C2200}
.palier--braise .palier__tete{background:var(--framboise-2)}
.palier dl{padding:8px 18px 14px}
.palier dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--champ)}
.palier dl div:last-child{border:0}
.palier dt{color:#D5D6DE;font-size:14px}
.palier dd{font:700 16px/1.3 Montserrat,sans-serif;text-align:right;font-variant-numeric:tabular-nums}

/* framboise */
.framboise{background:radial-gradient(ellipse 70% 120% at 18% 10%,var(--framboise) 69.8%,var(--framboise-2) 70%);margin-top:var(--rythme);padding-bottom:var(--rythme)}
.framboise .brouillon{color:#FFD6E5}
.framboise__grille{display:grid;grid-template-columns:564px 1fr;gap:40px;align-items:center}
.framboise__art{width:564px;height:360px;object-fit:contain;border-radius:20px}
.framboise .jeton{min-width:320px}
.trio{display:grid;gap:12px}
.trio li{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--framboise-3);border-radius:12px}
.trio img{width:44px;height:auto;flex:none}
.trio small{display:block;color:#FFD6E5}
.trio b{font:700 18px/1.2 Montserrat,sans-serif}

/* coefficients */
.double{display:grid;grid-template-columns:820px 1fr;gap:24px}
.defile{overflow-x:auto;border-radius:16px}
.grille-k{width:100%;border-collapse:collapse;background:#1F2233;font-variant-numeric:tabular-nums}
.grille-k th,.grille-k td{padding:7px 14px;text-align:right;white-space:nowrap;font-size:15px}
.grille-k thead th{background:var(--plaque);font:700 14px/1.4 Montserrat,sans-serif;position:sticky;top:0}
.grille-k tbody th{color:var(--cendre);font-weight:400;text-align:center;width:64px}
.grille-k thead th:first-child{text-align:center}
.grille-k tbody tr:nth-child(even){background:#262A3D}
.double__voie{display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--asphalte);border-radius:16px;padding:20px}
.double__but{display:flex;flex-direction:column;align-items:center}
.double__but img:first-child{width:120px;margin-bottom:-6px;position:relative;z-index:1}
.double__but img:last-child{width:150px}
.double__colle>img{width:221px;margin:0 auto 16px}
.sommet div{background:var(--plaque);border-radius:12px;padding:14px;margin-bottom:12px}
.sommet dt{font-size:13px;color:#D5D6DE;margin-bottom:6px}
.sommet dd{font:700 18px/1.2 Montserrat,sans-serif;color:var(--or)}

/* regles */
.route-pas{display:grid;grid-template-columns:repeat(5,1fr);background:var(--asphalte);border-radius:16px;overflow:hidden}
.route-pas li{padding:22px 18px 24px;background-image:linear-gradient(var(--tiret) 56%,transparent 56%);background-size:5px 44px;background-repeat:repeat-y;background-position:left top}
.route-pas li:first-child{background-image:none}
.route-pas__p{position:relative;display:block;width:72px;margin-bottom:14px}
.route-pas__p img{width:72px}
.route-pas__p b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 28px/1 Montserrat,sans-serif}
.route-pas p{margin:6px 0 0;font-size:15px;color:#E4E5EE;line-height:1.4}

/* vitrine */
.vitrine{display:grid;grid-template-columns:832px 1fr;gap:24px;align-items:start}
.vitrine__grand img{width:820px;height:auto;border-radius:16px;box-sizing:content-box;max-width:calc(100% - 12px);border:6px solid var(--plaque)}
.vitrine__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.vitrine__mini button{padding:0;border:2px solid var(--plaque);border-radius:8px;overflow:hidden;background:none;cursor:pointer}
.vitrine__mini .est-actif{border-color:#fff}
.legende li{padding:12px 14px;background:var(--plaque);border-radius:8px;margin-bottom:8px;font:600 15px/1.2 Montserrat,sans-serif}

/* console */
.console{display:grid;grid-template-columns:1.25fr 1.35fr 190px 190px;gap:16px;align-items:stretch;padding:18px;background:var(--plaque);border-radius:20px;border:1px solid var(--bute)}
.console__champ{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:0 8px;background:var(--champ);border-radius:8px;font-variant-numeric:tabular-nums}
.console__champ b{font:700 16px/1 Montserrat,sans-serif}
.console__champ i{font-style:normal;color:var(--cendre);font-size:13px}
.console__mm{margin-right:auto;padding:6px 8px;background:var(--bute);border-radius:4px;font:600 13px/1 Montserrat,sans-serif}
.console__mm:last-child{margin:0 0 0 auto}
.console__rang{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.console__pre{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;background:var(--pre);border-radius:8px;font:600 15px/1 Montserrat,sans-serif}
.console__pre i{width:18px;height:18px;border-radius:50%;background:#fff;color:var(--plaque);font:700 12px/18px Montserrat,sans-serif;text-align:center}
.console__niv small{display:block;color:#fff;font:600 15px/1 Montserrat,sans-serif;margin:8px 0 20px}
.console__niv .selecteur__seg{justify-content:space-between}
.console__niv .selecteur__seg span{flex:1;text-align:center;padding:0 4px}
.console__or,.console__vert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:12px;text-align:center;padding:8px}
.console__or{background:var(--miel);color:#2C2200}
.console__vert{background:var(--herbe)}
.console__or small{color:#2C2200}
.console__vert small{color:#fff}
.console__or b,.console__vert b{font:800 18px/1.1 Montserrat,sans-serif}

/* mosaique */
.mosaique{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:16px}
.mosaique__grand{grid-row:1/3;display:flex;gap:24px;align-items:center;padding:28px;background:var(--asphalte);border-radius:16px}
.mosaique__grand>img{width:96px;flex:none}
.formule{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0}
.formule span{padding:10px 14px;background:var(--plaque);border-radius:8px;font:700 16px/1.2 Montserrat,sans-serif}
.formule i{font:800 18px/1 Montserrat,sans-serif;font-style:normal;color:var(--or)}
.mosaique__petit{display:flex;gap:16px;align-items:center;padding:18px;background:var(--plaque);border-radius:16px}
.mosaique__petit img{width:60px;flex:none}
.mosaique__petit p{margin:4px 0 0;font-size:15px;color:#E4E5EE;line-height:1.35}

/* carrefour FAQ */
.carrefour{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;background-image:linear-gradient(var(--tiret) 56%,transparent 56%);background-size:5px 44px;background-repeat:repeat-y;background-position:center top}
.carrefour__q{padding:16px 0;border-bottom:1px solid var(--plaque)}
.carrefour__r{margin:6px 0 0;font-weight:600;color:var(--or)}
.carrefour .brouillon{margin-top:4px}

/* garde RG */
.garde{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.garde__age{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--framboise-2);font:800 28px/1 Montserrat,sans-serif}
.garde h2{margin:0}
.garde .brouillon{margin-top:6px}
.garde__tel{display:block;padding:14px 18px;background:var(--plaque);border-radius:12px;text-decoration:none}
.garde__tel small{display:block;color:#D5D6DE}
.garde__tel b{font:800 18px/1.3 Montserrat,sans-serif;white-space:nowrap}

/* fin */
.fin{margin-top:var(--rythme)}
.fin__bord{height:30px;background:url(art/bordure.webp) repeat-x center/auto 100%}
.fin__rang{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px}
.fin__rang img{width:190px}
.fin ul{display:flex;gap:20px;flex-wrap:wrap}
.fin ul a{font-size:14px;color:#D5D6DE;text-decoration:none}
.fin ul a:hover{color:#fff}

/* quai */
.quai{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:calc(100% - 32px);max-width:1200px;display:flex;align-items:center;gap:12px;padding:10px;background:var(--plaque);border:1px solid var(--bute);border-radius:16px;z-index:25}
.quai__voies{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;background:var(--champ);border-radius:10px}
.quai__voies a{height:42px;border-radius:8px;text-decoration:none;text-align:center;font:600 14px/42px Montserrat,sans-serif;color:#D5D6DE}
.quai__voies a:hover{color:#fff}
.quai__voies a[aria-current]{background:var(--bute);color:#fff}
.quai__jeu{display:flex;align-items:center;gap:8px}
.quai.tete-visible .quai__jeu{display:none}

/* casino */
.framboise--tete{margin-top:0;padding-bottom:0}
.scene{padding-block:28px 36px}
.scene__grille{display:grid;grid-template-columns:564px 1fr;gap:36px;align-items:center}
.scene__droite .etiquette{background:var(--framboise-3)}
.tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}
.tickets div{padding:14px;background:var(--framboise-3);border-radius:12px}
.tickets small{display:block;color:#FFD6E5;margin-bottom:6px}
.tickets b{font:700 18px/1.2 Montserrat,sans-serif}
.partage{width:100%;border-collapse:collapse;background:#1F2233;table-layout:fixed}
.partage th,.partage td{padding:14px 18px;text-align:left}
.partage thead th{background:var(--plaque);font:700 15px/1.3 Montserrat,sans-serif}
.partage tbody th{font:600 15px/1.3 Montserrat,sans-serif}
.partage tbody tr{border-top:1px solid var(--plaque)}
.np{color:var(--voile)}
.partage--plafond td{font-variant-numeric:tabular-nums}
.ligne-piece{display:flex;align-items:center;gap:10px}
.ligne-piece img{width:32px}
.affiches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.affiche{position:relative;padding:22px;border-radius:16px}
.affiche img{width:96px;height:auto;max-height:99px;object-fit:contain;margin-bottom:14px}
.affiche .majeur{position:absolute;right:16px;top:16px}
.affiche--miel{background:var(--miel);color:#2C2200}
.affiche--miel .majeur{color:#2C2200}
.affiche--miel .brouillon{color:#5A4A10}
.affiche--herbe{background:#1F8F3D}
.affiche--herbe .brouillon{color:#CFF0D8}
.affiche--braise{background:var(--framboise-2)}
.affiche--braise .brouillon{color:#FFD6E5}
.affiche__val{display:block;margin-top:6px;font:800 28px/1.2 Montserrat,sans-serif}
.affiche__champ{display:block;margin-top:8px;padding:12px 14px;background:#fff;color:#606172;border-radius:8px;font:500 15px/1.2 Montserrat,sans-serif}
.parcours{display:grid;grid-template-columns:1fr 720px;gap:24px;align-items:center}
.etapes{display:grid;gap:8px}
.etapes li{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--plaque);border-radius:12px}
.etapes__n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--asphalte);border:3px solid var(--tiret);display:flex;align-items:center;justify-content:center;font:800 16px/1 Montserrat,sans-serif}
.etapes p{margin:2px 0 0;font-size:15px}
.parcours__ecran img{width:708px;border-radius:16px;box-sizing:content-box;max-width:calc(100% - 12px);border:6px solid var(--plaque)}

@media (max-width:1240px){
  .cadre{padding-inline:16px}
}
@media (prefers-reduced-motion:reduce){.poule-marche{animation:none}html{scroll-behavior:auto}}

@media (max-width:1100px){
  :root{--rythme:48px;--gout:16px}
  body{padding-bottom:84px}
  h1{font-size:28px}
  h2{font-size:22px}
  .jeton{min-height:56px;padding:0 24px;font-size:18px}
  .appel{flex-direction:column;gap:8px}
  .appel .majeur{position:static;margin:0}
  .pastille--regles,.pastille--rtp{display:none}
  .poste__logo img{width:170px}
  .burger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:36px;padding:0 9px;background:var(--champ);border:0;border-radius:8px;cursor:pointer}
  .burger span{display:block;height:2px;background:#fff}
  .tiroir{position:absolute;left:0;right:0;top:100%;background:var(--plaque);padding:8px 16px 16px;border-top:1px solid var(--champ)}
  .tiroir.est-ouvert{display:block}
  .tiroir a{display:block;padding:12px 8px;font:600 16px/1 Montserrat,sans-serif;text-decoration:none;border-bottom:1px solid var(--champ)}
  .sommaire ol{right:-48px;width:calc(100vw - 32px);max-width:320px}

  .chaussee{background:var(--asphalte)}
  .chaussee__voies{padding:0;max-width:none;height:290px;grid-template-columns:29% 21% 21% 29%}
  .voie:nth-of-type(n+5):not(.voie--but){display:none}
  .selecteur{left:6px;right:6px;top:6px;padding:4px;justify-content:center}
  .selecteur small{display:none}
  .selecteur__seg{flex:1}
  .selecteur__seg button{flex:1;height:30px;padding:0 2px;font-size:12px}
  .selecteur__infos{display:none}
  .voie__porte{left:2px;width:92px}
  .poule-marche{left:-8px;bottom:-4px;width:128px;height:128px}
  .plot{top:62px;width:72px}
  .plot img{width:72px}
  .plot__k{font-size:13px}
  .voie__grille{width:66px}
  .voie__pave{width:34px}
  .voie__pave--0{left:40px;top:50px}.voie__pave--1{left:6px;top:150px}.voie__pave--2{left:42px;top:170px}
  .voie--but .voie__arche{width:113px;height:250px;max-height:250px}
  .voie--but::before{width:88px;height:212px;border-radius:44px 44px 0 0}
  .plot--oeuf{top:58px;width:78px}
  .plot--oeuf img{width:78px}
  .plot--oeuf .plot__k{font-size:12px}
  .voie__socle{width:70px}
  .chaussee__bord{height:18px}

  .ouverture{padding-top:16px}
  .tuiles{grid-template-columns:repeat(2,1fr)}
  .tuile{padding:14px}
  .paliers{grid-template-columns:repeat(2,1fr);gap:10px}
  .palier__tete{padding:12px;min-height:76px}
  .palier__tete h3{font-size:18px}
  .palier__tete img{width:48px}
  .palier dl{padding:6px 12px 10px}
  .palier dl div{flex-direction:column;gap:2px;padding:7px 0}
  .palier dd{text-align:left}
  .framboise__grille,.scene__grille{grid-template-columns:1fr;gap:16px}
  .framboise__art{width:100%;height:auto;aspect-ratio:752/480}
  .framboise .jeton{min-width:0}
  .double,.vitrine,.parcours{grid-template-columns:1fr}
  .double__but{display:none}
  .double__colle>img{width:120px}
  .grille-k th,.grille-k td{padding:6px 6px;font-size:12px}
  .grille-k tbody th{width:30px}
  .route-pas{grid-template-columns:1fr}
  .route-pas li{display:grid;grid-template-columns:56px 1fr;column-gap:14px;padding:14px;background:none;border-top:2px dashed var(--tiret)}
  .route-pas li:first-child{border-top:0}
  .route-pas__p{width:56px;margin:0;grid-row:1/3}
  .route-pas__p img{width:56px}
  .route-pas__p b{font-size:22px}
  .vitrine__grand img,.parcours__ecran img{width:calc(100% - 12px)}
  .console{grid-template-columns:1fr 1fr;padding:12px;gap:10px}
  .console__mise,.console__niv{grid-column:1/-1}
  .console__niv small{margin:4px 0 8px}
  .console__niv .selecteur__seg span{font-size:12px}
  .console__or,.console__vert{padding:12px 6px}
  .mosaique{grid-template-columns:1fr;grid-template-rows:auto}
  .mosaique__grand{grid-row:auto;padding:16px;gap:14px}
  .mosaique__grand>img{width:60px}
  .carrefour{grid-template-columns:1fr;background:none}
  .garde{grid-template-columns:auto 1fr;gap:12px}
  .garde__age{width:60px;height:60px;font-size:18px}
  .garde__tel{grid-column:1/-1;text-align:center}
  .fin__rang{flex-direction:column;align-items:flex-start;gap:14px}
  .fin ul{flex-direction:column;gap:8px}
  .quai{left:0;right:0;bottom:0;transform:none;width:100%;border-radius:0;border-width:1px 0 0;padding:8px 16px;justify-content:center}
  .quai__voies{display:none}
  .quai.tete-visible .quai__jeu{display:flex}
  .quai__jeu{flex:1;justify-content:center}
  .quai__jeu .jeton{flex:1}
  .tickets{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .tickets div{padding:10px 8px}
  .tickets b{font-size:15px}
  .affiches{grid-template-columns:1fr}
  .partage th,.partage td{padding:10px 8px;font-size:13px}
  .partage tbody th,.partage thead th{font-size:13px}
  .scene{padding-block:16px 24px}
}

/* text layer */
.recit{max-width:820px}
.recit h2{margin-top:32px}
.recit h2:first-child{margin-top:0}
.recit p{margin:0 0 14px}
.recit p:last-child{margin-bottom:0}
.recit a,.aparte a,.garde a:not(.garde__tel),.carrefour a,.absent a{color:var(--or)}
.fil{display:grid;grid-template-columns:820px 1fr;gap:24px;align-items:start;margin-top:var(--gout)}
.fil--large{grid-template-columns:820px}
.aparte{background:var(--plaque);border-radius:16px;padding:20px}
.aparte h3{margin-bottom:10px}
.aparte ul,.aparte ol{display:grid;gap:8px;font-size:15px;line-height:1.35}
.aparte li{padding-left:16px;position:relative}
.aparte ul li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--or)}
.aparte ol{counter-reset:n}
.aparte ol li{padding-left:24px;counter-increment:n}
.aparte ol li::before{content:counter(n);position:absolute;left:0;top:0;font:800 15px/1.35 Montserrat,sans-serif;color:var(--or)}
.aparte p{margin:12px 0 0;font-size:15px;line-height:1.4}
.aparte--poule{background:var(--asphalte);display:flex;justify-content:center}
.fiche div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--champ);font-size:14px}
.fiche div:last-child{border:0}
.fiche dt{color:#D5D6DE}
.fiche dd{font-weight:600;text-align:right}
.liste{display:grid;gap:6px;margin:0 0 14px}
.liste li{padding-left:16px;position:relative}
.liste li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--or)}
.sous-titre{margin:var(--gout) 0 12px}
.note{margin:10px 0 0;font-size:13px;color:var(--cendre)}
.ouverture__lead{max-width:820px;margin:10px auto 0}
.scene__lead{margin:16px 0 0}
.affiche p,.mosaique__grand p:not(.formule),.carrefour p{margin:8px 0 0}
.affiche--miel p{color:#2C2200}
.carrefour__q>p:last-child{color:#E4E5EE;font-size:15px;line-height:1.45}
.carrefour .carrefour__r{color:var(--or);margin-top:6px}
.garde p{margin:6px 0 0;font-size:15px;line-height:1.45;max-width:760px}
.fin__note p{margin:16px 0 0;font-size:13px;color:var(--cendre);max-width:820px}
.partage--chiffres td{font-variant-numeric:tabular-nums}
.partage small{color:var(--cendre)}
.legende li{font-weight:400;font-family:inherit;font-size:14px}
.legende b{font-family:Montserrat,sans-serif}
.defile--ecart{margin-top:var(--gout)}
.appel--g{justify-content:flex-start}
.appel--g .majeur{position:static;margin:0}
.absent{display:grid;justify-items:center;gap:12px;text-align:center}
.absent p{margin:0}

/* inner heroes, each its own composition */
.asphalte{background:var(--asphalte)}
.ardoise{background:#5D67A6}
.nuit-or{background:#20233A}
.plateau{display:grid;grid-template-columns:1fr 600px;gap:32px;align-items:center;padding-block:28px 28px}
.plateau__ecran img{width:600px;border-radius:14px;border:0}
.plateau__appel{grid-column:1/-1;margin-top:0}
.tickets--nuit div{background:var(--plaque)}
.tickets--nuit small{color:#D5D6DE}
.plateau__txt p:not(.ouverture__meta),.tablette__txt p:not(.ouverture__meta),.podium__txt p:not(.ouverture__meta),.duel__txt p:not(.ouverture__meta),.affiche-tete p:not(.ouverture__meta),.sobre p{margin:12px 0 0}
.tablette{display:grid;grid-template-columns:360px 1fr;gap:32px;align-items:center;padding-block:20px}
.tablette__art{display:flex;justify-content:center}
.poule-marche--grande{position:static;width:320px;height:320px}
.podium{padding-block:28px;text-align:center}
.podium__txt p:not(.ouverture__meta){max-width:820px;margin-inline:auto}
.podium__rang{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.podium__carte{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-align:left;padding:14px 18px;background:var(--plaque);border-radius:16px}
.podium__carte img{grid-row:1/3;width:64px;height:auto}
.podium__carte small{align-self:end;color:#D5D6DE}
.podium__carte b{align-self:start;font:800 18px/1.2 Montserrat,sans-serif}
.duel{display:grid;grid-template-columns:130px 1fr 130px;gap:32px;align-items:center;padding-block:32px;text-align:center}
.duel__g,.duel__d{width:130px;height:auto}
.duel__txt p:not(.ouverture__meta){max-width:760px;margin-inline:auto}
.affiche-tete{display:grid;grid-template-columns:564px 1fr;gap:36px;align-items:center;padding-block:28px}
.affiche-tete__appel{grid-column:1/-1;margin-top:0}
.sobre{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:28px}
.sobre>div{max-width:820px}
.sobre>img{flex:none;max-width:130px;height:auto}
.garde__tel--grand{flex:none;background:var(--framboise-3)}

/* components of inner pages */
.route-pas--4{grid-template-columns:repeat(4,1fr)}
.balance{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.balance__col{padding:22px;border-radius:16px}
.balance__col--plus{background:#1F8F3D}
.balance__col--moins{background:var(--plaque)}
.balance h3{margin-bottom:12px}
.balance ul{display:grid;gap:8px}
.verdicts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.verdict{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--plaque)}
.verdict img{flex:none;height:60px;width:auto}
.verdict h3{margin:4px 0 0}
.verdict p{margin:4px 0 0;font-size:15px;line-height:1.35;color:#E4E5EE}
.verdict__tag{display:inline-block;padding:3px 8px;border-radius:6px;font:700 12px/1.3 Montserrat,sans-serif}
.verdict--vrai .verdict__tag{background:var(--herbe)}
.verdict--faux .verdict__tag{background:var(--framboise-2)}
.verdict--non .verdict__tag{background:var(--bute)}
.etapes--ligne{grid-template-columns:repeat(5,1fr)}
.etapes--trois{grid-template-columns:repeat(3,1fr)}

@media (max-width:1100px){
  .fil,.fil--large{grid-template-columns:1fr}
  .plateau,.tablette,.affiche-tete{grid-template-columns:1fr;gap:14px;padding-block:18px}
  .plateau__ecran img{width:100%}
  .poule-marche--grande{width:170px;height:170px}
  .tablette__art{order:-1}
  .appel--g{justify-content:center}
  .podium__rang,.balance,.verdicts,.etapes--ligne,.etapes--trois,.route-pas--4{grid-template-columns:1fr}
  .podium{padding-block:18px}
  .duel{grid-template-columns:1fr;padding-block:18px;gap:10px}
  .duel__g{width:70px;margin:0 auto}
  .duel__d{display:none}
  .sobre{flex-direction:column;align-items:flex-start;padding-block:18px}
  .sobre>img{display:none}
  .garde__tel--grand{width:100%;text-align:center}
  .partage--chiffres th,.partage--chiffres td{font-size:12px;padding:8px 6px}
  .partage--chiffres,.partage--plafond{min-width:520px;table-layout:auto}
}
.deux-tables{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.partage caption{padding:12px 18px;background:var(--plaque);text-align:left;font:700 15px/1.3 Montserrat,sans-serif;border-radius:16px 16px 0 0}
.mosaique--ecart,.etapes--ecart{margin-top:var(--gout)}
@media (max-width:1100px){.deux-tables{grid-template-columns:1fr}.deux-tables .partage--chiffres{min-width:0}}
.scene__lead a,.plateau__txt a,.tablette__txt a,.podium__txt a,.duel__txt a:not(.jeton),.affiche-tete a:not(.jeton){color:inherit;text-decoration:underline;font-weight:600}
h1{text-wrap:balance}
.fil+.defile{margin-top:var(--gout)}
.tablette__appel{grid-column:1/-1;margin-top:0}
.carte-t{margin:8px 0 0;font-size:15px;line-height:1.4}
.affiche--miel .carte-t{color:#2C2200}
.etapes .carte-t,.route-pas .carte-t{margin-top:4px;color:#E4E5EE}
.etapes .carte-t.np{color:var(--voile)}
.verdict .carte-t,.mosaique__petit .carte-t{margin-top:4px;color:#E4E5EE}
.carte-t.formule{margin-top:14px}
.recit>.defile{margin:0 0 14px}
.recit>.defile:last-child{margin-bottom:0}
.partage--duo th:first-child{width:42%}
.partage--duo a{color:var(--or)}
@media (max-width:1100px){.carte-t.formule{flex-wrap:wrap}}
.lecteur{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--nuit);border:6px solid var(--plaque)}
.lecteur>img{width:100%;height:100%;object-fit:cover}
.lecteur__btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;background:rgba(22,24,36,.45);border:0;cursor:pointer}
.lecteur__btn span{display:inline-flex;align-items:center;min-height:64px;padding:0 40px;background:var(--miel);color:#2C2200;border-radius:12px;font:700 20px/1.1 Montserrat,sans-serif}
.lecteur iframe{display:block;width:100%;height:100%;border:0}
.plateau--plein{grid-template-columns:1fr}
.plateau--plein .tickets{max-width:820px}
.sommet dt{display:block}
@media (max-width:1100px){
  .lecteur{aspect-ratio:auto;height:220px}
  .lecteur.est-charge{height:640px}
  .lecteur__btn span{min-height:56px;padding:0 24px;font-size:18px}
}
.tranche--serree{padding-top:32px}
.lecteur__btn{align-items:flex-start;padding-top:12%}
@media (max-width:1100px){
  .lecteur{height:auto;aspect-ratio:16/9}
  .lecteur.est-charge{aspect-ratio:auto;height:640px}
  .lecteur__btn{align-items:center;padding-top:0}
}