/* QTouch — Licences : visite guidée (JS : lib/site/lt7.js) */
.lt7 .a7-h{font-family:'Figtree',sans-serif;font-weight:600;letter-spacing:-.05em}
.lt7 .a7-h .h6-g{display:block;background:none!important;-webkit-text-fill-color:#E8763A!important;color:#E8763A!important}
.lt7 .a7-steps li.on::before{background:#F26B1D;border-color:#F26B1D}.lt7 .a7-steps li.on{border-left-color:#F26B1D}
.lt7 .a7-go{display:inline-flex;padding:15px 24px;border-radius:99px;background:#F26B1D;color:#fff;font-weight:700;text-decoration:none}
.lt-scr{background:#FBF8F4;font-family:'Figtree',sans-serif;color:#15130F}
.lt-scr .lp{position:absolute;inset:0;padding:5%;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none;container-type:inline-size}
.lt-scr .lp.on{opacity:1;transform:none}
.lt-scr h6{margin:3cqw 0 1.4cqw;font-size:1.8cqw;letter-spacing:.12em;text-transform:uppercase;color:#9A9083}
/* commun */
.lt7 .a7-h{font-weight:700}
.lt-scr{background:#FBF8F4}
.lt-scr .lp{padding:4.5cqw 5cqw}
.lt-scr .lb{display:block;margin:0 0 1.6cqw;font-size:1.6cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9A9083}
.lt-scr .sw{position:relative;flex:none;width:6cqw;height:3.4cqw;border-radius:9cqw;background:#E4DCCF;transition:background .3s}
.lt-scr .sw::after{content:"";position:absolute;left:.4cqw;top:.4cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#fff;box-shadow:0 .2cqw .6cqw rgba(0,0,0,.15);transition:transform .3s}
.lt-scr .sw.on{background:#F26B1D}.lt-scr .sw.on::after{transform:translateX(2.6cqw)}
/* 1 dépôt */
.p0{display:grid;grid-template-columns:1.15fr 1fr;gap:4cqw;align-items:center}
.p0 .f{display:flex;align-items:center;gap:1.8cqw;padding:1.6cqw 1.8cqw;margin-bottom:1.4cqw;border-radius:1.8cqw;background:#fff;box-shadow:0 .4cqw 1.6cqw rgba(21,19,15,.06)}
.p0 .f>img,.p0 .f>i{width:4.6cqw;height:4.6cqw;border-radius:1.2cqw;flex:none;object-fit:cover;background:#FFF1E7}
.p0 .f>i{display:grid;place-items:center;background:#15130F;color:#fff;font-style:normal;font-size:1.3cqw;font-weight:800}
.p0 .f>div{flex:1;min-width:0}.p0 .f b{display:block;font-size:2cqw}
.p0 .pb{display:block;height:.7cqw;margin-top:.9cqw;border-radius:9cqw;background:#F1EBE2;overflow:hidden}
.p0 .pb u{display:block;height:100%;width:0;background:#F26B1D;border-radius:inherit}
.p0.on .pb u{animation:ltBar .9s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--k)*.35s + .2s)}
.p0 .f em{color:#16A34A;font-style:normal;font-weight:800;font-size:2cqw;opacity:0}
.p0.on .f em{animation:ltIn .3s forwards;animation-delay:calc(var(--k)*.35s + 1s)}
.p0 .dz{padding:1.8cqw;border:.25cqw dashed #F2A36C;border-radius:1.8cqw;text-align:center;font-size:1.8cqw;font-weight:600;color:#C2501A}
.p0 .pv{padding:2.4cqw;border-radius:2.8cqw;background:#fff;box-shadow:0 1.4cqw 4cqw rgba(21,19,15,.1);text-align:center}
.p0 .ch{aspect-ratio:1.25;border-radius:2cqw;background:radial-gradient(60% 60% at 50% 45%,#FFD9BD,#FFF1E7 70%);display:grid;place-items:center;overflow:hidden}
.p0 .ch img{width:78%!important;height:auto}
.p0 .pv>b{display:block;margin-top:1.4cqw;font-size:2.8cqw;letter-spacing:-.02em}.p0 .pv>small{font-size:1.7cqw;color:#9A9083}
.p0 .tp{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw;margin-top:1.6cqw}
.p0 .tp span{display:grid;gap:.6cqw;font-size:1.5cqw;font-weight:700;color:#6B6358}
.p0 .tp img{width:100%!important;aspect-ratio:16/10;object-fit:cover;border-radius:1.2cqw}
/* 2 zones */
.p1{display:grid;grid-template-columns:1.25fr 1fr;gap:4cqw}
.p1 .z{display:flex;align-items:center;gap:1.6cqw;padding:1.35cqw 1.8cqw;margin-bottom:1cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 .3cqw 1.2cqw rgba(21,19,15,.05)}
.p1 .z b{flex:1;font-size:2cqw}.p1 .z small{font-size:1.6cqw;color:#9A9083;font-variant-numeric:tabular-nums}
.p1 .z:not(.on) b{color:#B5AC9F}
.p1 .z .sw.on{background:#E4DCCF}.p1 .z .sw.on::after{transform:none}
.p1.on .z .sw.on{animation:ltSw .01s forwards;animation-delay:calc(var(--k)*.18s + .2s)}
.p1.on .z .sw.on::after{animation:ltKnob .3s forwards;animation-delay:calc(var(--k)*.18s + .2s)}
.p1 .tot{padding:2.6cqw;border-radius:2.4cqw;background:#15130F;color:#fff;margin-bottom:3cqw}
.p1 .tot small{font-size:1.7cqw;opacity:.7}.p1 .tot b{display:block;margin:.6cqw 0 .4cqw;font-size:6.4cqw;letter-spacing:-.04em;color:#F26B1D;line-height:1}.p1 .tot span{font-size:1.7cqw;opacity:.8}
.p1 .vt{display:flex;flex-wrap:wrap;gap:1cqw}
.p1 .vt span{padding:1.2cqw 1.9cqw;border-radius:99px;font-size:1.75cqw;font-weight:600;background:#fff;color:#B5AC9F;box-shadow:inset 0 0 0 .2cqw #EEE7DC}
.p1 .vt span.on{background:#FFF1E7;color:#C2501A;box-shadow:inset 0 0 0 .2cqw #F7C3A0}
/* 3 conditions */
.p2 label{display:flex;justify-content:space-between;margin-top:2.4cqw;font-size:2.2cqw;font-weight:600;color:#6B6358}.p2 label b{color:#15130F;font-size:2.8cqw}
.p2 .rg{display:block;height:1cqw;margin:1.4cqw 0 1cqw;border-radius:9cqw;background:#EEE7DC}.p2 .rg u{display:block;height:100%;border-radius:inherit;background:#F26B1D;position:relative}
.p2 .rg u::after{content:"";position:absolute;right:-1.6cqw;top:-1.3cqw;width:3.4cqw;height:3.4cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .5cqw #F26B1D}
.p2 .lb{margin-top:3.4cqw}
.p2 .bn{display:flex;gap:1.2cqw;flex-wrap:wrap}.p2 .bn span{padding:1.2cqw 2cqw;border-radius:99px;background:#FDECEC;color:#DC2626;font-size:1.9cqw;font-weight:700}
.p2 .bn span::before{content:"✕ "}
.p2 .tg{display:flex;justify-content:space-between;align-items:center;margin-top:3.6cqw;padding:2cqw 2.2cqw;border-radius:2cqw;background:#fff;font-size:2.1cqw;font-weight:600;box-shadow:0 .3cqw 1.2cqw rgba(21,19,15,.05)}
/* 4 demandes */
.p3 .rq{display:grid;gap:1.6cqw}
.p3 .r{position:relative;display:flex;align-items:center;gap:2cqw;padding:1.8cqw 2cqw;border-radius:2.2cqw;background:#fff;box-shadow:0 .8cqw 2.6cqw rgba(21,19,15,.07);opacity:0;transform:translateY(3cqw);transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1),background .4s,box-shadow .4s;transition-delay:calc(var(--k)*.2s + .1s)}
.p3.on .r{opacity:1;transform:none}
.p3 .r img{width:7.4cqw;height:7.4cqw;border-radius:1.6cqw;object-fit:cover;flex:none}
.p3 .tx{flex:1;min-width:0}.p3 .r b{display:block;font-size:2.4cqw}.p3 .r small{font-size:1.75cqw;color:#6B6358}
.p3 .act{display:flex;gap:1cqw;transition:opacity .3s}
.p3 .act span{padding:1.2cqw 2cqw;border-radius:99px;font-size:1.7cqw;font-weight:700}
.p3 .no{background:#fff;color:#6B6358;box-shadow:inset 0 0 0 .2cqw #E4DCCF}.p3 .yes{background:#F26B1D;color:#fff}
.p3 .st{position:absolute;right:2cqw;top:50%;translate:0 -50%;padding:1.2cqw 2.2cqw;border-radius:99px;font-size:1.8cqw;font-weight:800;opacity:0;scale:.7;transition:opacity .3s,scale .4s cubic-bezier(.3,1.6,.5,1)}
.p3 .a .st{background:#16A34A;color:#fff}.p3 .d .st{background:#FDECEC;color:#DC2626}
.p3.on .r.a .act,.p3.on .r.d .act{opacity:0;transition-delay:1.4s}
.p3.on .r.a .st,.p3.on .r.d .st{opacity:1;scale:1;transition-delay:1.6s}
.p3.on .r.a{box-shadow:0 .8cqw 2.6cqw rgba(22,163,74,.15),inset 0 0 0 .25cqw #86EFAC;transition-delay:calc(var(--k)*.2s + .1s),calc(var(--k)*.2s + .1s),1.6s,1.6s}
.p3.on .r.d{background:#FBF8F4;transition-delay:calc(var(--k)*.2s + .1s),calc(var(--k)*.2s + .1s),1.6s,1.6s}
.p3.on .r.d img{filter:grayscale(1);opacity:.6;transition:1s 1.6s}
.p3 .r.p .yes{animation:ltPulse 1.6s 2.2s infinite}
.p3 .note{margin-top:2.2cqw;padding:1.6cqw 2cqw;border-radius:1.6cqw;background:#FFF1E7;color:#C2501A;font-size:1.7cqw;font-weight:600;opacity:0;transition:opacity .4s}
.p3.on .note{opacity:1;transition-delay:2s}
/* 5 en ligne */
.p4{display:grid;grid-template-rows:auto 1fr;gap:2.2cqw}
.p4 .ct{display:flex;align-items:center;gap:2cqw;padding:1.8cqw 2.2cqw;border-radius:2.2cqw;background:#ECFDF3}
.p4 .ct i{width:5cqw;height:5cqw;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:2.6cqw;flex:none}
.p4 .ct b{display:block;font-size:2.5cqw}.p4 .ct small{font-size:1.8cqw;color:#6B6358}
.p4 .ok{display:grid;grid-template-columns:1.5fr 1fr;gap:2.2cqw;min-height:0}
.p4 .ad{position:relative;border-radius:2.2cqw;overflow:hidden;background:#15130F;box-shadow:0 1cqw 3cqw rgba(21,19,15,.18)}
.p4 .ad img{object-fit:cover}
.p4 .ad .lv{position:absolute;left:1.8cqw;top:1.8cqw;display:flex;align-items:center;gap:.8cqw;padding:.8cqw 1.6cqw;border-radius:99px;background:#EF4444;color:#fff;font-size:1.6cqw;font-weight:800}.p4 .ad .lv i{width:1cqw;height:1cqw;border-radius:50%;background:#fff;animation:ltBlink 1.2s infinite}
.p4 .ad .tt{position:absolute;left:1.8cqw;bottom:1.8cqw;padding:.9cqw 1.6cqw;border-radius:1.2cqw;background:rgba(255,255,255,.94);color:#15130F;font-size:1.7cqw;font-weight:800}
.p4 .pay{display:flex;flex-direction:column;padding:2.6cqw;border-radius:2.2cqw;background:#fff;box-shadow:0 .8cqw 2.6cqw rgba(21,19,15,.07)}
.p4 .pay small{font-size:1.7cqw;color:#6B6358}.p4 .pay b{font-size:5.4cqw;color:#F26B1D;letter-spacing:-.04em;line-height:1.1}
.p4 .br{flex:1;display:flex;align-items:flex-end;gap:.9cqw;margin:2cqw 0 1.6cqw;min-height:6cqw}
.p4 .br i{flex:1;height:0;border-radius:.8cqw .8cqw .3cqw .3cqw;background:#FBD5BB;transition:height .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--k)*.08s + .3s)}
.p4 .br i:last-child{background:#F26B1D}
.p4.on .br i{height:var(--h)}
.p4 .pay span{font-size:1.6cqw;color:#9A9083}
@keyframes ltBar{to{width:100%}}
@keyframes ltIn{to{opacity:1}}
@keyframes ltSw{to{background:#F26B1D}}
@keyframes ltKnob{to{transform:translateX(2.6cqw)}}
@keyframes ltPulse{0%,100%{box-shadow:0 0 0 0 rgba(242,107,29,.5)}50%{box-shadow:0 0 0 1cqw rgba(242,107,29,0)}}
@keyframes ltBlink{50%{opacity:.3}}
@media(max-width:980px){.lt7 .a7-frame{order:0}}
/* rangée 5 : événements à thème */
.lv-vis.v5 img{width:100%;height:100%;object-fit:cover}
.lv-vis.v5 .tag{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.92);font-size:13px;font-weight:700;color:#15130F}
/* QBOX : vrai mini-jeu à l'écran */
.v3 .qbw{position:absolute;left:50%;top:4%;height:118%;aspect-ratio:574/1400;translate:-50% 0}
.v3 .qbw>img{width:100%;height:100%;display:block}
.v3 .qbw .gs{position:absolute;left:25%;top:6.2%;width:46%;height:41%;overflow:hidden;border-radius:2%;transform:skewY(1.4deg)}
.v3 .qbw .gs img{width:100%;height:100%;object-fit:cover}
/* pub hôtel : plein écran */
.v1 .tv img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
/* mini-jeu téléphone : image de jeu */
.lg7 .ph{background:#000!important}.lg7 .ph .gimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lt-scr img{position:static!important;inset:auto!important;opacity:1!important;transform:none!important}
.p4 .ad img{position:absolute!important;inset:0!important;width:100%;height:100%}
.lg7 .ph .gimg{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:1!important;object-fit:cover;display:block!important}
.lv-vis.v5{aspect-ratio:4/3}.lv-vis.v5 img{position:absolute;inset:0}
/* ===== v4 · profil + parcours jeu vidéo « Neon Drift » ===== */
.a7-tour.lt7{height:calc(6 * 70vh + 100vh)}
.lt7 .lt-scr{container-type:inline-size}
.lt-scr .lpf.on{pointer-events:auto}.lpf .lpc.t-lic,.lpf .lpc.t-game{cursor:pointer}
@media(max-width:980px){.a7-tour.lt7{height:auto}}
.lt7 .a7-steps li.on p{max-height:110px}
.lt-scr svg .c1{fill:var(--c1);transition:fill .7s}.lt-scr svg .c2{fill:var(--c2);transition:fill .7s}
.lt7 .lt-scr .lp{padding-top:10.5cqw}
/* barre d'app */
.lt-app{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:center;gap:2cqw;height:8cqw;padding:0 3.4cqw;background:rgba(255,255,255,.86);backdrop-filter:blur(6px);border-bottom:.15cqw solid #F1EBE2;font-family:'Figtree',sans-serif}
.lt-app .lwho{display:flex;align-items:center;gap:1.4cqw;min-width:0;flex:1}
.lt-app .lav{position:relative;width:4.4cqw;height:4.4cqw;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center}
.lt-app .lav.lv-l{background:#FFE3CC}.lt-app .lav.lv-l img{width:86%!important;height:auto}
.lt-app .lav.lv-g{display:none;background:linear-gradient(135deg,#1E1B4B,#7C3AED)}.lt-app .lav.lv-g svg{width:86%}
.lt-app .lwho b{font-size:1.9cqw;letter-spacing:-.01em;color:#15130F}
.lt-app .lwg{display:none}
.lt-app .ldots{display:flex;gap:.7cqw}
.lt-app .ldots i{width:1.1cqw;height:1.1cqw;border-radius:9cqw;background:#E9E1D5;transition:width .4s,background .4s}
.lt-app .ldots i.on{background:#F26B1D}.lt-app .ldots i.on:last-of-type,.lt-app .ldots i.on+i:not(.on){}
.lt-app .lmode{display:flex;gap:.3cqw;padding:.45cqw;border-radius:9cqw;background:#F4EFE8;cursor:pointer;flex:none}
.lt-app .lmode u{text-decoration:none;padding:.85cqw 1.7cqw;border-radius:9cqw;font-size:1.5cqw;font-weight:700;color:#9A9083;transition:background .4s,color .4s,box-shadow .4s}
.m-l .lt-app .lml{background:#fff;color:#C2501A;box-shadow:0 .3cqw 1cqw rgba(21,19,15,.08)}
.m-g .lt-app .lmg{background:#15130F;color:#fff}
.m-g .lt-app .lav.lv-l,.m-g .lt-app .lwl{display:none}.m-g .lt-app .lav.lv-g{display:grid}.m-g .lt-app .lwg{display:inline}
.m-g .lt-app .lwho{animation:ltFade .5s}.m-l .lt-app .lwho{animation:ltFade2 .5s}
.m-g.lt-scr{background:linear-gradient(180deg,#FBF8F4,#F6F2FC)}
.lt-scr{transition:background .6s}
.lt-scr .lp{transform:translateY(14px) scale(.985)}
.lt-scr .lp.on{transform:none;transition-delay:.12s}
/* 0 · profil */
.lpf .lpfw{display:grid;grid-template-columns:1fr;gap:3cqw;height:100%}
.lpf .lpfl{display:flex;flex-direction:column;justify-content:center;min-width:0}
.lpf.lhasimg .lpfw{grid-template-columns:1.5fr 1fr}
.lpf .lpfi{display:none;margin:0;border-radius:2.4cqw;overflow:hidden;background:#FFF1E7}
.lpf.lhasimg .lpfi{display:block}.lpf .lpfi img{width:100%!important;height:100%!important;object-fit:cover}
.lpf .lpft{display:block;margin:-.6cqw 0 2cqw;font-size:3.4cqw;letter-spacing:-.03em}
.lpf .lpg{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw}
.lpf .lpc{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1.6cqw;align-items:center;padding:2.6cqw 2.4cqw;border-radius:2.2cqw;background:#fff;box-shadow:0 .4cqw 1.6cqw rgba(21,19,15,.06),inset 0 0 0 .2cqw transparent;opacity:0;transform:translateY(2cqw);transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .4s .55s,background .4s .55s}
.lpf .lpc:nth-child(2){transition-delay:.08s,.08s,.55s,.55s}.lpf .lpc:nth-child(3){transition-delay:.16s,.16s,.55s,.55s}.lpf .lpc:nth-child(4){transition-delay:.24s,.24s,.55s,.55s}
.lpf.on .lpc{opacity:1;transform:none}
.lpf .lpc .lpi{grid-row:1/3;width:6.2cqw;height:6.2cqw;border-radius:1.6cqw;display:grid;place-items:center;background:#FFF1E7;transition:background .4s .55s}
.lpf .lpc .lpi svg{width:55%;fill:none;stroke:#E8763A;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s .55s}
.lpf .lpc b{font-size:2.15cqw;line-height:1.15;letter-spacing:-.01em}
.lpf .lpc small{font-size:1.6cqw;color:#9A9083;margin-top:.3cqw}
.lpf .lpc em{position:absolute;right:1.4cqw;top:1.4cqw;width:2.8cqw;height:2.8cqw;border-radius:50%;display:grid;place-items:center;background:#F26B1D;color:#fff;font-style:normal;font-size:1.5cqw;font-weight:900;opacity:0;scale:.4;transition:opacity .3s .6s,scale .4s cubic-bezier(.3,1.6,.5,1) .6s}
.m-l .lpf .lpc.t-lic,.m-g .lpf .lpc.t-game{background:#FFF8F2;box-shadow:0 1cqw 3cqw rgba(242,107,29,.18),inset 0 0 0 .25cqw #F26B1D}
.m-l .lpf .lpc.t-lic .lpi,.m-g .lpf .lpc.t-game .lpi{background:#F26B1D}
.m-l .lpf .lpc.t-lic .lpi svg,.m-g .lpf .lpc.t-game .lpi svg{stroke:#fff}
.m-l .lpf .lpc.t-lic em,.m-g .lpf .lpc.t-game em{opacity:1;scale:1}
.lpf .lcur{position:absolute;z-index:2;left:30%;top:30%;width:3.6cqw;height:3.6cqw;pointer-events:none;transition:left .8s cubic-bezier(.65,0,.35,1),top .8s cubic-bezier(.65,0,.35,1)}
.m-g .lpf .lcur{left:80%}
.lpf .lcur svg{width:100%;height:100%;fill:#15130F;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 .3cqw .5cqw rgba(0,0,0,.25));position:relative;z-index:1}
.lpf .lcur u{position:absolute;left:-1.4cqw;top:-1.4cqw;width:3cqw;height:3cqw;border-radius:50%;background:rgba(242,107,29,.45);opacity:0}
.lpf.on .lcur{animation:ltCur 1.1s cubic-bezier(.22,1,.36,1) .2s both}
.lpf.on .lcur u{animation:ltClick .6s .9s}
.m-g .lpf.on .lcur u,.m-l .lpf.on .lcur u{animation-name:ltClick}
.lpf .lgo{display:flex;align-items:center;justify-content:space-between;margin-top:2.6cqw;padding:1.3cqw 1.4cqw 1.3cqw 2.6cqw;border-radius:9cqw;background:#15130F;color:#fff;font-size:1.9cqw;opacity:0;transition:opacity .4s .6s}
.lpf.on .lgo{opacity:1}
.lpf .lgo .lgx{color:#FFB37E;margin-left:.3cqw}.lpf .lgg0{display:none}.m-g .lpf .lgg0{display:inline}.m-g .lpf .lgl0{display:none}
.lpf .lgo .lgb{width:4cqw;height:4cqw;border-radius:50%;display:grid;place-items:center;background:#F26B1D;font-weight:800}
/* mini vignettes d'items */
.lt-scr .lmi{display:grid;place-items:center;flex:none;width:6cqw;height:4.8cqw;border-radius:1.2cqw;background:linear-gradient(160deg,#211C36,#15121F)}
.lt-scr .lmi svg{width:80%;height:80%}
/* 1 · jeu : dépôt */
.g0 .f>i.nd{background:linear-gradient(135deg,#22D3EE,#A855F7)}
.g0 .dz{display:none}
.g0 .ldt{margin-top:.6cqw;padding:1.4cqw 1.6cqw;border-radius:1.8cqw;background:#fff;box-shadow:0 .4cqw 1.6cqw rgba(21,19,15,.06)}
.g0 .ldt small{display:block;font-size:1.5cqw;font-weight:700;color:#16A34A;margin-bottom:1cqw}
.g0 .ldt>div{display:flex;gap:1cqw}
.g0 .ldt .lmi{opacity:0;transform:scale(.6)}
.g0.on .ldt .lmi{animation:ltPop .45s cubic-bezier(.3,1.6,.5,1) forwards}
.g0.on .ldt .lmi:nth-child(1){animation-delay:1.2s}.g0.on .ldt .lmi:nth-child(2){animation-delay:1.32s}.g0.on .ldt .lmi:nth-child(3){animation-delay:1.44s}.g0.on .ldt .lmi:nth-child(4){animation-delay:1.56s}
.g0 .ch.lgc{position:relative;background:linear-gradient(180deg,#1E1B4B 0%,#6D28D9 55%,#F472B6 100%)}
.g0 .lgc .lsun{position:absolute;left:50%;top:22%;width:30%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:linear-gradient(#FDE68A,#FB7185);box-shadow:0 0 4cqw rgba(251,113,133,.6)}
.g0 .lgc .lroad{position:absolute;left:-20%;right:-20%;bottom:0;height:42%;background:repeating-linear-gradient(90deg,rgba(34,211,238,.55) 0 .25cqw,transparent .25cqw 3cqw),#120F24;transform:perspective(20cqw) rotateX(55deg);transform-origin:bottom}
.g0 .lgc .lcar{position:absolute;left:50%;bottom:6%;width:72%;translate:-50% 0;--c1:#22D3EE;--c2:#A855F7}
.g0.on .lgc .lcar{animation:ltDrift 2.4s ease-in-out infinite}
.g0 .lkp{display:grid;grid-template-columns:1fr 1fr;gap:1cqw;margin-top:1.4cqw}
.g0 .lkp span{padding:1cqw;border-radius:1.2cqw;background:#F6F2FC;font-size:1.35cqw;color:#6B6358}.g0 .lkp b{display:block;font-size:2.2cqw;color:#15130F}
/* 2 · jeu : items */
.g1 .z{gap:1.4cqw;padding:1cqw 1.6cqw 1cqw 1cqw}
.g1 .z .lmi{width:5.4cqw;height:4.2cqw}
.g1 .z b{line-height:1.15}.g1 .z b small{display:block;font-weight:500}
.g1 .z:not(.on) .lmi{filter:grayscale(1);opacity:.5}
.g1 .tot{background:linear-gradient(135deg,#1E1B4B,#4C1D95)}.g1 .tot b{color:#67E8F9}
/* 3 · jeu : modèle */
.g2 .lmd{display:grid;gap:1.3cqw}
.g2 .lmo{display:flex;align-items:flex-start;gap:1.8cqw;padding:1.6cqw 2cqw;border-radius:2cqw;background:#fff;box-shadow:0 .4cqw 1.6cqw rgba(21,19,15,.06);opacity:0;transform:translateX(-2cqw);transition:opacity .45s,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s;transition-delay:calc(var(--k)*.12s + .1s)}
.g2.on .lmo{opacity:1;transform:none}
.g2 .lmo>div{flex:1}
.g2 .lmo b{display:block;font-size:2.1cqw}.g2 .lmo small{font-size:1.55cqw;color:#6B6358}
.g2 .lrd{flex:none;margin-top:.3cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;box-shadow:inset 0 0 0 .25cqw #DDD3C5;transition:box-shadow .3s}
.g2.on .lmo.lsel{box-shadow:0 1cqw 3cqw rgba(242,107,29,.16),inset 0 0 0 .25cqw #F26B1D;transition-delay:calc(var(--k)*.12s + .1s),calc(var(--k)*.12s + .1s),.9s}
.g2.on .lmo.lsel .lrd{box-shadow:inset 0 0 0 .8cqw #F26B1D;transition-delay:.9s}
.g2 .lsp{display:flex;gap:.3cqw;margin-top:1.1cqw;height:3cqw;border-radius:.9cqw;overflow:hidden}
.g2 .lsp u,.g2 .lsp s{display:flex;align-items:center;padding:0 1.2cqw;text-decoration:none;font-size:1.4cqw;font-weight:800;white-space:nowrap;transition:flex-basis 1s cubic-bezier(.22,1,.36,1) 1s}
.g2 .lsp u{flex:0 0 50%;background:#F26B1D;color:#fff}.g2 .lsp s{flex:1;background:#15130F;color:#FFD23F}
.g2.on .lsp u{flex-basis:70%}
.g2 .lbt{display:grid;grid-template-columns:auto 1fr;gap:2cqw;align-items:center;margin-top:2cqw}
.g2 .lbt .tg{margin:0}
/* 4 · demandes (compact) */
.lt7 .p3 .r{padding:1.4cqw 1.8cqw}
.lt7 .p3 .r img,.p3 .r .llo{width:6.4cqw;height:6.4cqw}
.p3 .r .llo{border-radius:1.6cqw;display:grid;place-items:center;flex:none;font-style:normal}
.p3 .r .llo.lvo{background:#15130F}.p3 .r .llo.lvo svg{width:80%;height:80%}
.p3 .r .llo.lls{background:#7F1D1D;color:#FDE68A;font-size:2cqw;font-weight:900;letter-spacing:-.04em}
.p3.on .r.d .llo{filter:grayscale(1);opacity:.6;transition:1s 1.6s}
/* 5 · jeu : en boutique */
.g4 .ad.lshop{background:radial-gradient(80% 70% at 80% 0%,rgba(168,85,247,.35),transparent),#12101C}
.g4 .lsc{position:absolute;left:1.8cqw;right:1.8cqw;top:6.6cqw;bottom:6.2cqw;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1.2cqw;align-items:stretch}
.g4 .lsi{position:relative;display:flex;flex-direction:column;padding:1.1cqw;border-radius:1.4cqw;background:linear-gradient(180deg,#221D36,#18152A);box-shadow:inset 0 0 0 .15cqw rgba(255,255,255,.07);color:#fff;min-width:0;opacity:0;transform:translateY(2cqw)}
.g4.on .lsi{animation:ltUp .5s cubic-bezier(.22,1,.36,1) forwards}
.g4.on .lsi:nth-child(1){animation-delay:.35s}.g4.on .lsi:nth-child(2){animation-delay:.47s}.g4.on .lsi:nth-child(3){animation-delay:.59s}
.g4 .lsi svg{flex:1;width:100%;min-height:0}
.g4 .lsi b{display:block;margin-top:.6cqw;font-size:1.4cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g4 .lsi b em{font-style:normal;color:#FFD23F}
.g4 .lsi .lpz{align-self:flex-start;margin-top:.6cqw;padding:.5cqw 1cqw;border-radius:.8cqw;background:rgba(255,255,255,.12);font-size:1.3cqw;font-weight:800}
.g4 .lsi.lhl{box-shadow:inset 0 0 0 .25cqw #F26B1D,0 1cqw 3cqw rgba(242,107,29,.35)}
.g4 .lsi.lhl .lpz{background:#F26B1D}
.g4 .lsi .lbdg{position:absolute;right:.8cqw;top:.8cqw;width:3.6cqw;height:3.6cqw;opacity:0;transform:translateY(-6cqw) scale(1.5) rotate(-30deg)}
.g4 .lsi .lbdg svg{width:100%;height:100%}
.g4.on .lsi .lbdg{animation:ltDrop .6s cubic-bezier(.3,1.5,.5,1) 1.1s forwards}
.g4 .lv{background:#22C55E!important}
.g4 .pay b{color:#F26B1D}
@keyframes ltCur{from{transform:translate(10cqw,16cqw);opacity:0}30%{opacity:1}to{transform:none;opacity:1}}
@keyframes ltClick{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(2.2)}}
@keyframes ltFade{from{opacity:0;transform:translateY(.8cqw)}}
@keyframes ltFade2{from{opacity:0;transform:translateY(.8cqw)}}
@keyframes ltPop{to{opacity:1;transform:none}}
@keyframes ltUp{to{opacity:1;transform:none}}
@keyframes ltDrop{to{opacity:1;transform:none}}
@keyframes ltDrift{50%{transform:translateY(-.6cqw) rotate(-1deg)}}
@media(max-width:600px){
  .lt-app{height:12cqw;padding:0 4cqw}.lt7 .lt-scr .lp{padding-top:16cqw}
  .lt-app .lav{width:7cqw;height:7cqw}.lt-app .lwho b{font-size:3.4cqw}.lt-app .ldots{display:none}.lt-app .lmode u{font-size:2.8cqw;padding:1.4cqw 2.6cqw}
  .lpf .lpft{font-size:5.6cqw;margin-bottom:3cqw}.lpf .lpg{gap:2.4cqw}
  .lpf .lpc{grid-template-columns:1fr;padding:3cqw;row-gap:1.4cqw}.lpf .lpc .lpi{grid-row:auto;width:9cqw;height:9cqw;border-radius:2.6cqw}
  .lpf .lpc b{font-size:3.4cqw}.lpf .lpc small{font-size:2.7cqw}.lpf .lpc em{width:5cqw;height:5cqw;font-size:2.6cqw;right:2.4cqw;top:2.4cqw}
  .lpf .lcur{width:6cqw;height:6cqw;top:22%}
  .lpf .lgo{font-size:3.2cqw;margin-top:3.4cqw;padding:2cqw 2cqw 2cqw 4cqw}.lpf .lgo .lgb{width:7cqw;height:7cqw}
  .lpf.lhasimg .lpfw{grid-template-columns:1fr}.lpf .lpfi{display:none!important}
  .g0 .ldt small{font-size:3cqw}.lt-scr .lmi{width:12cqw;height:9.6cqw}
  .g1 .z{padding:1.8cqw 2.4cqw 1.8cqw 1.8cqw}.g1 .z .lmi{width:10cqw;height:7.6cqw}.g1 .z b small{font-size:2.8cqw}
  .g2 .lmo{padding:2.8cqw 3cqw}.g2 .lmo b{font-size:3.8cqw}.g2 .lmo small{font-size:2.9cqw}.g2 .lrd{width:4.4cqw;height:4.4cqw}.g2.on .lmo.lsel .lrd{box-shadow:inset 0 0 0 1.3cqw #F26B1D}
  .g2 .lsp{height:5.6cqw}.g2 .lsp u,.g2 .lsp s{font-size:2.8cqw}.g2 .lbt{grid-template-columns:1fr}
  .lt7 .p3 .r img,.p3 .r .llo{width:11cqw;height:11cqw}.p3 .r .llo.lls{font-size:3.6cqw}
  .g4 .lsc{top:12cqw;bottom:11cqw;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2cqw;left:3cqw;right:3cqw}.g4 .lsi.lhl{grid-row:1/3}
  .g4 .lsi b{font-size:3cqw}.g4 .lsi .lpz{font-size:2.8cqw;padding:.8cqw 1.8cqw}.g4 .lsi .lbdg{width:7cqw;height:7cqw}
  .p4 .ad .lv,.p4 .ad .tt{font-size:3cqw}
}
/* ajustements de lisibilité (dans .ad, les cqw se rapportent à la largeur de .ad) */
.lt7 .p0 .ch{aspect-ratio:1.5}
.lt7 .g4 .ad{container-type:inline-size}
.lt7 .g4 .lsc{left:3cqw;right:3cqw;top:11cqw;bottom:13cqw;gap:2cqw}
.lt7 .g4 .lsi{padding:2cqw;border-radius:2.6cqw}
.lt7 .g4 .lsi b{font-size:3.3cqw;margin-top:1cqw}.lt7 .g4 .lsi .lpz{font-size:3cqw;padding:1cqw 2cqw;border-radius:1.4cqw;margin-top:1cqw}
.lt7 .g4 .lsi .lbdg{width:7.5cqw;height:7.5cqw;right:1.6cqw;top:1.6cqw}
.lt7 .g4 .ad .lv{font-size:3cqw;left:3cqw;top:3cqw;padding:1.2cqw 2.4cqw;gap:1.2cqw}.lt7 .g4 .ad .lv i{width:1.6cqw;height:1.6cqw}
.lt7 .g4 .ad .tt{font-size:3cqw;left:3cqw;bottom:3cqw;padding:1.4cqw 2.4cqw;border-radius:2cqw}
@media(max-width:600px){.lt7 .g4 .ad .tt{display:none}.lt7 .g4 .lsc{bottom:4cqw}}

/* ===== Licences · 5 niveaux d'usage (v8 : cartes homogènes, téléphone complet, reveal) ===== */
.lv7{--lv-r:28px;--lv-sh:0 1px 0 rgba(255,255,255,.6) inset,0 24px 60px -18px rgba(60,30,10,.28),0 8px 18px -10px rgba(60,30,10,.18);--lv-ease:cubic-bezier(.2,.8,.2,1)}
.lv7 .lv-row{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,5.5vw,80px);margin-top:clamp(64px,8vw,104px)}
.lv7 .lv-row.r{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.lv7 .lv-row.r .lv-vis{order:2}
/* carte visuelle : même ratio, rayon, ombre partout */
.lv7 .lv-vis{aspect-ratio:4/3;border-radius:var(--lv-r);overflow:hidden;isolation:isolate;box-shadow:var(--lv-sh);background:#FBF3EA;
  opacity:0;transform:translateY(36px) scale(.97);transition:opacity .9s var(--lv-ease),transform 1.1s var(--lv-ease)}
.lv7 .lv-vis::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(29,27,38,.06);pointer-events:none;z-index:5}
.lv7 .lv-row.r .lv-vis{transform:translateY(36px) scale(.97)}
.lv7 .lv-txt{max-width:45ch;opacity:0;transform:translateY(24px);transition:opacity .8s .18s var(--lv-ease),transform .9s .18s var(--lv-ease)}
.lv7 .lv-row.r .lv-txt{justify-self:end}
.lv7 .lv-row.in .lv-vis,.lv7 .lv-row.in .lv-txt{opacity:1;transform:none}
/* textes */
.lv7 .lv-txt .n,.lv7 .lv-txt .n.hot{width:40px;height:40px;background:#FFF1E6;color:#F97316;font-size:16px;font-weight:800;box-shadow:inset 0 0 0 1.5px rgba(249,115,22,.35)}
.lv7 .lv-txt h3{margin-top:18px;font-size:clamp(28px,3.1vw,42px);line-height:1.05;text-wrap:balance}
.lv7 .lv-txt p,.lv7 .lv-txt .ex{max-width:none}
.lv7 .lv-txt p{font-size:16.5px;line-height:1.62}
.lv7 .lv-txt .ex{border-radius:14px;padding:14px 16px;border-left-width:3px}
.lv7 .lv-txt em{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:#FFF4EC;font-size:15px}
/* étiquettes communes */
.lv7 .lv-vis .tag,.lv7 .lv-vis.v5 .tag{left:16px;bottom:16px;z-index:3;padding:8px 14px;border-radius:99px;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.92);color:#15130F;box-shadow:0 6px 18px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* 1 · télé d'hôtel */
.lv7 .v1 .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lv7 .v1 .tv{z-index:1;box-shadow:0 0 30px rgba(255,170,90,.35)}
.lv7 .v1 .tv img{object-position:60% 50%!important}
/* 2 · téléphone de jeu */
.lv7 .v2{background:radial-gradient(120% 90% at 70% 20%,#FFE9D6 0%,#FBD3B4 55%,#F6BC93 100%)}
.lv7 .v2::before{content:'';position:absolute;left:62%;top:50%;width:62%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 68%);z-index:0}
.lv7 .v2 .qph{position:absolute;left:62%;top:50%;z-index:2;height:86%;aspect-ratio:9/19.5;translate:-50% -50%;padding:2.2%;border-radius:15% / 7%;background:linear-gradient(145deg,#2A2733,#121018 60%);box-shadow:0 0 0 1.5px #3A3644,0 30px 50px -14px rgba(40,15,0,.55),0 12px 20px -10px rgba(40,15,0,.4);animation:lvPh 5.5s ease-in-out infinite}
.lv7 .v2 .qscr{position:relative;width:100%;height:100%;border-radius:12.5% / 5.8%;overflow:hidden;background:#0B0A10;display:grid;place-items:center}
.lv7 .v2 .qgame{position:relative;width:100%;aspect-ratio:700/1244}
.lv7 .v2 .qgame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.lv7 .v2 .qisl{position:absolute;left:50%;top:2.6%;width:30%;height:3.2%;translate:-50% 0;border-radius:99px;background:#000}
.lv7 .v2 .qhome{position:absolute;left:50%;bottom:2%;width:34%;height:.9%;min-height:3px;translate:-50% 0;border-radius:99px;background:rgba(255,255,255,.55)}
.lv7 .v2 .qtap{position:absolute;left:50%;top:90.7%;width:22%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none}
.lv7 .v2 .qtap::before,.lv7 .v2 .qtap::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.9);opacity:0;animation:lvTap 2.8s ease-out infinite}
.lv7 .v2 .qtap::after{animation-delay:.25s;border-color:rgba(255,200,150,.8)}
.lv7 .v2 .qpill{position:absolute;left:clamp(12px,3.4%,22px);top:50%;translate:0 -50%;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:min(36%,190px);padding:14px 16px;border-radius:18px;background:#fff;color:#1D1B26;font-weight:700;font-size:14px;line-height:1.25;box-shadow:0 14px 30px -10px rgba(60,30,10,.35)}
.lv7 .v2 .qpill svg{width:30px;height:30px;padding:6px;border-radius:9px;background:#1D1B26;fill:#fff;box-sizing:content-box;flex:none}
.lv7 .v2 .qpill::after{content:'';position:absolute;right:-7px;top:50%;width:14px;height:14px;translate:0 -50%;rotate:45deg;background:#fff;border-radius:3px}
@keyframes lvPh{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lvTap{0%{transform:scale(.4);opacity:0}12%{opacity:1}60%,100%{transform:scale(1.6);opacity:0}}
/* 3 · QBOX */
.lv7 .v3{background:radial-gradient(110% 90% at 30% 15%,#FFFFFF 0%,#FBF1E7 60%,#F5E2CF 100%)}
.lv7 .v3 .qbw{z-index:1;filter:drop-shadow(0 26px 30px rgba(60,30,10,.28))}
.lv7 .v3 .win{z-index:3;right:5%;bottom:9%;max-width:min(62%,300px);border-radius:16px;box-shadow:0 18px 40px -12px rgba(60,30,10,.35)}
/* 4 · QOYU brandé */
.lv7 .v4{background:radial-gradient(110% 90% at 50% 30%,#7C3AED 0%,#4C1D95 55%,#2E1065 100%)}
.lv7 .v4 .ltd{z-index:3;top:6%;font-size:12.5px;box-shadow:0 8px 20px -6px rgba(249,115,22,.6)}
.lv7 .v4 .bx{height:74%;bottom:9%;left:11%}.lv7 .v4 .fg{height:56%;bottom:11%}
/* 5 · lieux à thème */
.lv7 .lv-vis.v5 img{object-fit:cover;object-position:55% 50%}
/* tablette / mobile : empilé, visuel d'abord */
@media(max-width:900px){
  .lv7 .lv-row,.lv7 .lv-row.r{grid-template-columns:1fr;gap:24px;margin-top:56px}
  .lv7 .lv-row.r .lv-vis{order:0}
  .lv7 .lv-row.r .lv-txt{justify-self:start}
  .lv7 .lv-vis{--lv-r:22px}
  .lv7 .lv-txt h3{margin-top:14px}
}
@media(max-width:560px){
  .lv7 .lv-vis .tag{left:12px;bottom:12px;font-size:11.5px;padding:7px 12px}
  .lv7 .v2 .qpill{left:12px;gap:8px;padding:10px 12px;border-radius:14px;font-size:12px;max-width:40%}
  .lv7 .v2 .qpill svg{width:22px;height:22px;padding:5px;border-radius:7px}
  .lv7 .v2 .qph{left:66%;height:88%;padding:2.6%}
  .lv7 .v2::before{left:66%}
  .lv7 .v3 .win{gap:10px;padding:10px 12px;max-width:66%}.lv7 .v3 .win i{width:28px;height:28px}
  .lv7 .v3 .win b{font-size:14px}.lv7 .v3 .win small{font-size:11.5px}
  .lv7 .v4 .ltd{font-size:11.5px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){
  .lv7 .lv-vis,.lv7 .lv-txt{opacity:1!important;transform:none!important;transition:none!important}
  .lv7 .lv-vis *,.lv7 .lv-vis *::before,.lv7 .lv-vis *::after{animation:none!important}
}
.lv7 .v2 .qblur{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(14px) brightness(.55) saturate(1.2);transform:scale(1.05)}
.lv7 .v2 .qgame{box-shadow:0 0 18px rgba(0,0,0,.45)}
.lv7 .v2 .qisl,.lv7 .v2 .qhome{z-index:2}

/* b16 · pub « Play. Win. » : cadre 16:9, personnage entier (image 1600x900, texte à gauche, perso à droite) */
.p4:not(.g4) .ad{aspect-ratio:16/9;align-self:center}
.p4:not(.g4) .ad img{object-fit:cover;object-position:62% 50%}
.p0 .tp img{object-position:62% 50%}
.lv7 .v1 .tv img{object-fit:cover;object-position:62% 50%!important}

/* b16 · niveau 2 : jeu plein écran + téléphone à bords fins (même cadre que le mockup « Café Le Jardin ») */
.lv7 .v2 .qph{aspect-ratio:9/18.6;padding:1.25%;border-radius:17.8% / 8.6%;background:#0C0A12;box-shadow:inset 0 0 0 2px #2B2738,0 30px 50px -14px rgba(40,15,0,.55),0 12px 20px -10px rgba(40,15,0,.4)}
.lv7 .v2 .qscr{border-radius:15.4% / 7.2%;display:block}
.lv7 .v2 .qblur{display:none}
.lv7 .v2 .qgame{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;box-shadow:none}
.lv7 .v2 .qgame img{object-fit:cover;object-position:50% 50%}
.lv7 .v2 .qisl{top:2%;width:31%;height:4.2%;max-height:20px}
.lv7 .v2 .qtap{left:50%;top:90%;width:26%}
@media(max-width:860px){.lv7 .v2 .qph{padding:1.6%}}

/* b16 · vignettes « En boutique » : image d'item, dessin SVG en repli */
.g4 .lsi .lim{position:relative;flex:1;min-height:0;display:flex}
.g4 .lsi .lim svg{flex:1;width:100%;min-height:0}
.lt-scr .g4 .lsi .lim img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain;display:block;opacity:0!important;transition:opacity .3s}
.lt-scr .g4 .lsi .lim.lok img{opacity:1!important}
.g4 .lsi .lim.lok svg{visibility:hidden}
