.oie{--oie-papier:var(--jx-paper);--oie-encre:var(--jx-card-ink);align-items:start;gap:clamp(14px,2.4vw,26px);display:grid}@media (min-width:980px){.oie{grid-template-rows:auto 1fr;grid-template-columns:minmax(320px,400px) minmax(0,1fr)}.oie-tour{grid-area:1/1}.oie-plateau{grid-area:1/2/span 2}.oie-legendes{grid-area:2/1}}.oie-tour{align-content:start;justify-items:center;gap:10px;min-width:0;display:grid}.oie-de{justify-items:center;min-height:112px;display:grid}@media (max-width:979px){.oie-de{min-height:100px}}.oie-panneau{text-align:center;justify-items:center;gap:12px;width:100%;min-width:0;display:grid}.oie-atoi{font-size:clamp(24px,3.4vw,34px)}.oie-pos{margin:0}.oie-lancer{min-width:min(100%,260px);min-height:54px;font-size:18px}.oie-effet,.oie-carte,.oie-trois{justify-items:center;gap:12px;width:100%;display:grid}.oie-effet .jx-aide,.oie-trois .jx-aide{max-width:46ch;margin:0}.oie-qui{color:var(--jx-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.oie-note{margin:0}.oie-choix{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.oie-choix-carte{text-align:left;background:var(--oie-papier);width:100%;color:var(--oie-encre);font:500 16px/1.4 var(--jx-display);cursor:pointer;min-height:56px;box-shadow:var(--jx-ombre);border:1.5px solid #0000;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.oie-choix-carte:hover{border-color:var(--jx-card-accent)}.oie-choix-carte:focus-visible{outline:3px solid var(--jx-focus);outline-offset:2px}.oie-choix-niveau{font:650 12.5px/1 var(--jx-ui);color:var(--jx-card-accent);letter-spacing:.01em}.oie-plateau{--t-depart:#efe6d9;--t-complice:#f6eee2;--t-sensuel:#f8dfd0;--t-sexy:#f4c8bb;--t-pimente:#eaa9a9;--t-brulant:#d493a8;--prune:#3a2a4a;background:var(--oie-papier);color:var(--oie-encre);box-shadow:var(--jx-ombre), 0 0 0 1px #ffdcbe38;border-radius:22px;gap:12px;min-width:0;padding:clamp(10px,1.8vw,18px);display:grid}.oie-zoom{display:none}.oie-vue{overscroll-behavior:contain;border-radius:18px;min-width:0;position:relative}.oie-vue:focus-visible{outline:3px solid var(--jx-focus);outline-offset:2px}.oie-toile{aspect-ratio:1;background:radial-gradient(circle,#fffcf7f2 0 30%,#0000 62%),radial-gradient(circle at 12% 10%,#d9cdee8c,#0000 38%),radial-gradient(circle at 90% 92%,#f7cdb58c,#0000 40%),#f6ede1;border-radius:18px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3a2a4a29,inset 0 0 0 2.2cqw #ffffff59;container-type:inline-size}.oie-couche{--u:calc(100cqw / var(--vb));position:absolute;inset:0}.oie-route{width:100%;height:100%;position:absolute;inset:0}.oie-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.oie-route-bord{stroke:#d7c6e8}.oie-route-fond{stroke:#fcf6ee}.oie-route-pointille{stroke:#3a2a4a4d;stroke-dasharray:1 8}.oie-decor{aspect-ratio:1;pointer-events:none;width:19cqw;display:block;position:absolute}.oie-decor img{object-fit:contain;filter:drop-shadow(0 .5cqw .8cqw #3a2a4a2e);width:100%;height:100%;display:block}.oie-decor[data-coin="0"]{top:.8cqw;left:.8cqw;rotate:-7deg}.oie-decor[data-coin="1"]{top:.8cqw;right:.8cqw;rotate:8deg}.oie-decor[data-coin="2"]{bottom:.8cqw;right:.8cqw;rotate:-6deg}.oie-decor[data-coin="3"]{bottom:.8cqw;left:.8cqw;rotate:5deg}.oie-cases{margin:0;padding:0;list-style:none;position:absolute;inset:0}.oie-case{width:calc(56 * var(--u));aspect-ratio:1;border-radius:calc(12 * var(--u));transform:translate(-50%, -50%) rotate(var(--rot,0deg));background:var(--tint,var(--t-depart));border:max(1px, calc(1.6 * var(--u))) solid #3a2a4a4d;box-shadow:0 calc(2.2 * var(--u)) 0 #3a2a4a24;color:var(--prune);position:absolute}.oie-case[data-niveau=complice]{--tint:var(--t-complice)}.oie-case[data-niveau=sensuel]{--tint:var(--t-sensuel)}.oie-case[data-niveau=sexy]{--tint:var(--t-sexy)}.oie-case[data-niveau=pimente]{--tint:var(--t-pimente)}.oie-case[data-niveau=brulant]{--tint:var(--t-brulant)}.oie-case[data-type=depart]{--tint:#fff8ec;border-style:dashed}.oie-case[data-type]:not([data-type=defi]):not([data-type=depart]):not([data-type=arrivee]){border-color:var(--prune);border-width:max(1.5px, calc(2.4 * var(--u)));box-shadow:0 calc(2.2 * var(--u)) 0 #3a2a4a33, inset 0 0 0 calc(2 * var(--u)) #ffffff8c}.oie-dans{transform:rotate(calc(-1 * var(--rot,0deg)));display:block;position:absolute;inset:0}.oie-num{text-align:center;font:700 max(10px, calc(20 * var(--u)))/1 var(--jx-ui);position:absolute;top:50%;left:0;right:0;translate:0 -50%}.oie-case[data-type=depart] .oie-num{font-size:max(9px, calc(12.5 * var(--u)));font-weight:650}.oie-case:not([data-type=defi]):not([data-type=depart]) .oie-num{top:calc(8 * var(--u));left:calc(7 * var(--u));text-align:left;font-size:max(9px, calc(13 * var(--u)));opacity:.85;right:auto;translate:0}.oie-case[data-type=depart] .oie-num{top:calc(9 * var(--u));translate:0}.oie-court{left:calc(37 * var(--u));top:calc(11 * var(--u));min-width:calc(18 * var(--u));height:calc(18 * var(--u));padding:0 calc(3 * var(--u));background:var(--prune);color:#fff8ec;font:800 max(8px, calc(11 * var(--u)))/1 var(--jx-ui);box-shadow:0 0 0 max(1px, calc(1.5 * var(--u))) #fffaf3e6;border-radius:99px;place-items:center;display:grid;position:absolute}.oie-dessin{width:calc(34 * var(--u));height:calc(34 * var(--u));object-fit:contain;pointer-events:none;position:absolute;top:63%;left:50%;translate:-50% -50%}.oie-case[data-type=arrivee]{width:calc(2 * 118 * var(--u));box-shadow:none;background:0 0;border:0;border-radius:50%;transform:translate(-50%,-50%)}.oie-medaillon{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 calc(2 * var(--u)) calc(4 * var(--u)) #3a2a4a40);position:absolute;inset:0}.oie-etiquette{left:50%;bottom:calc(26 * var(--u));padding:calc(3 * var(--u)) calc(14 * var(--u));background:var(--prune);color:#fff8ec;font:700 max(9px, calc(14 * var(--u)))/1.2 var(--jx-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:99px;position:absolute;translate:-50%}.oie-pions-couche{pointer-events:none;z-index:3;position:absolute;inset:0}.oie-pion{width:calc(25 * var(--u));height:calc(25 * var(--u));transform:translate(calc(var(--x) * var(--u) - 50%), calc(var(--y) * var(--u) - 50%));transition:transform .24s cubic-bezier(.35,.75,.3,1);position:absolute;top:0;left:0}.oie-pion[data-courant]{z-index:2}.oie-pion-saut{color:#1a1220;background:radial-gradient(circle at 35% 28%, #ffffffb3, transparent 46%), var(--teinte,#c9a);border:max(1.5px, calc(2.2 * var(--u))) solid #fff;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #3a2a4a80;border-radius:50%;place-items:center;animation:.26s ease-out oie-saut;display:grid;position:absolute;inset:0}.oie-pion-forme{font:800 max(8px, calc(12.5 * var(--u)))/1 var(--jx-ui)}.oie-pion[data-courant]:before{content:"";inset:calc(-4 * var(--u));border:max(2px, calc(2.6 * var(--u))) solid var(--prune);opacity:.55;border-radius:50%;animation:1.6s ease-in-out infinite oie-pouls;position:absolute}@keyframes oie-saut{0%{transform:translateY(0)scale(1)}45%{transform:translateY(calc(-9 * var(--u))) scale(1.12)}to{transform:translateY(0)scale(1)}}@keyframes oie-pouls{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.2;transform:scale(1.22)}}.oie[data-reduit] .oie-pion{transition:none}.oie[data-reduit] .oie-pion-saut,.oie[data-reduit] .oie-pion[data-courant]:before{animation:none}@media (prefers-reduced-motion:reduce){.oie-pion{transition:none}.oie-pion-saut,.oie-pion[data-courant]:before{animation:none}}.oie-legendes{background:var(--oie-papier);color:var(--oie-encre);box-shadow:var(--jx-ombre);border-radius:16px;align-self:start;gap:10px;min-width:0;padding:14px 16px;display:grid}.oie-legende{font:600 13px/1.2 var(--jx-ui);color:var(--oie-encre);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.oie-legende li{align-items:center;gap:6px;display:inline-flex}.oie-legende i{border:1px solid color-mix(in srgb, var(--oie-encre) 30%, transparent);background:var(--tint);border-radius:4px;width:14px;height:14px}.oie-legende li[data-niveau=complice]{--tint:var(--t-complice)}.oie-legende li[data-niveau=sensuel]{--tint:var(--t-sensuel)}.oie-legende li[data-niveau=sexy]{--tint:var(--t-sexy)}.oie-legende li[data-niveau=pimente]{--tint:var(--t-pimente)}.oie-legende li[data-niveau=brulant]{--tint:var(--t-brulant)}.oie-legende span{opacity:.7;font-weight:500}.oie-legende-cases img{object-fit:contain;width:26px;height:26px}@media (min-width:980px){.oie-vue{width:min(100%,max(480px,100svh - 300px));margin-inline:auto}}@media (max-width:979px){.oie-plateau{order:-1;position:relative}.oie-zoom{z-index:6;background:#fffaf3eb;border-radius:99px;gap:2px;padding:3px;display:inline-flex;position:absolute;bottom:18px;left:18px;box-shadow:0 1px 6px #3a2a4a40}.oie-zoom button{min-height:36px;color:var(--oie-encre);font:650 13.5px/1 var(--jx-ui);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 14px}.oie-zoom button[aria-pressed=true]{background:var(--oie-encre);color:var(--oie-papier)}.oie-zoom button:focus-visible{outline:3px solid var(--jx-focus);outline-offset:1px}.oie-vue:not([data-zoom=tout]){aspect-ratio:1;scrollbar-width:none;max-height:min(40svh,400px);overflow:auto}.oie-vue:not([data-zoom=tout])::-webkit-scrollbar{display:none}.oie-vue:not([data-zoom=tout]) .oie-toile{width:210%}.oie[data-etape=carte] .oie-vue:not([data-zoom=tout]),.oie[data-etape=trois] .oie-vue:not([data-zoom=tout]),.oie[data-etape=joker] .oie-vue:not([data-zoom=tout]),.oie[data-etape=effet] .oie-vue:not([data-zoom=tout]){aspect-ratio:auto;height:124px}.oie[data-etape=carte] .oie-zoom,.oie[data-etape=trois] .oie-zoom,.oie[data-etape=joker] .oie-zoom,.oie[data-etape=effet] .oie-zoom{display:none}.oie-legende{font-size:12.5px}}.oie-reprise{border:1px solid var(--ab-line-strong,#ffffff40);background:#ffffff12;border-radius:14px;gap:10px;padding:14px 16px;display:grid}.oie-reprise p{margin:0;line-height:1.45}.jx .jx-puce:disabled{opacity:.5;cursor:not-allowed}@media (max-width:979px){.oie[data-etape=carte] .oie-de,.oie[data-etape=trois] .oie-de,.oie[data-etape=joker] .oie-de,.oie[data-etape=effet] .oie-de{display:none}.oie .oie-carte .ab-carte-tiree{aspect-ratio:auto;width:min(100%,340px);min-height:0}.oie .oie-carte .ab-carte-tiree-face{min-height:220px;position:relative;inset:auto}.oie{padding-bottom:12px;scroll-margin-top:4px}}