/* PN_VOF_v1 (pack vof1) — « Vrai ou Fou ? by Paynelia » : styles communs (jeu, duel, archives, villes, commerçants, confidentialité) */
.vof{--o:#FF3B00;--o2:#FF8A5B;--n:#141414;--n2:#1F1F1F;--n3:#2E2E2E;--c:#FFF6F0;--g:#6B6B6B;--g2:#BDBDBD;--v:#2BD98B;--r:#FF5A5A;--t:#EADBD0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--n);background:var(--c);padding:18px 0 48px}
.vof *{box-sizing:border-box}
.vof .w{max-width:620px;margin:0 auto;padding:0 16px}
.vof .ww{max-width:980px;margin:0 auto;padding:0 16px}
.vof a{color:#C2410C}
.vof .marque{font:900 22px/1 system-ui,-apple-system,sans-serif;letter-spacing:-.02em;color:inherit;text-decoration:none}
.vof .marque b{color:var(--o)}
.vof .titre{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
.vof h1,.vof h2,.vof h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;line-height:1.1;margin:0}
.vof .eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#C2410C}
.vof .carte-jeu{background:var(--n);color:#fff;border-radius:26px 26px 26px 6px;padding:22px 20px 24px;box-shadow:0 18px 50px rgba(20,20,20,.18);position:relative;overflow:hidden}
.vof .carte-jeu .eyebrow{color:var(--o2)}
.vof .haut{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.vof .pill{font-size:12px;border:1px solid #3A3A3A;color:var(--g2);border-radius:20px;padding:6px 10px;white-space:nowrap}
.vof .logo-vof{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:30px;line-height:1}
.vof .logo-vof em{font-style:normal;color:var(--o)}
.vof .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;min-height:54px;padding:0 22px;font:800 17px/1 system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:transform .12s}
.vof .btn:active{transform:scale(.97)}
.vof .btn-o{background:var(--o);color:var(--n)}
.vof .btn-b{background:#fff;color:var(--n)}
.vof .btn-n{background:var(--n);color:#fff}
.vof .btn-l{background:transparent;color:inherit;border:1px solid #3A3A3A}
.vof .btn-w{width:100%}
.vof .q{font-size:clamp(25px,6.4vw,33px);margin:6px 0 18px}
.vof .reps{display:flex;flex-direction:column;gap:10px}
.vof .rep{text-align:left;border:2px solid #3A3A3A;background:var(--n2);color:#fff;border-radius:16px;padding:14px 16px;font:600 16px/1.3 system-ui,sans-serif;min-height:56px;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s,border-color .2s,background .2s}
.vof .rep.vis{opacity:1;transform:none}
.vof .rep b{color:var(--o2);margin-right:6px}
.vof .rep.ok{border-color:var(--v);background:rgba(43,217,139,.14)}
.vof .rep.ko{border-color:var(--r)}
.vof .rep.terne{opacity:.45}
.vof .rep:disabled{cursor:default}
.vof .barre{height:8px;border-radius:5px;background:var(--n3);overflow:hidden;margin:4px 0 16px}
.vof .barre i{display:block;height:100%;width:100%;background:var(--o);transform-origin:left;transform:scaleX(1)}
.vof .barre.lecture i{background:var(--g2)}
.vof .chrono{display:flex;justify-content:space-between;font-size:13px;color:var(--g2)}
.vof .chrono b{color:#fff;font-variant-numeric:tabular-nums}
.vof .verdict{border-radius:20px;padding:16px 18px;margin:16px 0 4px}
.vof .verdict.oui{background:var(--o);color:var(--n)}
.vof .verdict.non{background:#2A2A2A;color:#fff}
.vof .verdict h2{font-size:22px;margin-bottom:6px}
.vof .verdict p{margin:0;font-size:15px;line-height:1.45}
.vof .verdict small{display:block;margin-top:8px;font-size:12px;opacity:.75}
.vof .verdict small a{color:inherit}
.vof .bloc{background:#fff;border:1px solid var(--t);border-radius:20px;padding:16px;margin-top:14px}
.vof .bloc h3{font-size:18px;margin-bottom:10px}
.vof .bloc.n{background:var(--n);color:#fff;border-color:var(--n)}
.vof .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vof .kpis div{background:#fff;border:1px solid var(--t);border-radius:14px;padding:10px 12px}
.vof .kpis b{display:block;font:800 22px/1.1 "Bricolage Grotesque",system-ui,sans-serif}
.vof .kpis span{font-size:12px;color:var(--g)}
.vof .serie{display:flex;align-items:center;gap:12px}
.vof .serie .n{font:800 40px/1 "Bricolage Grotesque",system-ui,sans-serif;color:var(--o)}
.vof .serie p{margin:0;font-size:14px}
.vof .serie em{font-style:normal;font-weight:800;display:block;font-size:15px}
.vof .parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vof .parts a,.vof .parts button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:70px;border-radius:16px;border:1px solid var(--t);background:#fff;color:var(--n);font:700 12px/1.1 system-ui,sans-serif;text-decoration:none;cursor:pointer;padding:6px}
.vof .parts .wa{background:#25D366;border-color:#25D366;color:#0B3B1F}
.vof .parts svg{width:24px;height:24px}
.vof .etoiles{display:flex;gap:4px}
.vof .etoiles button{border:0;background:transparent;padding:4px;min-width:44px;min-height:44px;cursor:pointer}
.vof .etoiles svg{width:32px;height:32px;fill:transparent;stroke:var(--o);stroke-width:1.6}
.vof .etoiles button.on svg{fill:var(--o)}
.vof .mapbox{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--t)}
.vof .mapbox svg{display:block;width:100%;height:auto}
.vof .mapnav{display:flex;gap:6px;margin-bottom:8px}
.vof .mapnav button{border:1px solid var(--t);background:#fff;border-radius:20px;padding:6px 12px;font:700 13px system-ui;cursor:pointer}
.vof .mapnav button.on{background:var(--n);color:#fff;border-color:var(--n)}
@keyframes vofTrace{from{stroke-dashoffset:var(--l,300)}to{stroke-dashoffset:0}}
@keyframes vofPing{0%{transform:scale(1);opacity:.8}100%{transform:scale(3.2);opacity:0}}
.vof .br{animation:vofTrace 2.4s ease-out both}
.vof .ping{transform-box:fill-box;transform-origin:center;animation:vofPing 1.8s ease-out infinite}
.vof .cl{list-style:none;margin:0;padding:0}
.vof .cl li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F1E2D8}
.vof .cl li:last-child{border-bottom:0}
.vof .cl .r{width:28px;height:28px;border-radius:50%;background:var(--c);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}
.vof .cl li.moi{background:#FFF0E6;border-radius:12px;padding-left:6px;padding-right:6px}
.vof .cl .nm{flex:1;font-weight:700}
.vof .cl .pt{font-weight:800;color:#C2410C}
.vof label.f{display:block;font-size:13px;font-weight:700;margin:10px 0 4px}
.vof input.t,.vof select.t{width:100%;min-height:48px;border:1px solid var(--t);border-radius:12px;padding:10px 12px;font:16px system-ui;background:#fff;color:var(--n)}
.vof .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-top:10px}
.vof .chk input{width:20px;height:20px;margin-top:1px;accent-color:var(--o)}
.vof .petit{font-size:12px;color:var(--g);line-height:1.45}
.vof .pro{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;border:1px dashed #E5C8B6;border-radius:14px;font-size:13px;color:#5A4A40;text-decoration:none}
.vof .pro svg{flex:none;width:22px;height:22px}
.vof .sup{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--g2);margin-top:12px}
.vof .sup a{color:#fff}
.vof .compte{font-variant-numeric:tabular-nums;font-weight:800}
.vof .etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 18px}
.vof .etapes div{background:var(--n2);border-radius:14px;padding:12px 10px;text-align:center;font-size:13px;color:#DDDDDD;line-height:1.3}
.vof .etapes b{display:block;font:800 24px/1 "Bricolage Grotesque",system-ui,sans-serif;color:var(--o2);margin-bottom:4px}
.vof .intro-ref{background:var(--n2);border-radius:16px;padding:14px 16px;margin:10px 0 18px;font-size:16px}
.vof .intro-ref b{color:var(--o2)}
.vof .modal{position:fixed;inset:0;background:rgba(20,20,20,.6);display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:16px}
.vof .modal>div{background:#fff;color:var(--n);border-radius:24px;max-width:460px;width:100%;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.vof .modal h3{font-size:22px;margin-bottom:8px}
.vof .ligne{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vof .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--n);color:#fff;padding:12px 18px;border-radius:14px;font:700 14px system-ui;z-index:10000}
.vof .conf{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.vof .conf i{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:vofTombe 1.6s ease-in forwards}
@keyframes vofTombe{to{transform:translateY(520px) rotate(540deg);opacity:0}}
.vof .duelsc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vof .duelsc div{border-radius:16px;padding:14px;background:var(--n2);text-align:center}
.vof .duelsc b{display:block;font:800 40px/1 "Bricolage Grotesque",system-ui,sans-serif;color:var(--o2)}
.vof .corr{font-size:14px;line-height:1.45;color:var(--g2);margin:6px 0 14px}
.vof .liste-q{list-style:none;padding:0;margin:0}
.vof .liste-q li{border-bottom:1px solid var(--t);padding:12px 0}
.vof .liste-q a{color:var(--n);text-decoration:none;font-weight:700}
.vof .liste-q small{display:block;color:var(--g);margin-top:2px}
.vof .pg h1{font-size:clamp(28px,6vw,40px);margin:8px 0 12px}
.vof .pg p,.vof .pg li{font-size:16px;line-height:1.6}
.vof .grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.vof .tuile{background:#fff;border:1px solid var(--t);border-radius:18px;padding:16px}
.vof .tuile h3{font-size:18px;margin:8px 0 6px}
.vof .tuile p{margin:0;font-size:14px;color:#4A4A4A;line-height:1.45}
.vof .cache{display:none!important}
@media (prefers-reduced-motion:reduce){.vof .br,.vof .ping,.vof .conf i{animation:none}.vof .rep{transition:none}}
.vof .vr{background:var(--n2);border:2px solid var(--o);border-radius:18px;padding:14px 16px;margin-top:14px;color:#fff}
.vof .vr h3{font-size:19px;margin:0 0 4px}
.vof .vr p{margin:0 0 10px;font-size:13px;color:var(--g2)}
.vof .vch{display:flex;flex-wrap:wrap;gap:8px}
.vof .vch button{border:1px solid #4A4A4A;background:#2A2A2A;color:#fff;border-radius:22px;padding:0 14px;min-height:42px;font:700 15px system-ui,sans-serif;cursor:pointer}
.vof .vch button.ref{border-color:var(--o2);color:var(--o2)}
.vof .vch button.autre{background:transparent;border-style:dashed;color:var(--g2)}
.vof .vr .t{background:#fff}
.vof .vr .chk{color:#DDDDDD}
.vof .vjoue{margin-top:12px;font-size:14px;color:var(--g2)}
.vof .vjoue b{color:#fff}
.vof .vjoue button{border:0;background:none;color:var(--o2);font:700 14px system-ui;text-decoration:underline;cursor:pointer;padding:4px}
.vof .vsug{margin-top:6px;border-radius:12px;overflow:hidden}
.vof .vsug button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #3A3A3A;background:#2A2A2A;color:#fff;padding:12px 14px;font:15px system-ui,sans-serif;cursor:pointer;min-height:46px}
.vof .vsug button span{color:var(--g2);font-size:13px;margin-left:4px}
.vof .vsug p{margin:6px 2px;font-size:13px;color:var(--g2)}
.vof .vson{border:1px solid #3A3A3A;background:transparent;color:#BDBDBD;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.vof .vson[aria-pressed=true]{color:#fff}
.vof .jeux .nv{background:#1F1F1F;border-radius:14px;padding:12px 14px}
.vof .jeux .nv b{font-size:15px}.vof .jeux .nv span{font-size:13px;color:#BDBDBD}
.vof .nvb{height:8px;border-radius:5px;background:#3A3A3A;overflow:hidden;margin:8px 0 6px}.vof .nvb i{display:block;height:100%;background:linear-gradient(90deg,#FF3B00,#FF8A5B);border-radius:5px}
.vof .tjs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vof .tj{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:1px solid #3A3A3A;background:#1F1F1F;color:#fff;border-radius:16px;padding:14px 6px;cursor:pointer;font-family:inherit;min-height:120px}
.vof .tj .ic{font-size:30px;line-height:1}.vof .tj b{font-size:15px}.vof .tj span:last-child{font-size:12px;color:#BDBDBD;line-height:1.25}
.vof .tj:active{transform:scale(.97)}
.vof .ouc{position:relative;background:#fff;border-radius:16px;overflow:hidden;touch-action:manipulation;cursor:crosshair}
.vof .ouc svg{display:block;width:100%;height:auto}
.vof .pmg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vof .pmc{border:2px solid #3A3A3A;background:#1F1F1F;color:#fff;border-radius:18px;padding:18px 10px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:inherit;text-align:center}
.vof .pmc b{font:800 21px/1.15 "Bricolage Grotesque",system-ui,sans-serif}.vof .pmc span{font-size:13px;color:#BDBDBD}
.vof .pmc .pop{font:800 18px system-ui;color:#FF8A5B;min-height:22px}
.vof .pmc.ok{border-color:#2BD98B;background:rgba(43,217,139,.14)}.vof .pmc.ko{border-color:#FF5A5A}
.vof .vs{display:flex;align-items:center;justify-content:center;font:800 14px system-ui;color:#FF8A5B;margin:6px 0}
.vof{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.vof .vnav{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:rgba(20,20,20,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #2E2E2E}
.vof .vnav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:#BDBDBD;font:600 11px/1.1 system-ui,sans-serif;padding:6px 2px;min-height:52px;cursor:pointer;border-radius:12px}
.vof .vnav button span{font-size:22px;line-height:1}
.vof .vnav button b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.vof .vnav button.on{color:#fff;background:#2A2A2A}
.vof .vnav button.on b{color:#FF8A5B}
.vof .vquit{border:1px solid #3A3A3A;background:transparent;color:#fff;border-radius:50%;width:36px;height:36px;font:700 16px system-ui;cursor:pointer;flex:none;margin-right:8px}
@media (min-width:700px){.vof .vnav{left:50%;right:auto;transform:translateX(-50%);width:600px;border-radius:20px 20px 0 0;border:1px solid #2E2E2E}}
.vof .haut .marque{margin-right:auto}
.vof .tjw{width:100%;margin-top:8px;min-height:0;flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:8px;padding:14px 12px}
.vof .tjw span:last-child{flex-basis:100%}
.vof .mis{background:#1F1F1F;border-radius:14px;padding:12px 14px;margin-top:10px}
.vof .mis h4{margin:0 0 8px;font:800 15px system-ui;color:#fff}
.vof .mis li{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #2E2E2E;font-size:14px;color:#DDDDDD}
.vof .mis ul{list-style:none;margin:0;padding:0}
.vof .mis li .ok{margin-left:auto;color:#2BD98B;font-weight:800}
.vof .mis li button{margin-left:auto;border:1px solid #FF8A5B;background:none;color:#FF8A5B;border-radius:20px;padding:4px 10px;font:700 12px system-ui;cursor:pointer;white-space:nowrap}
.vof .depg{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}
.vof .depr{display:grid;grid-template-columns:minmax(0,1fr) 62px 34px 52px;gap:6px;align-items:center;background:#1F1F1F;border-radius:12px;padding:8px 10px;min-height:44px;font-size:14px}
.vof .depr.vide{background:transparent;border:1px dashed #3A3A3A}
.vof .depr b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vof .depr .km{text-align:right;color:#DDDDDD}.vof .depr .dir{text-align:center;font-size:20px}
.vof .depr .pc{border-radius:8px;text-align:center;font-weight:800;color:#141414;padding:3px 0}
.vof .dsug{border-radius:12px;overflow:hidden;margin-top:6px}
.vof .dsug button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #3A3A3A;background:#2A2A2A;color:#fff;padding:12px 14px;font:15px system-ui;cursor:pointer}
.vof .bdg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vof .bdg div{background:#fff;border:1px solid #EADBD0;border-radius:14px;padding:10px 4px;text-align:center;font-size:11px;line-height:1.2}
.vof .bdg div span{display:block;font-size:28px;margin-bottom:4px}
.vof .bdg div.non{opacity:.38;filter:grayscale(1)}
.vof .fete{position:fixed;left:50%;top:14px;transform:translateX(-50%) translateY(-140%);z-index:10001;background:#141414;color:#fff;border:2px solid #FF3B00;border-radius:18px;padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,1.4,.4,1);max-width:92vw}
.vof .fete.vis{transform:translateX(-50%) translateY(0)}
.vof .fete span{font-size:34px}.vof .fete small{display:block;color:#FF8A5B;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.vof .fete b{font-size:16px}
.vof .lj{display:flex;flex-direction:column;gap:8px}
.vof .ljr{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #EADBD0;background:#fff;color:#141414;border-radius:18px;padding:12px;cursor:pointer;font-family:inherit;min-height:76px}
.vof .ljr:active{transform:scale(.985)}
.vof .lji{flex:none;width:50px;height:50px;border-radius:14px;background:#FFF0E6;display:flex;align-items:center;justify-content:center;font-size:28px}
.vof .ljt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vof .ljt b{font:800 16px/1.2 "Bricolage Grotesque",system-ui,sans-serif}
.vof .ljt span{font-size:13px;color:#5A5A5A;line-height:1.35}
.vof .ljt em{font-style:normal;font-size:11px;color:#8A8A8A;font-weight:700}
.vof .ljs{flex:none;font:800 12px system-ui;border-radius:20px;padding:6px 10px;white-space:nowrap}
.vof .ljs.go{background:#FF3B00;color:#141414}.vof .ljs.ok{background:#DCFCE7;color:#14532D}.vof .ljs.gris{background:#F1EDE8;color:#5A5A5A}.vof .ljs.neuf{background:#141414;color:#FF8A5B}
.vof .bloc.n .ljr{background:#1F1F1F;border-color:#333;color:#fff}.vof .bloc.n .lji{background:#2A2A2A}.vof .bloc.n .ljt span{color:#BDBDBD}.vof .bloc.n .ljs.gris{background:#2E2E2E;color:#BDBDBD}.vof .bloc.n .ljs.ok{background:rgba(43,217,139,.18);color:#7CF0B9}
/* PN_VOF_v10 */
#pn-txiki-fab,#pn-txiki-panel,#kaixo-widget,#kaixo-recall,#kaixo-bubble{display:none!important}
.vof .vstar{position:relative;font:800 13px system-ui;color:#FFD166;border:1px solid #3A3A3A;border-radius:20px;padding:7px 10px;white-space:nowrap;transition:transform .2s}
.vof .vstar.pulse{transform:scale(1.18);border-color:#FFD166}
.vof .vplus{position:absolute;left:50%;top:0;transform:translateX(-50%);color:#FFD166;font:800 15px system-ui;animation:vofMonte 1.4s ease-out forwards;pointer-events:none}
@keyframes vofMonte{to{transform:translate(-50%,-46px);opacity:0}}
.vof .vfr{text-align:center;color:#BDBDBD;font-size:13px;margin:12px 0 0}.vof .vfr b{color:#fff}
.vof .coffre{display:flex;align-items:center;gap:12px;background:#FFF0E6;border:1px solid #F3C9AE;border-radius:16px;padding:12px 14px;margin:0 0 12px;color:#141414}
.vof .bloc.n .coffre{background:#1F1F1F;border-color:#3A3A3A;color:#fff}
.vof .coffre .cof-i{font-size:34px;flex:none}.vof .coffre .cof-t{flex:1;min-width:0}.vof .coffre .cof-t b{display:block;font-size:15px}.vof .coffre .cof-t span{font-size:12px;color:#8A8A8A}
.vof .coffre.pret{border:2px solid #FF3B00;background:#141414;color:#fff}.vof .coffre.gagne{background:#141414;color:#fff;border:2px solid #FFD166}
.vof .coffre .cof-lot{font:800 26px "Bricolage Grotesque",system-ui;color:#FFD166}.vof .coffre small{color:#FF8A5B;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
@keyframes vofBouge{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}
@keyframes vofOuvre{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(-14deg)}60%{transform:scale(1.25) rotate(14deg)}100%{transform:scale(1.6);opacity:0}}
.vof .cof-i.bouge{animation:vofBouge .9s ease-in-out infinite}.vof .cof-i.ouvre{animation:vofOuvre 1.1s ease-in forwards}
.vof .haut:has(.vquit) .pill{display:none}
@media (max-width:420px){.vof .haut .marque{font-size:19px}.vof .vstar{padding:6px 8px;font-size:12px}}
.vof .coffre .btn{min-height:44px;padding:0 14px;font-size:15px;flex:none}
/* PN_VOF_v11 : ligues, Halloween, question offerte */
.vof .lgf{display:flex;gap:8px}.vof #lg-code:placeholder-shown{text-transform:none!important;letter-spacing:0!important}.vof .lgf input{flex:1;min-width:0}.vof .lgf .btn{flex:none;min-height:48px;padding:0 16px;font-size:15px}
.vof .carte-jeu input.t{background:#1F1F1F;border-color:#3A3A3A;color:#fff}.vof .carte-jeu input.t::placeholder{color:#8A8A8A}
.vof .lgq{display:block;margin:12px auto 0;border:0;background:none;color:var(--g);font:600 13px system-ui;text-decoration:underline;cursor:pointer}
.vof .bloc.flash{animation:vlgf 1.6s ease}@keyframes vlgf{0%,40%{box-shadow:0 0 0 4px var(--o2)}100%{box-shadow:0 0 0 0 transparent}}
.vof .offert{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border:1px dashed #4A4A4A;border-radius:14px;font-size:13px;color:#E6E6E6;line-height:1.45}
.vof .offert .ic{font-size:20px;line-height:1}.vof .offert a{color:#FF8A5B;font-weight:800}.vof .offert b{color:#fff}.vof .offert em{display:block;font-style:normal;color:#BDBDBD;margin-top:2px}
.vof .hwban{margin:4px 0 12px;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,#3B1B5C,#7A2E0E);color:#FFE0C2;font-size:14px;text-align:center}
.vof.hw .carte-jeu{background:radial-gradient(120% 80% at 100% 0,#3A1D52 0,#141414 55%)}
.vof .hwb{position:absolute;pointer-events:none;font-size:22px;opacity:.85;z-index:0;animation:vhw 7s ease-in-out infinite}
.vof .hwb0{top:118px;right:26px;font-size:28px}.vof .hwb1{top:96px;right:92px;font-size:17px;animation-delay:-2s}.vof .hwb2{bottom:10px;right:14px;font-size:26px;animation:none;opacity:.9}.vof .hwb3{top:6px;left:44%;font-size:14px;animation-delay:-4s}
.vof.hw .carte-jeu>.haut,.vof.hw .carte-jeu>#v-ecran{position:relative;z-index:1}
@keyframes vhw{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(-14px,8px) rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.vof .hwb{animation:none}}
/* PN_VOF_v12 : bouton Story */
.vof .vstory{flex-direction:column;gap:4px;min-height:74px;margin:0 0 12px;background:linear-gradient(135deg,#FF3B00,#FF8A5B 55%,#C13584);color:#fff;font-size:19px;box-shadow:0 10px 24px rgba(255,59,0,.28)}
.vof .vstory small{font:600 12.5px system-ui;opacity:.92}