@font-face{font-family:Bowlby One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bowlby-one-latin-400-normal-BlBlciR_.woff2) format("woff2"),url(/assets/bowlby-one-latin-400-normal-DAczUCp_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--tapis-haut: #17513b;--tapis-bas: #0d3125;--creme: #fbf1dc;--creme-doux: #d9e6d6;--ombre: rgba(4, 22, 15, .55);--titre: "Bowlby One", "Arial Black", sans-serif;--texte: "Bricolage Grotesque Variable", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--tapis-bas)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--tapis-haut) 0%,var(--tapis-bas) 100%);color:var(--creme);font-family:var(--texte);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{max-width:1500px;margin:0 auto;padding:26px 48px 36px}.tete{margin-bottom:34px}.logo{display:inline-flex;align-items:baseline;gap:6px;margin:0 0 14px;animation:poser .6s cubic-bezier(.2,.9,.3,1.2) both}.logo-asap{font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--creme-doux)}.logo-play{font-family:var(--titre);font-size:26px;line-height:1;color:var(--creme);background:#d3222c;padding:6px 12px 4px;border-radius:8px;transform:rotate(-3deg);box-shadow:0 4px #8f1219}h1{font-family:var(--titre);font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.01em;margin:0;max-width:none;animation:poser .7s .08s cubic-bezier(.2,.9,.3,1.15) both}.chapo{margin:10px 0 0;max-width:52ch;font-size:18px;color:var(--creme-doux);animation:poser .7s .16s ease-out both}@keyframes poser{0%{opacity:0;transform:translateY(14px)}}.table{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}.affiche{--rx: 0deg;--ry: 0deg;perspective:900px;animation:distribuer .75s calc(.25s + var(--rang) * .11s) cubic-bezier(.18,.9,.32,1.25) both}@keyframes distribuer{0%{opacity:0;transform:translate(-40px,-120px) rotate(-14deg) scale(.86)}60%{opacity:1}}.boite{position:relative;height:100%;display:flex;flex-direction:column;background:var(--c);color:var(--encre);border-radius:18px;padding:11px;box-shadow:0 7px color-mix(in srgb,var(--c) 62%,#000),0 20px 26px var(--ombre);transform:rotate(var(--pente)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s cubic-bezier(.2,.9,.3,1.3)}.affiche:hover .boite,.affiche:focus-within .boite{transform:translateY(-12px) scale(1.035) rotate(0) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out;will-change:transform}.fenetre{position:relative;container-type:inline-size;height:clamp(250px,34vh,330px);border-radius:11px;overflow:hidden;background:color-mix(in srgb,var(--c) 72%,#000);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 55%,#000)}.fenetre img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;-webkit-user-select:none;user-select:none;animation:balayer 17s calc(var(--rang) * -3.1s) ease-in-out infinite alternate paused;transition:scale .6s ease}.affiche:hover .fenetre img{scale:1.07;animation-play-state:running}@media (hover: none){.affiche.en-vue .fenetre img{animation-play-state:running}}.sobre .fenetre img{animation:none;transition:none}.sobre .affiche:hover .fenetre img{scale:1}.sobre .boite{transition-duration:.15s}.sobre .affiche:hover .boite,.sobre .affiche:focus-within .boite{transform:translateY(-8px) rotate(0)}@keyframes balayer{0%{transform:translate(0)}to{transform:translate(calc(-100% + 100cqw))}}.corps{display:flex;flex-direction:column;flex:1;padding:14px 6px 4px}h2{margin:0;display:flex;flex-direction:column;font-weight:400}.marque{font-size:13px;font-weight:700;letter-spacing:.02em;opacity:.8}.nom{font-family:var(--titre);font-size:clamp(24px,2.05vw,31px);line-height:1;margin-top:2px}.ligne{margin:10px 0 0;font-size:15px;line-height:1.35;font-weight:500}.meta{margin:auto 0 0;padding-top:12px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}.joueurs{display:inline-flex;align-items:center;gap:7px;font-weight:700}.pions{width:24px;height:16px;fill:currentColor}.mode{opacity:.82}.jouer{margin-top:12px;display:flex;align-items:center;justify-content:center;height:44px;border-radius:999px;background:var(--encre);color:var(--c);font-family:var(--titre);font-size:17px;text-decoration:none;transition:transform .2s ease}.jouer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px}.affiche:hover .jouer{transform:scale(1.04)}.jouer:focus-visible{outline:none}.jouer:focus-visible:after{outline:3px solid var(--creme);outline-offset:5px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bientot{margin:38px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:15px;color:var(--creme-doux);animation:poser .6s 1s ease-out both}.pastille{padding:3px 11px;border:1.5px dashed color-mix(in srgb,var(--creme) 55%,transparent);border-radius:999px;font-size:13px;font-weight:600;color:var(--creme)}@media (max-width: 1180px){.table{grid-template-columns:repeat(3,minmax(0,1fr))}.nom{font-size:28px}}@media (max-width: 760px){.page{padding:22px 16px 32px}.tete{margin-bottom:24px}.chapo{font-size:16px}.table{grid-template-columns:1fr;gap:30px}.fenetre{height:240px}.fenetre img{animation-duration:12s}.nom{font-size:30px}.boite{transform:rotate(calc(var(--pente) * .5))}}