:root{--bg:#f9f3ea;--bg-soft:#f1e4d3;--bg-card:#fffaf4;--border:#e6d3bd;--text:#3b1f27;--muted:#6e5059;--green:#4a7c3a;--green-dark:#2f5626;--orange:#c9822a;--orange-deep:#a8521f;--orange-dark:#8f5a16;--red:#7b1e3a;--red-dark:#561428;--gold:#b8923f;--gold-dark:#7d5f22;--shadow:#4c162829;--radius:12px;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--text-xs:.72rem;--text-sm:.85rem;--text-base:1rem;--text-md:1.05rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.8rem;--text-3xl:clamp(2.8rem, 9vw, 4.5rem);--elev-0:none;--elev-1:0 2px 6px var(--shadow);--elev-2:0 4px 14px var(--shadow);--elev-3:0 8px 24px var(--shadow);--elev-4:0 16px 48px #4c162859;--surface:var(--bg-card);--surface-sunken:var(--bg-soft);--on-surface:var(--text);--on-surface-muted:var(--muted);--focus-ring:var(--orange-deep);--dur-fast:.15s;--dur-base:.3s;--dur-slow:.6s;--ease-standard:ease}*{box-sizing:border-box;margin:0;padding:0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}body{background:linear-gradient(color-mix(in srgb, var(--bg) 74%, transparent), color-mix(in srgb, var(--bg) 74%, transparent)), url(/assets/fond-vignoble.webp) center / cover no-repeat, var(--bg);color:var(--text);font-family:var(--font-body);background-attachment:fixed;min-height:100vh;line-height:1.5}.home-hero p,.muted,.legend,.site-footer{text-shadow:0 0 8px var(--bg), 0 0 2px var(--bg)}.site-header{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:3px solid var(--red);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:grid;position:sticky;top:0}.site-header .logo{justify-self:start}.site-header nav{grid-column:2}.logo{font-family:var(--font-display);letter-spacing:.3px;color:var(--red);align-items:center;gap:.5rem;font-size:1.6rem;font-weight:800;text-decoration:none;display:inline-flex}.logo .logo-img{width:auto;height:44px;filter:drop-shadow(0 2px 4px var(--shadow));display:block}.logo-texte span{color:var(--green-dark)}.site-header nav{gap:.4rem;display:flex}.site-header nav a{min-height:44px;color:var(--text);padding:var(--space-3) var(--space-4);border:2px solid #0000;border-radius:999px;align-items:center;gap:.4rem;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.site-header nav a .nav-emoji{font-size:1rem;line-height:1}.icon-emoji{flex-shrink:0;justify-content:center;align-items:center;width:1.3em;height:1.3em;font-size:1em;line-height:1;display:inline-flex}.site-header nav a:hover{background:var(--bg-soft)}.site-header nav a.current{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent)}.header-actions{grid-column:3;justify-self:end;align-items:center;gap:.6rem;display:flex}.header-separateur{background:var(--border);border-radius:1px;flex-shrink:0;width:2px;height:30px}.booster-lien{min-height:44px;color:var(--text);padding:var(--space-3) var(--space-4);border:2px solid #0000;border-radius:999px;align-items:center;gap:.4rem;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.booster-lien .nav-emoji{font-size:1rem;line-height:1}.booster-lien:hover{background:var(--bg-soft)}.booster-lien.current{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent)}.musique-controle{min-height:44px;padding:0 var(--space-3) 0 var(--space-2);border:2px solid var(--border);border-radius:999px;align-items:center;gap:.2rem;display:flex}.musique-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:34px;min-height:40px;font-size:1.15rem;line-height:1;display:inline-flex}.musique-controle input[type=range]{width:90px;accent-color:var(--red);cursor:pointer}.langue{position:relative}.langue-btn{align-items:center;gap:var(--space-2);border:2px solid var(--border);min-height:44px;color:var(--muted);font:inherit;padding:var(--space-3) var(--space-4);cursor:pointer;background:0 0;border-radius:999px;font-weight:800;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.langue-btn:hover,.langue-btn.ouvert{background:var(--bg-soft);border-color:var(--red);color:var(--red)}.langue-fleche{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.langue-btn.ouvert .langue-fleche{transform:translateY(1px)rotate(-135deg)}.langue-menu{min-width:100%;padding:var(--space-1);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--elev-3);z-index:30;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.langue-menu li{min-height:40px;padding:var(--space-2) var(--space-4);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;font-weight:700;transition:background .12s,color .12s;display:flex}.langue-menu li.actif{background:var(--bg-soft);color:var(--red)}.langue-menu li.courante{color:var(--red)}.langue-menu li.courante:before{content:"";width:6px;height:6px;margin-right:var(--space-2);background:var(--red);border-radius:50%;margin-left:-.85rem}.reset-btn{white-space:nowrap;border:2px solid var(--border);min-height:44px;color:var(--muted);font:inherit;padding:var(--space-3) var(--space-4);cursor:pointer;background:0 0;border-radius:999px;font-weight:800;transition:background .15s,border-color .15s,color .15s}.reset-btn:hover{background:var(--red);border-color:var(--red-dark);color:#fff}main{max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem}.game-intro{text-align:center;margin-bottom:1.2rem}.game-intro p{max-width:640px;margin-left:auto;margin-right:auto}.game-intro h1{font-family:var(--font-display);letter-spacing:.3px;color:var(--red);text-shadow:2px 2px 0 color-mix(in srgb, var(--gold) 35%, transparent);margin-bottom:.3rem;font-size:1.8rem;font-weight:700}.muted{color:var(--muted);font-size:.9rem}.hidden{display:none!important}.home-hero{text-align:center;padding:0 1rem}.home-hero .big-logo{font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(180deg, var(--red) 35%, var(--red-dark) 100%);color:#0000;filter:drop-shadow(3px 3px 0 color-mix(in srgb, var(--gold) 30%, transparent));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,9vw,4.5rem);font-weight:800;line-height:1.15}.home-hero .big-logo span{background:linear-gradient(180deg, var(--green), var(--green-dark));color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero p{color:var(--text);margin-top:.7rem;font-size:1.05rem;font-weight:600}.mode-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;max-width:864px;margin:2rem auto 0;display:flex}.mode-card{background:var(--bg-card);border:2px solid var(--border);width:min(420px,50% - .75rem);min-height:190px;color:var(--text);text-align:center;box-shadow:var(--elev-2);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:1.1rem 1.6rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.mode-card:hover{border-color:var(--gold);box-shadow:var(--elev-3);transform:translateY(-3px)}.mode-card .mode-emoji{font-size:2rem;line-height:1.2}.mode-card h2{font-family:var(--font-display);letter-spacing:.3px;color:var(--red);margin:.3rem 0 .2rem;font-weight:700}.mode-card p{color:var(--muted);font-size:.95rem}.mode-badge{font-size:var(--text-xs);background:var(--bg-soft);color:var(--muted);border:1.5px solid var(--border);pointer-events:none;border-radius:999px;padding:.18rem .6rem;font-weight:800;position:absolute;top:.65rem;right:.65rem}.mode-badge.done{background:var(--green);border-color:var(--green-dark);color:#fff}.mode-badge.in-progress{background:var(--orange-deep);border-color:var(--orange-dark);color:#fff}.mode-badge.soon{background:var(--bg-card);border:1.5px dashed var(--gold);color:var(--gold-dark)}.site-accueil{flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.site-accueil main{width:100%;padding:var(--space-4);flex-direction:column;flex:1 0 auto;justify-content:center;display:flex}.site-accueil .site-footer{padding:var(--space-3) var(--space-4)}@media (height<=800px){.mode-cards{margin-top:var(--space-5)}.mode-card{min-height:0}.mode-card p{display:none}}@media (height<=640px){.home-hero .big-logo{font-size:2.6rem}.home-hero p{font-size:var(--text-base);margin-top:var(--space-1)}.mode-cards{margin-top:var(--space-4);gap:var(--space-4)}.mode-card{padding:var(--space-3) var(--space-5)}.mode-card .mode-emoji{font-size:1.6rem}}@media (width<=640px){.site-accueil .site-header nav{display:none}.home-hero p{font-size:var(--text-base)}.mode-cards{gap:var(--space-3);margin-top:var(--space-5)}.mode-card{width:calc(50% - var(--space-3) / 2);min-height:0;padding:var(--space-6) var(--space-2) var(--space-4)}.mode-card .mode-emoji{font-size:1.8rem}.mode-card h2{font-size:1.2rem}.mode-card p{display:none}.mode-badge{padding:.08rem .45rem;font-size:.62rem;top:.35rem;right:.35rem}.site-accueil .site-footer{font-size:var(--text-xs)}}@media (width<=430px){.site-accueil .site-header{grid-template-columns:auto 1fr}.site-accueil .site-header .logo{justify-self:start}.site-accueil .site-header .logo-texte{display:none}.site-accueil .header-actions{flex-wrap:nowrap;grid-area:1/2;justify-self:end}}@media (width<=640px) and (height<=700px){.site-accueil main{padding:var(--space-3) var(--space-4)}.home-hero .big-logo{font-size:2.4rem}.home-hero p{margin-top:var(--space-1);font-size:.9rem;line-height:1.4}.mode-cards{margin-top:var(--space-3)}.mode-card{padding:var(--space-5) var(--space-2) var(--space-2)}.mode-card .mode-emoji{font-size:1.5rem}.mode-card h2{margin-top:var(--space-1);font-size:1.05rem}.site-accueil .site-footer{padding:var(--space-2) var(--space-4);line-height:1.35}}@media (height<=460px) and (width>=641px){.site-accueil .site-header nav{display:none}.site-accueil main{padding:var(--space-3) var(--space-4)}.site-accueil .site-footer{padding:var(--space-2) var(--space-4)}.home-hero .big-logo{font-size:2.2rem}.home-hero p{display:none}.mode-cards{margin-top:var(--space-3);gap:var(--space-3)}.mode-card{width:calc(25% - var(--space-3) * 3 / 4);padding:var(--space-5) var(--space-2) var(--space-2)}.mode-card h2{font-size:1.05rem}.mode-badge{padding:.08rem .45rem;font-size:.62rem;top:.35rem;right:.35rem}}.bientot{padding-top:var(--space-5)}.bientot .bientot-emoji{margin-bottom:var(--space-2);font-size:3.5rem}.bientot .bientot-badge{width:fit-content;margin-top:var(--space-5);margin-bottom:var(--space-3);background:var(--bg-card);border:2px dashed var(--gold);color:var(--gold-dark);border-radius:999px;padding:.35rem 1.1rem;font-weight:800}.bientot .bientot-retour{margin-top:var(--space-6)}.site-footer{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.8rem}.site-footer p+p{margin-top:var(--space-1)}.guess-box{max-width:420px;margin:0 auto 1.5rem;position:relative}.guess-box input{width:100%;font-family:var(--font-body);color:var(--text);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow);outline:none;padding:.8rem 1.1rem;font-size:1.05rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.guess-box input::placeholder{color:var(--muted)}.guess-box input:focus{border-color:var(--orange);box-shadow:0 2px 12px color-mix(in srgb, var(--orange) 30%, transparent)}.suggestions{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);z-index:10;box-shadow:0 8px 24px var(--shadow);list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.suggestions li{min-height:44px;padding:var(--space-3) var(--space-4);cursor:pointer;align-items:center;gap:.7rem;font-weight:600;display:flex}.suggestions li:hover,.suggestions li.active{background:var(--bg-soft)}.suggestions li.suggestions-hint{min-height:0;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);background:var(--bg-soft);color:var(--muted);cursor:default;pointer-events:none;font-size:.8rem;font-weight:500}.autocomplete-preview{z-index:30;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);width:220px;padding:var(--space-3);box-shadow:var(--elev-4);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(4px)}.autocomplete-preview.visible{opacity:1;transform:translateY(0)}.avatar{background:var(--bg-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-fallback{color:color-mix(in srgb, var(--text) 70%, transparent);font-weight:800}.avatar-sm{width:32px;height:32px;font-size:1rem}.avatar-lg{width:56px;height:56px;font-size:1.6rem}.avatar-xl{border:3px solid var(--gold);width:84px;height:84px;font-size:2.4rem}@keyframes clue-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes card-tremble{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-1px,1px)rotate(-.7deg)}40%{transform:translate(1px,-1px)rotate(.7deg)}60%{transform:translate(-2px)rotate(-1deg)}80%{transform:translate(2px,1px)rotate(1deg)}}.board-wrap{padding-bottom:.5rem;overflow-x:auto}.board{min-width:760px}.row{grid-template-columns:repeat(7,minmax(96px,1fr));gap:6px;margin-bottom:6px;display:grid}.row.header .tile{border:none;border-bottom:3px solid var(--red);box-shadow:none;color:var(--red-dark);text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:0;min-height:auto;padding:.3rem .2rem;font-size:.72rem;font-weight:800}.tile{border:1px solid var(--border);background:var(--bg-card);min-height:86px;box-shadow:0 2px 5px var(--shadow);text-align:center;white-space:pre-line;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:.4rem .3rem;font-size:.8rem;font-weight:700;display:flex;position:relative}.tile.good{background:linear-gradient(180deg, var(--green), var(--green-dark));border-color:var(--green-dark);color:#fff}.tile.partial{background:linear-gradient(180deg, var(--orange), var(--orange-dark));border-color:var(--orange-dark);color:#fff}.tile.bad{background:linear-gradient(180deg, var(--red), var(--red-dark));border-color:var(--red-dark);color:#fff}.tile .arrow-mark{font-size:1.2rem;line-height:1}.tile-avatar{background:var(--bg-card)}.tile-name{font-size:.72rem;font-weight:800}.tile.flip{backface-visibility:hidden;animation:.5s both flip}@keyframes flip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.tile.flip.good-pulse{animation:.5s both flip,.6s both tile-good-pulse}@keyframes tile-good-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 75%, transparent)}to{box-shadow:0 0 24px 10px color-mix(in srgb, var(--green) 0%, transparent)}}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:1.2rem;font-size:.82rem;font-weight:600;display:flex}.legend .chip{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:5px;display:inline-block}.chip.good{background:var(--green)}.chip.partial{background:var(--orange)}.chip.bad{background:var(--red)}.legend-note{text-align:center;margin-top:var(--space-2);font-size:.78rem}.wrong-guesses{gap:6px;max-width:420px;margin:0 auto;list-style:none;display:grid}.wrong-guesses li{background:linear-gradient(180deg, var(--red), var(--red-dark));border:1px solid var(--red-dark);min-height:40px;padding:var(--space-2) var(--space-3);color:#fff;border-radius:8px;align-items:center;gap:.7rem;font-weight:700;animation:.3s both clue-in,.4s linear both card-tremble;display:flex}.wrong-guesses li .mark{margin-left:auto;font-size:1.1rem}.victory{background:linear-gradient(180deg, color-mix(in srgb, var(--green) 10%, transparent), transparent), var(--bg-card);border:2px solid var(--green);border-radius:var(--radius);text-align:center;max-width:480px;box-shadow:0 6px 18px var(--shadow);margin:0 auto 2rem;padding:1.5rem;animation:.4s both clue-in;position:relative;overflow:hidden}.victory:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 34%,#ffdb8d59 44%,#fff3d0b3 50%,#ffdb8d59 56%,#0000 66%) 120% 120%/250% 250% no-repeat;animation:1s ease-out .5s both victory-sweep;position:absolute;inset:0}@keyframes victory-sweep{0%{background-position:120% 120%}to{background-position:-30% -30%}}.victory h2{font-family:var(--font-display);letter-spacing:.3px;color:var(--green-dark);margin-bottom:1rem;font-weight:700}.victory-card{text-align:left;justify-content:center;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.victory-nom{color:var(--red);font-size:1.25rem;font-weight:800}.victory-sous-titre{color:var(--muted);font-size:.9rem}.victory-essais{margin-bottom:1rem}.victory-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.victory-stats div{background:var(--bg-soft);border-radius:8px;flex-direction:column;padding:.5rem .2rem;display:flex}.victory-stats strong{color:var(--orange-dark);font-size:1.2rem}.victory-stats span{color:var(--muted);text-transform:uppercase;font-size:.72rem}.victory-countdown{color:var(--muted);margin-bottom:1rem}.victory-countdown strong{color:var(--text);font-variant-numeric:tabular-nums}.victory-coins{color:var(--orange-dark);margin-bottom:1rem;font-weight:800;animation:.4s .3s both clue-in}.btn{background:linear-gradient(180deg, var(--red), var(--red-dark));color:#fff;min-height:44px;box-shadow:0 3px 10px color-mix(in srgb, var(--red) 35%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.4rem;font-weight:800;text-decoration:none;transition:filter .15s,transform .15s;display:inline-flex}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-secondary{border:2px solid var(--border);color:var(--text);background:0 0}.btn-secondary:hover{background:var(--bg-soft)}.btn-danger{background:var(--red);border:2px solid var(--red-dark);color:#fff}.btn-danger:hover{background:var(--red-dark)}.reset-dialog{background:var(--bg-card);width:calc(100% - 2rem);max-width:400px;color:var(--text);border:2px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--elev-4);margin:auto;padding:1.6rem 1.5rem}.reset-dialog[open]{animation:.2s both clue-in}.reset-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3b1f2773}.reset-dialog h3{font-family:var(--font-display);color:var(--red);margin-bottom:.6rem;font-weight:700}.reset-dialog p{color:var(--muted);margin-bottom:1.3rem;font-size:.92rem}.reset-dialog-actions{justify-content:center;gap:.6rem;display:flex}.reset-dialog-actions button{font:inherit;cursor:pointer;border-radius:999px;padding:.55rem 1.3rem;font-weight:800;transition:background .15s,border-color .15s,color .15s}.carte-jeu{gap:var(--space-4);margin-bottom:var(--space-5);grid-template:"carte vin""carte actions""carte essais"1fr/minmax(0,1fr) 240px;align-items:start;display:grid}.carte-vin{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);box-shadow:var(--elev-1);grid-area:vin;display:flex}.carte-vin-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}.carte-vin-nom{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--red);line-height:1.25}.carte-cadre{grid-area:carte;position:relative}.carte-zone{border-radius:var(--radius);box-shadow:var(--elev-2);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:pan-y;position:relative;overflow:hidden}.carte-zone.zoomee{touch-action:none}.carte-zone.zoomee:active{cursor:grabbing}.carte-zone.terminee{cursor:default}.carte-zone.terminee.zoomee{cursor:grab}.carte-zoom{top:var(--space-2);right:var(--space-2);flex-direction:column;gap:4px;display:flex;position:absolute}.carte-zoom button{border:1px solid var(--border);background:var(--bg-card);width:34px;height:34px;box-shadow:var(--elev-1);color:var(--red-dark);font:inherit;cursor:pointer;transition:background var(--dur-fast);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;line-height:1;display:flex}.carte-zoom button:hover:not(:disabled){background:var(--bg-soft)}.carte-zoom button:disabled{opacity:.45;cursor:default}.carte-svg{width:100%;height:auto;display:block}.carte-svg path,.carte-svg circle,.carte-svg line{vector-effect:non-scaling-stroke}.carte-mer{fill:#d6e2e4}.carte-voisins{fill:#ebe2d5;stroke:#cbbca9;stroke-width:.8px;stroke-linejoin:round}.carte-france{fill:var(--bg-card);stroke:var(--red);stroke-width:1.4px;stroke-linejoin:round}.carte-fleuves{fill:none;stroke:#7fa4bd;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.carte-departements,.carte-rivieres{fill:none;opacity:0;transition:opacity var(--dur-base)}.carte-departements{stroke:color-mix(in srgb, var(--red) 35%, transparent);stroke-width:.8px;stroke-dasharray:3 3}.carte-rivieres{stroke:#9dbad0;stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round}.carte-svg.details .carte-departements,.carte-svg.details .carte-rivieres{opacity:1}.carte-rayon{fill:color-mix(in srgb, var(--red) 12%, transparent);stroke:var(--red);stroke-width:1.5px;stroke-dasharray:4 3}.carte-cible{fill:color-mix(in srgb, var(--green) 22%, transparent);stroke:var(--green-dark);stroke-width:2px}.carte-cible.anime{transform-box:fill-box;transform-origin:50%;animation:.6s both carte-cible-in}@keyframes carte-cible-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.carte-trait{stroke:var(--red-dark);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.6}.carte-epingle{width:22px;height:22px;box-shadow:0 1px 4px var(--shadow);color:#fff;pointer-events:none;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%)}.carte-epingle.good{background:var(--green)}.carte-epingle.partial{background:var(--orange)}.carte-epingle.bad{background:var(--red)}.carte-epingle.pose{animation:.35s ease-out both epingle-pose}@keyframes epingle-pose{0%{opacity:0;transform:translate(-50%,-160%)}to{opacity:1;transform:translate(-50%,-50%)}}.carte-epingle.brouillon{border:4px solid var(--red);background:#fff;width:18px;height:18px;animation:1.2s ease-in-out infinite brouillon-pulse}@keyframes brouillon-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--red) 25%, transparent)}}.carte-boussole{color:var(--red-dark);text-shadow:0 0 3px #fff,0 0 2px #fff;pointer-events:none;font-size:1.15rem;font-weight:900;line-height:1;position:absolute}.carte-reponse{background:var(--green-dark);width:14px;height:14px;box-shadow:var(--elev-2);pointer-events:none;border:3px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.carte-reponse.anime{animation:.5s cubic-bezier(.3,1.6,.5,1) .2s both reponse-pop}@keyframes reponse-pop{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}.carte-reponse-nom{white-space:nowrap;background:var(--green-dark);color:#fff;font-size:var(--text-xs);box-shadow:var(--elev-1);border-radius:999px;margin-top:12px;padding:2px 8px;font-weight:800;position:absolute;transform:translate(-50%)}.carte-reponse-nom.anime{animation:.4s .5s both etiquette-in}@keyframes etiquette-in{0%{opacity:0}to{opacity:1}}.carte-actions{text-align:center;grid-area:actions}.carte-actions .btn{width:100%;font:inherit;cursor:pointer;border:none;font-weight:800}.carte-actions .btn:disabled{background:var(--bg-soft);color:var(--muted);box-shadow:none;filter:none;cursor:not-allowed;transform:none}.carte-actions p{margin-top:var(--space-2);font-size:var(--text-sm)}.carte-essais{grid-area:essais;gap:6px;list-style:none;display:grid}.carte-essais li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:#fff;border-radius:8px;font-weight:800;display:flex}.carte-essais li.good{background:linear-gradient(180deg, var(--green), var(--green-dark))}.carte-essais li.partial{background:linear-gradient(180deg, var(--orange), var(--orange-dark))}.carte-essais li.bad{background:linear-gradient(180deg, var(--red), var(--red-dark))}.carte-essais li.pose{animation:.3s both clue-in}.carte-essai-num{width:22px;height:22px;font-size:var(--text-xs);background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex}.carte-essai-km{font-variant-numeric:tabular-nums}.carte-essai-fleche,.carte-essais li .icon-emoji{margin-left:auto;font-size:1.2rem;line-height:1;display:inline-block}.quiz{max-width:640px;margin:0 auto var(--space-5)}.quiz-pastilles{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;list-style:none;display:flex}.quiz-pastille{border:2px solid var(--border);background:var(--bg-card);width:38px;height:38px;color:var(--muted);font:inherit;cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.quiz-pastille:not(:disabled):hover{transform:translateY(-1px)}.quiz-pastille:disabled{cursor:default;opacity:.55}.quiz-pastille.juste{background:var(--green);border-color:var(--green-dark);color:#fff}.quiz-pastille.faux{background:var(--red);border-color:var(--red-dark);color:#fff}.quiz-pastille.courante{box-shadow:0 0 0 3px var(--gold)}.quiz-carte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--elev-2);padding:var(--space-5);animation:.3s both clue-in}.quiz-numero{text-align:center;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}.quiz-sujet{margin-top:var(--space-3);flex-direction:column;align-items:center;display:flex}.quiz-sujet-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--gold-dark);font-weight:800}.quiz-sujet-nom{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);text-align:center;color:var(--red);line-height:1.25}.quiz-enonce{font-size:var(--text-lg);text-align:center;margin:var(--space-3) 0 var(--space-4);font-weight:800;line-height:1.35}.quiz-choix{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.quiz-choix-btn{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3);border:2px solid var(--border);background:var(--bg-card);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast);border-radius:10px;font-weight:700;display:flex}.quiz-choix-btn:not(:disabled):hover{border-color:var(--gold);background:var(--bg-soft);transform:translateY(-1px)}.quiz-choix-btn:disabled{cursor:default}.quiz-lettre{background:var(--bg-soft);width:26px;height:26px;color:var(--muted);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.quiz-choix-texte{flex-direction:column;line-height:1.3;display:flex}.quiz-choix-detail{font-size:var(--text-xs);opacity:.85;font-weight:700}.quiz-choix-btn.bonne{background:linear-gradient(180deg, var(--green), var(--green-dark));border-color:var(--green-dark);color:#fff}.quiz-choix-btn.fausse{background:linear-gradient(180deg, var(--red), var(--red-dark));border-color:var(--red-dark);color:#fff}.quiz-choix-btn.neutre{opacity:.55}.quiz-choix-btn.bonne .quiz-lettre,.quiz-choix-btn.fausse .quiz-lettre{color:#fff;background:#fff3}.quiz-choix-btn.bonne.anime{animation:.8s ease-out both tile-good-pulse}.quiz-choix-btn.fausse.anime{animation:.4s linear both card-tremble}.quiz-reponse{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border);text-align:center;animation:.3s both clue-in}.quiz-verdict{font-size:var(--text-md);font-weight:800}.quiz-reponse.juste .quiz-verdict{color:var(--green-dark)}.quiz-reponse.faux .quiz-verdict{color:var(--red)}.quiz-explication{max-width:520px;margin:var(--space-2) auto 0}.quiz-fiche{align-items:center;gap:var(--space-3);max-width:460px;margin:var(--space-3) auto 0;padding:var(--space-3);background:var(--bg-soft);color:var(--muted);font-size:var(--text-sm);text-align:left;border-radius:10px;display:flex}.quiz-fiche-nom{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--red);line-height:1.25}.quiz-reponse .btn{margin-top:var(--space-4);font:inherit;cursor:pointer;border:none;font-weight:800}.quiz-bilan{max-width:none}.quiz-score{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--green-dark);font-weight:700;line-height:1}.quiz-score strong{font-size:3.4rem}.quiz-bilan.rate{border-color:var(--orange);background:linear-gradient(180deg, color-mix(in srgb, var(--orange) 10%, transparent), transparent), var(--bg-card)}.quiz-bilan.rate:before{content:none}.quiz-bilan.rate h2,.quiz-bilan.rate .quiz-score{color:var(--orange-dark)}.quiz-seuil{margin:calc(-1 * var(--space-2)) 0 var(--space-4)}.quiz-recap-titre{margin-bottom:var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.quiz-recap{gap:var(--space-2);margin-bottom:var(--space-4);list-style:none;display:grid}.quiz-recap-item{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-soft);color:var(--text);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;display:flex}.quiz-recap-item:hover{border-color:var(--gold)}.quiz-recap-marque{color:#fff;width:24px;height:24px;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-weight:800;display:inline-flex}.quiz-recap-marque.juste{background:var(--green)}.quiz-recap-marque.faux{background:var(--red)}.quiz-recap-texte{flex-direction:column;display:flex}.quiz-recap-question{font-size:var(--text-sm);color:var(--muted)}.quiz-recap-question strong{color:var(--text)}.quiz-recap-reponse{font-weight:800}.quiz-recap-reponse s{color:var(--red);font-weight:600}.mode-badge.fini{background:var(--gold);border-color:var(--gold-dark);color:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.quiz-carte{padding:var(--space-4) var(--space-3)}.quiz-choix{grid-template-columns:1fr}.quiz-sujet-nom{font-size:var(--text-lg)}.quiz-enonce{font-size:var(--text-md)}}:root{--r-commune:#a8998c;--r-commune-fonce:#6e5f55;--r-rare:var(--green);--r-rare-fonce:var(--green-dark);--r-epique:var(--orange);--r-epique-fonce:var(--orange-dark);--r-legendaire:var(--gold);--r-legendaire-fonce:var(--gold-dark);--r-mythique:#9a3aa8;--r-mythique-fonce:#5e1d6b;--prisme:#ff6b9a, #ffcf5c, #7de3c1, #6fa8ff, #c88bff, #ff6b9a;--reflet:#fff0 0%, #fffffff2 4%, #fff0 8%, #281e3238 11%, #fff0 14%;--argent:#8e97a3, #f4f6f9 40%, #b3bac4 65%, #e6e9ee}.vin-art{isolation:isolate;background:radial-gradient(circle at 50% 40%,#fdf2f2,#efd5d8 70%,#e3c0c6);position:relative;overflow:hidden}.vin-art.couleur-blanc{background:radial-gradient(circle at 50% 40%,#fffbea,#f5e9c2 70%,#eadba5)}.vin-art.couleur-rose{background:radial-gradient(circle at 50% 40%,#fff5f3,#f9dfdb 70%,#f1c9c4)}.vin-art img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;display:block}.vin-art-initiale{height:100%;font-family:var(--font-display);color:#3b1f278c;place-items:center;font-size:2.6rem;display:grid}.vin-art-holo{pointer-events:none;mix-blend-mode:hard-light;opacity:.55;position:absolute;inset:0;overflow:hidden}.vin-art-holo:before{content:"";background:repeating-linear-gradient(115deg, var(--reflet));width:300%;animation:7s ease-in-out infinite alternate holo-glisse;position:absolute;top:0;bottom:0;left:-100%}@keyframes holo-glisse{0%{transform:translate(-12%)}to{transform:translate(12%)}}.grande-carte{--cadre:linear-gradient(145deg, #dcd2c7, var(--r-commune) 50%, #cfc3b6);--gemme:var(--r-commune);--rarete-texte:var(--r-commune-fonce);--fond:linear-gradient(180deg, #fffaf4, #f3e8da);--encre:#3b1f27;--encre-douce:#6e5059;--filet:#3b1f271a;aspect-ratio:63/88;isolation:isolate;background:var(--cadre);width:100%;color:var(--encre);text-align:left;border-radius:4.5%/3.2%;padding:3.4%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff73,inset 0 -2px 6px #0000002e;container-type:inline-size}.grande-carte.rare{--cadre:linear-gradient(145deg, #93c07c, var(--r-rare) 50%, var(--r-rare-fonce));--gemme:var(--r-rare);--rarete-texte:var(--r-rare-fonce)}.grande-carte.epique{--cadre:linear-gradient(145deg, #f2bd6a, var(--r-epique) 45%, var(--r-epique-fonce));--gemme:var(--r-epique);--rarete-texte:var(--r-epique-fonce)}.grande-carte.legendaire{--cadre:linear-gradient(135deg, #fff3c4 0%, #d9ae4f 22%, #8e6a1f 45%, #f7df95 62%, var(--gold) 80%, #fff0bd 100%);--gemme:#e8bf55;--rarete-texte:var(--gold-dark);--fond:linear-gradient(180deg, #fffaea, #f5e6bf)}.grande-carte.mythique{--cadre:linear-gradient(135deg, var(--prisme));--gemme:linear-gradient(135deg, var(--prisme));--rarete-texte:#f4d3ff;--fond:radial-gradient(ellipse at 50% 0%, #4b1a52, #2a0c30 55%, #16051b);--encre:#fbeefe;--encre-douce:#d9b8e0;--filet:#ffffff1f;background-size:300% 300%;animation:5s ease-in-out infinite alternate prisme-ondule}@keyframes prisme-ondule{0%{background-position:0 0}to{background-position:100% 100%}}.grande-carte.legendaire:before{content:"";background:linear-gradient(90deg,#0000,#ffffffd9 50%,#0000);width:40%;animation:4s ease-in-out infinite cadre-reflet;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-150%)skew(-16deg)}@keyframes cadre-reflet{0%,55%{transform:translate(-150%)skew(-16deg)}to{transform:translate(350%)skew(-16deg)}}.grande-carte-fond{z-index:1;background:var(--fond);border-radius:3cqw;flex-direction:column;gap:2cqw;height:100%;padding:3cqw 3.4cqw 2.4cqw;display:flex;position:relative;box-shadow:inset 0 0 0 .4cqw #00000014}.grande-carte-tete{align-items:center;gap:2cqw;min-height:12.5cqw;display:flex}.grande-carte-nom{min-width:0;font-family:var(--font-display);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:5.6cqw;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.grande-carte-nom.long{font-size:4.6cqw}.grande-carte-goutte{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #c2466a, var(--red) 55%, var(--red-dark));border-radius:50% 0 50% 50%;flex:none;width:5.4cqw;margin-right:1cqw;rotate:-45deg;box-shadow:0 0 0 .5cqw #ffffffb3,0 .6cqw 1.2cqw #00000040}.grande-carte-goutte.couleur-blanc{background:radial-gradient(circle at 35% 35%,#fff6c9,#ecd27c 55%,#c9a53c)}.grande-carte-goutte.couleur-rose{background:radial-gradient(circle at 35% 35%,#ffdbe0,#f39aa8 55%,#d9687c)}.grande-carte-art{border-radius:2.4cqw;flex:1 1 0;min-height:0;box-shadow:inset 0 0 0 .5cqw #0000001a,0 0 0 .5cqw #ffffff8c}.grande-carte-art img{object-fit:contain}.grande-carte-art .vin-art-initiale{font-size:22cqw}.grande-carte-origine{text-align:center;color:var(--encre-douce);white-space:nowrap;text-overflow:ellipsis;font-size:3.6cqw;font-style:italic;font-weight:700;overflow:hidden}.grande-carte-infos>div{border-top:.3cqw solid var(--filet);grid-template-columns:27cqw minmax(0,1fr);align-items:baseline;gap:2cqw;padding:1cqw 0;display:grid}.grande-carte-infos dt{letter-spacing:.1cqw;text-transform:uppercase;color:var(--encre-douce);font-size:2.6cqw;font-weight:800}.grande-carte-infos dd{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:3.4cqw;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.grande-carte-pied{border-top:.3cqw solid var(--filet);justify-content:space-between;align-items:center;padding-top:1.4cqw;font-size:3cqw;font-weight:800;display:flex}.grande-carte-rarete{letter-spacing:.3cqw;text-transform:uppercase;color:var(--rarete-texte);align-items:center;gap:1.8cqw;display:inline-flex}.grande-carte-gemme{aspect-ratio:1;background:var(--gemme);width:2.8cqw;rotate:45deg;box-shadow:0 0 0 .4cqw #ffffffbf}.grande-carte-numero{color:var(--encre-douce);font-variant-numeric:tabular-nums}.full-art .vin-art img{filter:brightness(1.12)contrast(1.12);width:100%;position:absolute;left:0;-webkit-mask-image:radial-gradient(22% 58%,#000 72%,#0000 100%);mask-image:radial-gradient(22% 58%,#000 72%,#0000 100%)}.full-art.legendaire .vin-art{background:radial-gradient(circle at 50% 38%,#fffaf0,#f6e2a8 55%,#e3c071)}.full-art.mythique .vin-art{background:linear-gradient(135deg,#ffe0ec,#fff3cf 20%,#dcf7ec 40%,#dde9ff 60%,#f0e0ff 80%,#ffe0ec) 0 0/300% 300%;animation:6s ease-in-out infinite alternate prisme-ondule}.grande-carte.full-art{--panneau:#fffaf4d6}.grande-carte.full-art .grande-carte-art{z-index:-1;border-radius:inherit;box-shadow:none;position:absolute;inset:0}.grande-carte.full-art .grande-carte-art img{height:50%;top:15%}.grande-carte.full-art .grande-carte-tete,.grande-carte.full-art .grande-carte-infos,.grande-carte.full-art .grande-carte-pied{background:var(--panneau);border-radius:2cqw;padding-left:2.4cqw;padding-right:2.4cqw;box-shadow:0 .6cqw 1.6cqw #0000001f}.grande-carte.full-art .grande-carte-origine{background:var(--panneau);border-radius:999px;align-self:center;max-width:100%;margin-top:auto;padding:.6cqw 3cqw}.grande-carte.full-art .grande-carte-infos>div:first-child{border-top:none}.grande-carte.full-art .grande-carte-pied{border-top:none;padding-top:1.2cqw;padding-bottom:1.2cqw}.grande-carte.full-art.mythique{--panneau:#2a0c30cc}.grande-carte-holo,.tcg-card-holo{--pas:1cqw;z-index:2;border-radius:inherit;pointer-events:none;mix-blend-mode:color-dodge;opacity:.22;position:absolute;inset:0;overflow:hidden}.tcg-card-holo{--pas:3px;z-index:1}.grande-carte-holo:before,.tcg-card-holo:before{content:"";background:repeating-linear-gradient(115deg,#ff6b9a 0%,#ffcf5c 3%,#7de3c1 6%,#6fa8ff 9%,#c88bff 12%,#ff6b9a 15%);width:300%;animation:7s ease-in-out infinite alternate holo-glisse;position:absolute;top:0;bottom:0;left:-100%}.grande-carte-holo:after,.tcg-card-holo:after{content:"";position:absolute;inset:0}.epique>.grande-carte-holo,.epique>.tcg-card-holo{mix-blend-mode:hard-light;opacity:.4}.epique>.grande-carte-holo:before,.epique>.tcg-card-holo:before{background:repeating-linear-gradient(115deg, var(--reflet))}.legendaire>.grande-carte-holo:after,.legendaire>.tcg-card-holo:after,.mythique>.grande-carte-holo:after,.mythique>.tcg-card-holo:after{background:repeating-linear-gradient(45deg, #ffffff73 0 calc(var(--pas) * .25), transparent calc(var(--pas) * .25) calc(var(--pas) * 1.6)), repeating-linear-gradient(-45deg, #ffffff4d 0 calc(var(--pas) * .25), transparent calc(var(--pas) * .25) calc(var(--pas) * 1.6))}.legendaire>.grande-carte-holo,.legendaire>.tcg-card-holo{opacity:.28}.mythique>.grande-carte-holo,.mythique>.tcg-card-holo{opacity:.34}.mythique>.grande-carte-holo:after,.mythique>.tcg-card-holo:after{background:radial-gradient(circle, #fff calc(var(--pas) * .3), transparent calc(var(--pas) * .45)) 0 0 / calc(var(--pas) * 5) calc(var(--pas) * 5), radial-gradient(circle, #fff calc(var(--pas) * .25), transparent calc(var(--pas) * .4)) calc(var(--pas) * 2.5) calc(var(--pas) * 2.5) / calc(var(--pas) * 7) calc(var(--pas) * 7), repeating-linear-gradient(45deg, #fff6 0 calc(var(--pas) * .25), transparent calc(var(--pas) * .25) calc(var(--pas) * 1.6));animation:2.4s ease-in-out infinite alternate paillettes}@keyframes paillettes{0%{opacity:.6}to{opacity:1}}.grande-carte.reverse:before,.grande-carte.reverse .grande-carte-fond:before,.tcg-card.reverse:before{--pas:1cqw;content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle, #fffffff2 calc(var(--pas) * .35), transparent calc(var(--pas) * .5)) 0 0 / calc(var(--pas) * 4) calc(var(--pas) * 4), repeating-linear-gradient(115deg, var(--reflet)) 0 0 / 300% 100%;mix-blend-mode:hard-light;opacity:.55;animation:6s ease-in-out infinite alternate reverse-glisse;position:absolute;inset:0}.grande-carte.reverse .grande-carte-fond:before{z-index:-1}@keyframes reverse-glisse{0%{background-position:0 0,0 0}to{background-position:0 0,100% 0}}.grande-carte-reverse{color:#3d4550;background:linear-gradient(100deg, var(--argent));letter-spacing:.1cqw;border-radius:999px;padding:.3cqw 1.6cqw;box-shadow:inset 0 0 0 .25cqw #fff9}.carte-pivotante.actif .vin-art-holo:before,.carte-pivotante.actif .grande-carte-holo:before{transform:translateX(calc((var(--mx,50%) - 50%) * -.3));animation:none}.carte-pivotante.actif .grande-carte.reverse:before,.carte-pivotante.actif .grande-carte.reverse .grande-carte-fond:before{background-position:0 0, var(--mx,50%) 0;animation:none}.grande-carte-reflet{z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff8c 0%, #ffffff26 28%, transparent 60%);mix-blend-mode:overlay;opacity:0;transition:opacity .4s;position:absolute;inset:0}.carte-pivotante.actif .grande-carte-reflet{opacity:1}.dos-carte{border-radius:inherit;background:repeating-conic-gradient(from 0deg at 50% 45%, #ffffff0b 0deg 5deg, transparent 5deg 10deg), radial-gradient(circle at 50% 42%, #9b2c4c, var(--red-dark) 58%, #2c0a15);width:100%;height:100%;padding:5%;box-shadow:inset 0 0 0 1px #ffffff2e;container-type:inline-size}.dos-carte-cadre{background:radial-gradient(circle at 50% 45%,#ffdc9633,#0000 62%);border:1.4cqw solid #d4aa5a;border-radius:6cqw;flex-direction:column;justify-content:center;align-items:center;gap:3cqw;height:100%;display:flex;box-shadow:inset 0 0 0 .8cqw #2c0a1573,inset 0 0 0 1.4cqw #d4aa5a59}.dos-carte-cadre img{filter:drop-shadow(0 1.5cqw 2cqw #00000073);width:46cqw;height:auto}.dos-carte-nom{font-family:var(--font-display);letter-spacing:.4cqw;color:#efd08a;text-shadow:0 .6cqw #2c0a1599;font-size:12cqw;font-weight:800;line-height:1}.card-dialog{box-shadow:none;background:0 0;border:none;outline:none;margin:auto;padding:0;overflow:visible}.card-dialog[open]{animation:.2s both clue-in}.card-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2c0c1680}.card-dialog.legendaire::backdrop{background:linear-gradient(115deg,#0000 34%,#ffdb8d66 44%,#fff3d0d9 50%,#ffdb8d66 56%,#0000 66%) 120% 120%/250% 250% no-repeat,#2c0c1680;animation:1.15s ease-out both legend-backdrop-sweep}.card-dialog.mythique::backdrop{background:linear-gradient(115deg,#0000 30%,#ff6b9a66 38%,#ffcf5c73 44%,#fffc 50%,#7de3c173 56%,#6fa8ff66 62%,#0000 70%) 120% 120%/250% 250% no-repeat,#2208288c;animation:.7s ease-in-out 2 both legend-backdrop-sweep}@keyframes legend-backdrop-sweep{0%{background-position:120% 120%}to{background-position:-30% -30%}}.carte-pivotante{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;perspective:1600px;touch-action:none;width:min(88vw,58vh,460px)}.carte-pivotante-inner{transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;transition:transform .5s;position:relative}.carte-pivotante.actif .carte-pivotante-inner{transition:transform .1s ease-out}.carte-pivotante .grande-carte{box-shadow:inset 0 0 0 1px #ffffff73,inset 0 -2px 6px #0000002e,0 18px 40px #00000073}.tcg-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.tcg-tab{min-height:44px;font:inherit;color:var(--muted);background:var(--bg-card);border:2px solid var(--border);padding:var(--space-3) var(--space-5);cursor:pointer;border-radius:999px;font-weight:800;transition:background .15s,border-color .15s,color .15s}.tcg-tab:hover{background:var(--bg-soft)}.tcg-tab.active{border-color:var(--red);color:var(--red);background:color-mix(in srgb, var(--red) 8%, var(--bg-card))}.pack-counter{text-align:center;color:var(--muted);margin-bottom:1rem;font-weight:800}.pack-stage{justify-content:center;margin-bottom:1.5rem;display:flex}.pack-stage:empty{display:none}.pack{aspect-ratio:5/7;border:3px solid var(--gold);border-radius:var(--radius);background:radial-gradient(ellipse at 50% 30%, #d4a24a80, transparent 65%), linear-gradient(160deg, var(--red) 0%, var(--red-dark) 55%, #3a0b1b 100%);color:#fff;width:200px;font-family:var(--font-display);cursor:pointer;box-shadow:0 8px 24px var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.pack:before,.pack:after{content:"";background:repeating-linear-gradient(90deg,#ffffff40 0 6px,#0000 6px 12px);height:12px;position:absolute;left:0;right:0}.pack:before{border-radius:9px 9px 0 0;top:0}.pack:after{border-radius:0 0 9px 9px;bottom:0}.pack:hover:not(:disabled){box-shadow:0 12px 30px var(--shadow);transform:translateY(-4px)scale(1.02)}.pack .pack-logo{letter-spacing:.5px;text-shadow:2px 2px #00000040;font-size:1.9rem;font-weight:800}.pack .pack-sub{letter-spacing:3px;color:#f3d58f;font-size:.9rem}.pack .pack-hint{font-family:var(--font-body);color:#ffffffd9;font-size:.72rem;font-weight:700}.pack.disabled{filter:grayscale(.7)brightness(.8);cursor:not-allowed}.pack-mini{width:140px}.pack-mini .pack-logo{font-size:1.3rem}.pack-mini .pack-sub{letter-spacing:2px;font-size:.75rem}.pack-fan{pointer-events:none;width:min(520px,92vw);height:260px;position:relative}.pack-fan-slot{transform-origin:50% 130%;width:140px;margin-left:-70px;position:absolute;bottom:10px;left:50%}.pack-fan .pack-fan-item{animation:.5s ease-out both fan-deal}@keyframes fan-deal{0%{opacity:0;transform:translateY(70px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}.pack-fan.fan-burst .pack-fan-item{animation:.6s ease-in both fan-burst}@keyframes fan-burst{0%{opacity:1;transform:none}40%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.6)}}.pack-fan.fan-burst:before{content:"";background:radial-gradient(circle,#ffe296e6 0%,#ffe29659 35%,#0000 70%);animation:.7s ease-out both fan-flash;position:absolute;inset:-40px}@keyframes fan-flash{0%{opacity:0;transform:scale(.4)}50%{opacity:1}to{opacity:0;transform:scale(1.4)}}.pack-cards{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-bottom:1.5rem;display:flex}.tcg-card{aspect-ratio:5/7;border:3px solid var(--r-commune);background:var(--bg-card);width:140px;box-shadow:0 4px 12px var(--shadow);border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.tcg-card.clickable{cursor:pointer}.tcg-card.clickable:hover,.tcg-card.clickable:focus-visible{transition:transform .15s;transform:translateY(-3px)}.tcg-card-back{background:0 0;border:none}.tcg-card-art{flex:1;min-height:0}.tcg-card-nom{text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding:.3rem .3rem .05rem;font-size:.78rem;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.tcg-card-rarete{text-transform:uppercase;letter-spacing:.5px;text-align:center;color:var(--r-commune-fonce);padding-bottom:.35rem;font-size:.62rem;font-weight:800}.tcg-card.rare{border-color:var(--r-rare)}.tcg-card.rare .tcg-card-rarete{color:var(--r-rare-fonce)}.tcg-card.epique{border-color:var(--r-epique);box-shadow:0 4px 14px color-mix(in srgb, var(--r-epique) 40%, transparent)}.tcg-card.epique .tcg-card-rarete{color:var(--r-epique-fonce)}.tcg-card.legendaire{background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, linear-gradient(135deg, #fff3c4, #d9ae4f 30%, #8e6a1f 50%, #f7df95 70%, var(--gold)) border-box;border-color:#0000;animation:1.6s ease-in-out infinite alternate legend-glow}.tcg-card.legendaire .tcg-card-rarete{color:var(--r-legendaire-fonce)}.tcg-card.mythique{background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, linear-gradient(135deg, var(--prisme)) border-box;background-size:100% 100%,300% 300%;border-color:#0000;animation:3s ease-in-out infinite alternate mythique-cadre,1.6s ease-in-out infinite alternate mythique-glow}.tcg-card.mythique .tcg-card-rarete{color:var(--r-mythique)}@keyframes mythique-cadre{0%{background-position:0 0,0 0}to{background-position:0 0,100% 100%}}.tcg-card.reverse{isolation:isolate}.tcg-card.reverse:before{--pas:3px;z-index:-1}.tcg-card.full-art .tcg-card-art{position:absolute;inset:0}.tcg-card.full-art .vin-art img{height:66%;top:4%}.tcg-card.full-art .tcg-card-nom{background:#fffaf4db;margin-top:auto;position:relative}.tcg-card.full-art .tcg-card-rarete{background:#fffaf4db;position:relative}@keyframes legend-glow{0%{box-shadow:0 4px 12px #b8923f59}to{box-shadow:0 4px 24px #b8923fd9}}@keyframes mythique-glow{0%{box-shadow:0 4px 12px #9a3aa859}to{box-shadow:0 4px 26px #c88bffe6}}.tcg-card.flip{backface-visibility:hidden;animation:.7s both flip}@keyframes flip-pop{0%{transform:rotateX(90deg)scale(.7)}55%{transform:rotateX(0)scale(1.14)}to{transform:rotateX(0)scale(1)}}.tcg-card.rare.flip{animation:.7s both flip-pop,1.1s ease-out .4s both rare-burst}@keyframes rare-burst{0%{box-shadow:0 0 #4a7c3ad9}to{box-shadow:0 0 70px 45px #4a7c3a00}}.tcg-card.epique.flip{animation:.7s both flip-pop,1.2s ease-out .4s both epique-burst}@keyframes epique-burst{0%{box-shadow:0 0 #c9822ae6,0 0 #f0b45a99}to{box-shadow:0 0 60px 35px #c9822a00,0 0 120px 80px #f0b45a00}}.tcg-card.legendaire.flip{animation:.7s both flip-pop,1.3s ease-out .4s both legend-burst,1.6s ease-in-out 1.8s infinite alternate legend-glow}@keyframes legend-burst{0%{box-shadow:0 0 #b8923ff2,0 0 #ffd682b3}to{box-shadow:0 0 70px 40px #b8923f00,0 0 140px 90px #ffd68200}}.tcg-card.mythique.flip{animation:.7s both flip-pop,1.5s ease-out .4s both mythique-burst,3s ease-in-out infinite alternate mythique-cadre,1.6s ease-in-out 1.9s infinite alternate mythique-glow}@keyframes mythique-burst{0%{box-shadow:0 0 #c88bfff2,0 0 #ff6b9ab3}to{box-shadow:0 0 80px 45px #c88bff00,0 0 160px 100px #ff6b9a00}}.legend-flash{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.legend-flash:before{content:"";background:linear-gradient(90deg,#0000,#ffd68280 35%,#fff3cdeb 50%,#ffd68280 65%,#0000);width:45%;animation:1.1s ease-in-out both legend-sweep;position:absolute;top:-20%;bottom:-20%;left:0}.legend-flash.r-mythique:before{background:linear-gradient(90deg,#0000,#ff6b9a73 22%,#ffcf5c8c 36%,#ffffffeb 50%,#7de3c18c 64%,#6fa8ff73 78%,#0000);width:60%}@keyframes legend-sweep{0%{transform:translate(-120%)skew(-12deg)}to{transform:translate(340%)skew(-12deg)}}.legend-flash:after{content:"";background:radial-gradient(#b8923f59,#0000 70%);animation:1.3s ease-out both legend-fade;position:absolute;inset:0}.legend-flash.r-mythique:after{background:radial-gradient(#c88bff66,#0000 70%)}@keyframes legend-fade{0%{opacity:0}25%{opacity:1}to{opacity:0}}.card-slot{position:relative}.card-slot .tcg-card{z-index:1;position:relative}.card-rays{aspect-ratio:1;pointer-events:none;z-index:0;background:repeating-conic-gradient(#b8923f66 0deg 9deg,#0000 9deg 24deg);border-radius:50%;width:250%;animation:2.4s ease-out both rays-spin;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 70%);mask-image:radial-gradient(circle,#000 25%,#0000 70%)}.reveal-epique .card-rays{background:repeating-conic-gradient(#c9822a59 0deg 9deg,#0000 9deg 24deg)}.reveal-mythique .card-rays{background:repeating-conic-gradient(#c88bff73 0deg 9deg,#0000 9deg 24deg)}@keyframes rays-spin{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.5)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(1.15)}}.spark{pointer-events:none;z-index:2;border-radius:50%;width:8px;height:8px;animation:1s ease-out both spark-fly;position:absolute;top:50%;left:50%}.reveal-rare .spark{background:var(--r-rare);box-shadow:0 0 8px #4a7c3ae6}.reveal-epique .spark{background:var(--r-epique);box-shadow:0 0 10px #c9822ae6}.reveal-legendaire .spark{background:#ffd98a;width:10px;height:10px;box-shadow:0 0 12px #b8923f}.reveal-mythique .spark{background:#fff;width:10px;height:10px;box-shadow:0 0 12px 2px #c88bff}.reveal-mythique .spark:nth-child(3n){box-shadow:0 0 12px 2px #ff6b9a}.reveal-mythique .spark:nth-child(3n+1){box-shadow:0 0 12px 2px #6fa8ff}@keyframes spark-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.15);opacity:0}}.tcg-card-art:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000,#ffffffb3 50%,#0000);width:45%;position:absolute;top:-20%;bottom:-20%;left:-70%;transform:skew(-18deg)}.tcg-card.epique.flip .tcg-card-art:after,.tcg-card.legendaire.flip .tcg-card-art:after,.tcg-card.mythique.flip .tcg-card-art:after{animation:1s ease-out .75s both card-shine}@keyframes card-shine{0%{opacity:0;left:-70%}15%{opacity:1}to{opacity:0;left:140%}}main.screen-shake{animation:.55s both screen-shake}@keyframes screen-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px,3px)}35%{transform:translate(6px,-4px)}55%{transform:translate(-5px,2px)}75%{transform:translate(3px,-2px)}}.badge-new{z-index:2;background:linear-gradient(180deg, var(--red), var(--red-dark));color:#fff;letter-spacing:.5px;border-radius:0 999px 999px 0;padding:.15rem .5rem;font-size:.58rem;font-weight:800;position:absolute;top:8px;left:-4px;box-shadow:0 2px 6px #00000040}.badge-count{z-index:2;color:#fff;background:#3b1f27d9;border-radius:999px;padding:.05rem .45rem;font-size:.68rem;font-weight:800;position:absolute;top:6px;right:6px}.pack-actions{justify-content:center;margin-bottom:1rem;display:flex}.pack-actions .btn{cursor:pointer;font:inherit;border:none;font-weight:800}.tcg-countdown{text-align:center;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);max-width:420px;color:var(--muted);box-shadow:0 4px 12px var(--shadow);margin:0 auto;padding:1rem 1.2rem;font-weight:700}.tcg-countdown strong{color:var(--red);font-variant-numeric:tabular-nums}.binder-head{flex-direction:column;align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.binder-complet{color:var(--muted);text-shadow:0 0 8px var(--bg), 0 0 2px var(--bg);font-weight:700}.binder-complet strong{color:var(--red);font-size:1.15rem}.binder-reverses{font-size:var(--text-sm)}.binder-filtres{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.filtre-pill{min-height:36px;padding:.3rem .9rem;font-size:.85rem}.binder-cat-titre{font-family:var(--font-display);letter-spacing:.5px;color:var(--red);text-align:center;text-shadow:0 0 8px var(--bg), 0 0 2px var(--bg);margin:1rem 0 .7rem;font-weight:700}.binder-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.8rem;display:grid}.binder-card{width:auto}.binder-card .tcg-card-nom{font-size:.7rem}.binder-card.locked{filter:grayscale();opacity:.5;animation:none}.tcg-card-art-mystere{font-family:var(--font-display);color:var(--muted);background:repeating-linear-gradient(45deg, #6e505914 0 10px, transparent 10px 20px), var(--bg-soft);justify-content:center;align-items:center;font-size:3rem;display:flex}.boutique-solde{text-align:center;color:var(--muted);text-shadow:0 0 8px var(--bg), 0 0 2px var(--bg);font-weight:800}.boutique-solde strong{color:var(--red);font-size:1.25rem}.boutique-achat{flex-direction:column;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.boutique-packs{justify-content:center;align-items:stretch;gap:1.6rem;display:flex}.pack-x10{box-shadow:5px 5px 0 -1px #3a0b1b, 10px 10px 0 -2px #3a0b1b8c, 0 8px 24px var(--shadow)}.pack-x10:hover:not(:disabled){box-shadow:5px 5px 0 -1px #3a0b1b, 10px 10px 0 -2px #3a0b1b8c, 0 12px 30px var(--shadow)}.pack-x10-badge{background:var(--gold);color:#fff;font-family:var(--font-display);text-shadow:1px 1px #0000004d;border-radius:999px;padding:.05rem .5rem;font-size:.95rem;line-height:1.3;position:absolute;top:10px;right:10px;transform:rotate(8deg)}.boutique-note{text-align:center;max-width:420px;margin:0 auto}.vente-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin:1rem 0 .7rem;display:flex}.vente-head .binder-cat-titre{margin:0}.sell-grid{align-items:start}.sell-item{flex-direction:column;align-items:center;gap:.4rem;display:flex}.sell-item .tcg-card{width:100%}.sell-btn{cursor:pointer;min-height:36px;font:inherit;border:none;padding:.3rem .8rem;font-size:.72rem;font-weight:800}@media (width<=640px){.tcg-card{width:104px}.binder-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.tcg-tab{padding:var(--space-2) var(--space-4)}}.sachet{--sachet-film:repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 3px), linear-gradient(180deg, #6a1a33 0%, #2c0913 100%);--sachet-or:#d4a24a;--dent:4cqw;aspect-ratio:31/50;filter:drop-shadow(0 14px 22px #3b1f2759);width:100%;position:relative;container-type:inline-size}.sachet-corps{background:var(--sachet-film);-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--dent) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--dent) 51% repeat-x;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--dent) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--dent) 51% repeat-x;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--dent) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--dent) 51% repeat-x;position:absolute;inset:0;overflow:hidden}.sachet-bande,.sachet-volet{height:18%;position:absolute;top:0;left:0;right:0}.sachet-bande{-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--dent) 100%;-webkit-mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--dent) 100%;mask:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--dent) 100%;overflow:hidden}.sachet-volet .sachet-bande{height:100%}.sachet-bande-fond{background:var(--sachet-film);width:100%;height:555.556%;position:absolute;top:0;left:0}.sachet-art{object-fit:cover;object-position:40% 50%;pointer-events:none;width:100%;height:78%;display:block;position:absolute;top:15%;left:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 17%);mask-image:linear-gradient(#0000 4%,#000 17%)}.sachet-modele{z-index:2;pointer-events:none;background:linear-gradient(100deg,#0000 18%,#ffffff14 21%,#0000 24% 58%,#ffffff0f 61%,#0000 65%),linear-gradient(90deg,#0000006b,#0000 8%,#ffffff0d 50%,#0000 92%,#0000006b),linear-gradient(#0003,#0000 10% 90%,#00000047);position:absolute;inset:0}.sachet-corps:before,.sachet-corps:after,.sachet-bande-fond:before,.sachet-bande-fond:after{content:"";pointer-events:none;position:absolute;inset:0}.sachet-corps:before,.sachet-bande-fond:before{z-index:3;background:radial-gradient(circle at var(--mx,30%) var(--my,22%), #ffffff4d, transparent 45%);mix-blend-mode:soft-light}.sachet-corps:after,.sachet-bande-fond:after{z-index:4;background:linear-gradient(115deg,#0000 40%,#ffffff38 47%,#ffffff0d 53%,#0000 60%) 0 0/250% 100% no-repeat;animation:5s ease-in-out infinite sachet-reflet}@keyframes sachet-reflet{0%,35%{background-position:110% 0}75%,to{background-position:-10% 0}}.sachet-sertissage{background:linear-gradient(#fff9,#fff0 45%,#00000038),repeating-linear-gradient(90deg,#f1f3f6 0 1.1cqw,#a7afba 1.1cqw 2cqw);position:absolute;left:0;right:0}.sachet-sertissage.haut{height:38.9%;box-shadow:0 .9cqw 0 var(--sachet-or), 0 1.4cqw 0 #00000040;top:0}.sachet-sertissage.bas{z-index:2;height:7%;box-shadow:0 -.9cqw 0 var(--sachet-or), 0 -1.4cqw 0 #00000040;bottom:0}.sachet-ouvrir{text-align:center;letter-spacing:.6cqw;white-space:nowrap;color:#f0c878;font-size:3.2cqw;font-weight:800;position:absolute;top:46%;left:0;right:0}.sachet-pointilles{border-top:.5cqw dashed #f0c87899;position:absolute;top:73%;left:3%;right:3%}.sachet-geste{aspect-ratio:1;opacity:0;background:#fff;border-radius:50%;width:3.4cqw;position:absolute;top:73%;left:8%;translate:-50% -50%;box-shadow:0 0 1.6cqw .6cqw #fff0d2b3}.sachet.invite .sachet-geste{animation:2.4s ease-in-out .8s infinite sachet-geste}@keyframes sachet-geste{0%{opacity:0;left:8%}15%{opacity:.9}70%{opacity:.9;left:92%}85%,to{opacity:0;left:92%}}.sachet-bandeau{z-index:2;background:linear-gradient(#0000,#280812eb 50%);flex-direction:column;justify-content:flex-end;align-items:center;gap:1.1cqw;padding-bottom:2.6cqw;display:flex;position:absolute;inset:70% 0 7%}.sachet-nom{font-family:var(--font-display);letter-spacing:.6cqw;color:#fff;text-shadow:0 .4cqw .8cqw #0009;font-size:6.2cqw;font-weight:800;line-height:1}.sachet-contenu{letter-spacing:.5cqw;color:var(--sachet-or);font-size:3cqw;font-weight:800}.sachet-gemmes{gap:2.4cqw;margin-top:.6cqw;display:flex}.sachet-gemme{aspect-ratio:1;background:var(--g);border:.45cqw solid #fffc;width:2.8cqw;rotate:45deg}.sachet-gemme.commune{--g:#d6cabe}.sachet-gemme.rare{--g:#6aa453}.sachet-gemme.epique{--g:#e09a3c}.sachet-gemme.legendaire{--g:#f2c14e}.sachet-gemme.mythique{--g:linear-gradient(135deg, var(--prisme))}.sachet-cartes{aspect-ratio:63/88;width:74%;position:absolute;top:11%;left:50%;translate:-50%}.sachet-cartes:before{content:"";opacity:0;background:radial-gradient(closest-side,#ffecc866,#0000);transition:opacity .6s;position:absolute;inset:-30% -30% 35%}.sachet.ouvert .sachet-cartes:before{opacity:1}.sachet-carte{border-radius:4.5%/3.2%;position:absolute;inset:0;box-shadow:0 -.6cqw 1.6cqw #00000059}.sachet-carte:first-child{translate:-4% 2%;rotate:-3deg}.sachet-carte:nth-child(2){translate:4% 1%;rotate:2.5deg}.sachet-volet{z-index:3;filter:drop-shadow(0 .8cqw .6cqw #0006)drop-shadow(0 2.4cqw 2.4cqw #00000040)}.sachet-volet-pli{transition:transform .35s cubic-bezier(.3,1.3,.5,1);position:absolute;inset:0}.sachet.en-cours .sachet-volet-pli{transition:none}.sachet-volet-ombre{z-index:5;pointer-events:none;position:absolute;inset:0}.sachet-bord{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.sachet-bord polyline{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sachet-bord .ombre{stroke:#0006;stroke-width:3px}.sachet-bord .lisere{stroke:#efe9dc;stroke-width:3.6px}.sachet-bord .fibres{stroke:#ffffffbf;stroke-width:1.2px}.sachet.ouvert .sachet-volet{animation:1s cubic-bezier(.2,.7,.4,1) forwards sachet-arrache}@keyframes sachet-arrache{30%{transform:translate(calc(var(--sens) * 14%), -70%) rotate(calc(var(--sens) * 30deg));animation-timing-function:cubic-bezier(.5,0,.9,.5)}to{transform:translate(calc(var(--sens) * 60%), 480%) rotate(calc(var(--sens) * 80deg));opacity:0}}.sachet.ouvert .sachet-cartes{animation:1s cubic-bezier(.25,.8,.3,1) .15s forwards sachet-cartes-sortent}@keyframes sachet-cartes-sortent{to{translate:-50% -34%}}.sachet.ouvert .sachet-corps{animation:.8s cubic-bezier(.5,0,.75,.35) .6s forwards sachet-chute}@keyframes sachet-chute{15%{transform:translateY(-2%)}80%{opacity:1}to{opacity:0;transform:translateY(110%)}}.sachet-bouton{border-radius:var(--radius);width:200px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.8rem;padding:0;animation:3.2s ease-in-out infinite sachet-attente;display:flex}@keyframes sachet-attente{50%{translate:0 -6px}}.sachet-bouton .sachet{transition:transform .2s}.sachet-bouton:hover:not(:disabled) .sachet,.sachet-bouton:focus-visible .sachet{transform:rotate(-2deg)scale(1.04)}.sachet-bouton:focus-visible{outline:3px solid var(--focus-ring);outline-offset:6px}.sachet-bouton:disabled{cursor:not-allowed;animation:none}.sachet-bouton:disabled .sachet{filter:grayscale(.75)brightness(.85)drop-shadow(0 10px 16px #3b1f2740)}.sachet-bouton-indice{font-size:var(--text-sm);color:var(--muted);text-shadow:0 0 8px var(--bg), 0 0 2px var(--bg);font-weight:800}.ceremonie{--cf-w:min(300px, 66vw, calc((100dvh - 300px) * .716));--eclat:#f3e3c3;--or:#d4a24a;z-index:100;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(55% 45% at 50% 46%,#9b2c4c59,#0000 72%),radial-gradient(120% 55% at 50% 118%,#d4a24a47,#0000 62%),radial-gradient(at 50% 46%,#4a1024 0%,#2a0813 48%,#0f0307 100%);outline:none;flex-direction:column;animation:.35s both ceremonie-entree;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes ceremonie-entree{0%{opacity:0}}.ceremonie .r-commune{--eclat:#f3e3c3}.ceremonie .r-rare{--eclat:#8fdc72}.ceremonie .r-epique{--eclat:#ffaa45}.ceremonie .r-legendaire{--eclat:#ffd060}.ceremonie .r-mythique{--eclat:#e08cff}.ceremonie-poussieres{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ceremonie-poussieres span{opacity:0;background:#ffd98a;border-radius:50%;animation-name:ceremonie-poussiere;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;box-shadow:0 0 6px 1px #d4a24abf}@keyframes ceremonie-poussiere{0%{opacity:0;translate:0}20%{opacity:.9}50%{opacity:.35}80%{opacity:.85}to{opacity:0;translate:0 -120px}}.ceremonie-hud{z-index:30;justify-content:center;align-items:center;min-height:64px;padding:14px 16px 0;display:flex;position:relative}.ceremonie-passer{color:#f5dfb4;min-height:40px;font:inherit;font-size:var(--text-sm);cursor:pointer;background:#0f030780;border:1.5px solid #d4a24a8c;border-radius:999px;padding:.45rem .95rem;font-weight:800;transition:background .15s,color .15s;position:absolute;top:14px;right:16px}.ceremonie-passer:hover{color:#fff;background:#d4a24a33}.cf-progression{background:#0f030799;border:1px solid #d4a24a59;border-radius:14px;align-items:center;gap:12px;padding:9px 14px;display:flex;box-shadow:0 6px 18px #0000004d}.cf-segments{gap:5px;display:flex}.cf-segment{background:#ffffff24;border-radius:4px;width:26px;height:7px;transition:background .4s,box-shadow .4s}.cf-segment.vue{background:var(--eclat);box-shadow:0 0 8px color-mix(in srgb, var(--eclat) 70%, transparent)}.cf-segment.vue.r-mythique{background:linear-gradient(90deg, var(--prisme))}.cf-segment.actuel{outline:2px solid var(--or);outline-offset:2px}.cf-compteur{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:800}.ceremonie-scene{z-index:1;flex:1;place-items:center;min-height:0;display:grid;position:relative}.ceremonie-scene.secousse-0{animation:.55s both ceremonie-secousse-0}.ceremonie-scene.secousse-1{animation:.55s both ceremonie-secousse-1}@keyframes ceremonie-secousse-0{15%{translate:-9px 4px}35%{translate:8px -5px}55%{translate:-6px 3px}75%{translate:4px -2px}}@keyframes ceremonie-secousse-1{15%{translate:-9px 4px}35%{translate:8px -5px}55%{translate:-6px 3px}75%{translate:4px -2px}}.ceremonie-booster{touch-action:none;cursor:grab;border-radius:12px;outline:none;width:min(290px,68vw,62dvh - 155px);animation:.6s cubic-bezier(.2,.9,.3,1.2) both ceremonie-booster-entree,3.4s ease-in-out .6s infinite ceremonie-flotte;position:relative}.ceremonie-booster:active{cursor:grabbing}.ceremonie-booster:focus-visible{outline-offset:8px;outline:3px solid #fff9}@keyframes ceremonie-booster-entree{0%{opacity:0;transform:translateY(40px)scale(.6)rotate(-6deg)}}@keyframes ceremonie-flotte{50%{translate:0 -8px}}.ceremonie-booster-incline{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s}.ceremonie-booster.actif .ceremonie-booster-incline{transition:transform 80ms linear}.ceremonie .sachet{filter:drop-shadow(0 24px 36px #00000080)}@property --aura{syntax:"<color>";inherits:true;initial-value:#f3e3c3}.cf-aura{--aura:#f3e3c3;width:calc(var(--cf-w) * 2.6);aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--aura) 50%, transparent), color-mix(in srgb, var(--aura) 16%, transparent) 55%, transparent);opacity:.3;transition:--aura .6s,opacity .6s,scale .7s cubic-bezier(.3,1.4,.5,1);position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.85}.cf-aura.charge{--aura:var(--eclat);opacity:.6;scale:.92}.cf-aura.vive{--aura:var(--eclat);opacity:1;scale:1}.cf-aura.vive.r-mythique{background:conic-gradient(#ff6b9a73,#ffcf5c73,#7de3c173,#6fa8ff73,#c88bff73,#ff6b9a73);animation:8s linear infinite aura-tourne;-webkit-mask-image:radial-gradient(closest-side,#000,#00000059 55%,#0000);mask-image:radial-gradient(closest-side,#000,#00000059 55%,#0000)}@keyframes aura-tourne{to{rotate:360deg}}.cf-eclat{z-index:20;width:calc(var(--cf-w) * 1.3);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle, #fffffff2 0%, color-mix(in srgb, var(--eclat) 70%, transparent) 30%, transparent 68%);border-radius:50%;animation:.9s ease-out .3s both cf-eclat;position:absolute;top:50%;left:50%;translate:-50% -50%}.cf-eclat:after{content:"";border:3px solid var(--eclat);box-shadow:0 0 20px var(--eclat);border-radius:50%;position:absolute;inset:20%}.cf-eclat.r-commune{background:radial-gradient(circle,#ffffff73,#0000 60%)}.cf-eclat.r-commune:after{display:none}@keyframes cf-eclat{0%{opacity:0;scale:.2}15%{opacity:1}to{opacity:0;scale:3}}.cf-etincelles{z-index:21;pointer-events:none;position:absolute;top:50%;left:50%}.cf-etincelle{width:9px;height:9px;box-shadow:0 0 10px 3px var(--eclat);opacity:0;background:#fff;border-radius:50%;animation:1.1s ease-out both cf-etincelle;position:absolute;top:0;left:0}.cf-etincelles.r-mythique .cf-etincelle:nth-child(3n){box-shadow:0 0 10px 3px #ff6b9a}.cf-etincelles.r-mythique .cf-etincelle:nth-child(3n+1){box-shadow:0 0 10px 3px #6fa8ff}@keyframes cf-etincelle{0%{opacity:0;transform:translate(-50%,-50%)scale(1)}5%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.2)}}.cf-piste{position:absolute;inset:0}.cf-slot{width:var(--cf-w);aspect-ratio:63/88;transform-style:preserve-3d;cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute;top:50%;left:50%;translate:-50% -50%}.cf-slot.centre.revelee{cursor:zoom-in}.cf-entree{width:100%;height:100%;transform-style:preserve-3d;animation:.6s cubic-bezier(.2,.8,.2,1) both cf-entree}@keyframes cf-entree{0%{opacity:0;transform:translateY(-12%)scale(.8)}}.cf-flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.cf-slot.charge.r-epique .cf-flipper{animation:.5s linear infinite card-tremble}.cf-slot.charge.r-legendaire .cf-flipper,.cf-slot.charge.r-mythique .cf-flipper{animation:.28s linear infinite cf-tremble-fort}@keyframes cf-tremble-fort{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px,2px)rotate(-1.4deg)}50%{transform:translate(3px,-2px)rotate(1.4deg)}75%{transform:translate(-2px,-1px)rotate(-.8deg)}}.cf-slot.revelee .cf-flipper{animation:.7s cubic-bezier(.55,0,.25,1.12) cf-retourne,.7s ease-in-out cf-pop;rotate:y 180deg}@keyframes cf-retourne{0%{rotate:y 0deg}}@keyframes cf-pop{50%{scale:1.1}}.cf-face{backface-visibility:hidden;isolation:isolate;border-radius:4.5%/3.2%;position:absolute;inset:0}.cf-recto{overflow:hidden;transform:rotateY(180deg)}.cf-face:after{content:"";z-index:6;border-radius:inherit;opacity:0;pointer-events:none;background:#0f030766;transition:opacity .4s;position:absolute;inset:0}.cf-slot:not(.centre) .cf-face:after{opacity:1}.cf-dos{box-shadow:inset 0 0 0 1px #ffffff4d,0 14px 30px #00000073}.cf-slot.charge .cf-dos{animation:cf-charge var(--suspense) ease-in both}@keyframes cf-charge{to{box-shadow:inset 0 0 0 1px #ffffff4d, 0 0 0 3px var(--eclat), 0 0 60px 16px var(--eclat)}}.cf-slot.revelee .cf-recto{box-shadow:0 0 0 2px color-mix(in srgb, var(--eclat) 70%, transparent), 0 0 36px 4px color-mix(in srgb, var(--eclat) 55%, transparent)}.cf-recto:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);width:45%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-130%)skew(-14deg)}.cf-slot.revelee .cf-recto:before{animation:.9s ease-out .5s both cf-brillance}@keyframes cf-brillance{0%{transform:translate(-130%)skew(-14deg)}to{transform:translate(330%)skew(-14deg)}}.ceremonie-pied{z-index:30;min-height:150px;padding:6px 16px max(18px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.cf-nom{font-family:var(--font-display);color:#fff;text-shadow:0 3px #2a0813,0 0 18px #d4a24a59;margin:0;font-size:clamp(1.3rem,4.6vw,2rem);font-weight:700;line-height:1.1;animation:.4s both cf-apparition}.cf-nom.cache{color:#ffffff4d}@keyframes cf-apparition{0%{opacity:0;translate:0 8px}}.cf-pastilles{flex-wrap:wrap;justify-content:center;gap:8px;min-height:26px;display:flex}.cf-pastille{font-size:var(--text-xs);letter-spacing:.8px;text-transform:uppercase;color:#1b1412;background:var(--eclat);box-shadow:0 0 14px color-mix(in srgb, var(--eclat) 60%, transparent);border-radius:999px;padding:4px 12px;font-weight:800;animation:.45s cubic-bezier(.3,1.6,.5,1) both cf-pastille}.cf-pastille:nth-child(2){animation-delay:80ms}.cf-pastille.r-mythique{color:#fff;background:linear-gradient(90deg, var(--prisme));text-shadow:0 1px #00000059}.cf-pastille.reverse{color:#3d4550;background:linear-gradient(100deg, var(--argent));box-shadow:0 0 14px #e6ebf58c}.cf-pastille:nth-child(3){animation-delay:.16s}.cf-pastille.nouveau{color:#fff;background:linear-gradient(180deg, var(--red), var(--red-dark));box-shadow:0 0 0 2px #fff9}@keyframes cf-pastille{0%{opacity:0;scale:.4}}.cf-commandes{justify-content:center;align-items:center;gap:14px;display:flex}.cf-fleche{color:#f5dfb4;width:44px;height:44px;font:inherit;cursor:pointer;background:#d4a24a1f;border:2px solid #d4a24a99;border-radius:50%;place-items:center;font-size:1.7rem;line-height:1;transition:background .15s,opacity .15s;display:grid}.cf-fleche:hover:not(:disabled){background:#d4a24a47}.cf-fleche:disabled{opacity:.25;cursor:default}.cf-indice{min-width:190px;font-size:var(--text-sm);color:#f5e1e6bf;margin:0;font-weight:700}.ceremonie-pied>.cf-indice{max-width:320px;margin-top:12px}.cf-terminer{min-width:190px;font:inherit;cursor:pointer;border:none;font-weight:800;animation:1.6s ease-in-out infinite cf-appel}@keyframes cf-appel{50%{box-shadow:0 0 0 7px #d4a24a40,0 3px 10px #7b1e3a59}}@media (width<=520px){.ceremonie-hud{justify-content:flex-start}.cf-segment{width:18px}.cf-indice,.cf-terminer{min-width:150px}.sachet-bouton{width:170px}}@media (width<=1600px){.booster-texte{display:none}.booster-lien,.langue-btn{padding:var(--space-3)}}@media (width<=1350px){.site-header{grid-template-columns:1fr auto;row-gap:.5rem}.header-actions{grid-area:1/2}.site-header nav{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center}}@media (width<=640px){.site-header{grid-template-columns:1fr auto;row-gap:.5rem;padding:.7rem 1rem}.site-header nav{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center}.logo{font-size:1.3rem}.logo .logo-img{height:36px}.header-actions{gap:.4rem}.header-separateur,.booster-texte{display:none}.booster-lien{padding:var(--space-3)}.musique-controle input[type=range]{width:64px}.langue-btn{padding:var(--space-3)}.victory-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.musique-controle input[type=range]{display:none}.musique-controle{padding:0 var(--space-2)}}@media (width<=430px){.site-header{grid-template-columns:1fr}.site-header .logo{grid-area:1/1;justify-self:center}.site-header nav{grid-row:2}.header-actions{flex-wrap:wrap;grid-area:3/1;justify-content:center;justify-self:center}}@media (width<=760px){.carte-jeu{gap:var(--space-3);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"vin""carte""actions""essais"}}@media (width<=900px){.board{min-width:0}.row.header{display:none}.row:not(.header){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);box-shadow:var(--elev-1);margin-bottom:var(--space-3);grid-template-columns:minmax(0,1fr);gap:4px}.row:not(.header) .tile{justify-content:flex-end;align-items:center;gap:var(--space-2);text-align:right;white-space:normal;overflow-wrap:break-word;min-width:0;min-height:auto;padding:var(--space-2) var(--space-3);border-radius:6px;flex-direction:row}.row:not(.header) .tile>span{white-space:pre-line;min-width:0}.row:not(.header) .tile:before{content:attr(data-label);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3px;text-align:left;opacity:.85;margin-right:auto;font-weight:800}.row:not(.header) .tile-avatar{text-align:left;justify-content:flex-start;gap:var(--space-3)}.row:not(.header) .tile-avatar:before{content:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}main.screen-shake{animation:none!important}}