/* ---- v2.0.0 : decks sauvegardés, échanges, statistiques, emotes, didacticiel ---- */
/* decks sauvegardés */
.v2-dks{margin:10px 0 14px;padding:12px 14px;border-radius:18px;background:var(--pn);border:1px solid var(--ln)}
.v2-dkh{display:flex;align-items:center;gap:8px;margin-bottom:8px}.v2-dkh small{color:var(--mu)}
.v2-dkc{display:flex;flex-wrap:wrap;gap:6px}
.v2-dk{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:99px;border:1px solid var(--ln);background:#ffffff0d;color:var(--tx);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;transition:.15s}
.v2-dk small{opacity:.7;font-size:.7rem}.v2-dk:hover{background:#ffffff1c}
.v2-dk.on{background:var(--ac);color:#06180d;border-color:var(--ac)}
.v2-dk.bad{border-style:dashed}
.v2-dkb{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
/* bandeaux de l'accueil */
.v2-tut,.v2-al{display:flex;flex-direction:column;gap:6px;margin:10px 0;padding:14px;align-items:flex-start;border-color:#6bb8ff66;background:linear-gradient(135deg,#6bb8ff18,var(--pn) 70%)}
.v2-tut p,.v2-al p{margin:0;color:var(--mu);font-size:.9rem}
.v2-al{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;border-color:#ffd34d66;background:linear-gradient(135deg,#ffd34d18,var(--pn) 70%)}
.hm .t2 .v2-n{display:inline-block;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:99px;background:#ff5a5a;color:#fff;font:800 .68rem/18px system-ui;text-align:center;vertical-align:middle}
/* échanges */
.v2-lim{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.v2-tr{margin:10px 0;padding:14px}
.v2-trh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}.v2-trh small{color:var(--mu)}
.v2-trb{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.v2-trb>span{font-size:1.5rem;opacity:.7}.v2-trb small{display:block;color:var(--mu);margin-bottom:4px}
.v2-tra{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.v2-tl{display:flex;flex-wrap:wrap;gap:8px}.v2-tc{position:relative;width:var(--cw);flex:none}
.v2-q{position:absolute;right:-4px;top:-6px;min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:var(--ac);color:#06180d;font-size:.75rem;font-weight:900;box-shadow:0 2px 6px #0008;z-index:3}
.v2-cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
@media(max-width:760px){.v2-cmp{grid-template-columns:1fr}}
.v2-pg{display:flex;flex-wrap:wrap;gap:12px;--cw:min(86px,24vw)}
.v2-pk{position:relative;width:var(--cw);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.7}.v2-pk.on{opacity:1}
.v2-pk>.v2-have{position:absolute;left:-4px;top:-6px;min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:#000b;border:1px solid var(--ln);font-size:.72rem;font-weight:800;z-index:3}
.v2-ctl{display:flex;align-items:center;gap:6px}.v2-ctl button{width:26px;height:26px;border-radius:50%;border:1px solid var(--ln);background:#ffffff14;color:var(--tx);font:800 1rem/1 system-ui;cursor:pointer}.v2-ctl b{min-width:14px;text-align:center}
.v2-hist{display:flex;flex-direction:column;gap:6px;font-size:.88rem}.v2-hist div{padding:8px 12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--ln)}
/* statistiques */
.v2-sf{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.v2-sf .pill.on{background:var(--ac);color:#06180d;border-color:var(--ac)}
.v2-box{margin:12px 0;padding:14px}.v2-box h3{margin-top:0}
.v2-scr{max-height:360px;overflow:auto;padding-right:4px}
.v2-br{display:grid;grid-template-columns:minmax(110px,1.1fr) 2fr 48px 56px;gap:8px;align-items:center;padding:4px 0;font-size:.86rem}
.v2-br .v2-bn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-br small{color:var(--mu);text-align:right}.v2-br b{text-align:right}
.v2-bar{height:10px;border-radius:99px;background:#ffffff14;overflow:hidden}.v2-bar i{display:block;height:100%;border-radius:99px}
.v2-rc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;margin:6px 0;border-radius:12px;background:#ffffff0a;border:1px solid var(--ln);font-size:.86rem}
.v2-rc.w{border-color:#4ade8066}.v2-rc.l{border-color:#ff5a5a55}.v2-rc small{color:var(--mu)}
/* emotes */
#v2emo{position:fixed;left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.v2-eb{width:44px;height:44px;border-radius:50%;border:1px solid var(--ln);background:#000a;backdrop-filter:blur(6px);font-size:1.3rem;cursor:pointer;color:#fff}
.v2-ep{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:16px;background:#000c;backdrop-filter:blur(8px);border:1px solid var(--ln);max-width:min(92vw,330px)}
.v2-er{display:flex;flex-wrap:wrap;gap:6px}
.v2-ei{padding:6px 10px;border-radius:99px;border:1px solid var(--ln);background:#ffffff12;color:#fff;font:inherit;font-size:.82rem;cursor:pointer}.v2-ei i{font-style:normal;font-size:1.15rem;margin-right:4px}.v2-ei.e{padding:4px 9px}.v2-ei.e i{margin:0;font-size:1.4rem}
.v2-ei:disabled{opacity:.4}
.v2-ep label{display:flex;gap:6px;align-items:center;font-size:.76rem;color:var(--mu);cursor:pointer}
.v2-bub{position:fixed;z-index:70;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:18px;background:#000d;border:1px solid var(--ln);color:#fff;font-weight:800;pointer-events:none;animation:v2pop 2.8s ease-out forwards}
.v2-bub i{font-style:normal;font-size:2rem;line-height:1}.v2-bub.me{left:12px;bottom:calc(70px + env(safe-area-inset-bottom,0px))}.v2-bub.foe{right:12px;top:calc(66px + env(safe-area-inset-top,0px))}
@keyframes v2pop{0%{transform:scale(.4);opacity:0}12%{transform:scale(1.12);opacity:1}22%{transform:scale(1)}80%{opacity:1}100%{transform:translateY(-14px);opacity:0}}
.v2-toast{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:9000;padding:10px 18px;border-radius:99px;background:#000d;border:1px solid var(--ac);color:#fff;font-weight:700;font-size:.9rem;animation:v2tst 4s ease-out forwards;max-width:90vw;text-align:center}
@keyframes v2tst{0%{opacity:0;transform:translate(-50%,-10px)}8%{opacity:1;transform:translate(-50%,0)}88%{opacity:1}100%{opacity:0}}
/* didacticiel */
#tuto{position:fixed;left:50%;top:calc(52px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:80;width:min(94vw,440px);padding:12px 14px;border-radius:18px;background:linear-gradient(160deg,#0d3a22f2,#04140af2);border:1px solid var(--ac);box-shadow:0 8px 30px #000a,0 0 24px #c6ff3d33;color:#fff}
#tuto.min{width:auto;padding:6px 10px;border-radius:99px;cursor:pointer}
.v2-coh{display:flex;align-items:center;gap:8px}.v2-coh i{font-style:normal;font-size:1.5rem}.v2-coh b{flex:1}.v2-coh small{color:var(--mu)}
.v2-x{width:28px;height:28px;border-radius:50%;border:1px solid var(--ln);background:#ffffff14;color:#fff;cursor:pointer}
#tuto p{margin:8px 0 0;font-size:.9rem;line-height:1.45}#tuto p+p{margin-top:6px;color:var(--mu);font-size:.82rem}
.v2-hl{animation:v2hl 1.1s ease-in-out infinite!important;box-shadow:0 0 0 3px #c6ff3d88,0 0 18px #c6ff3d77!important}
@keyframes v2hl{50%{box-shadow:0 0 0 5px #c6ff3dcc,0 0 26px #c6ff3d}}

/* didacticiel : guidage plus visible */
.v2-hl{outline:3px solid #c6ff3d!important;outline-offset:2px;border-radius:12px;position:relative;z-index:5}
#tutoPt{position:fixed;z-index:85;font-size:2.2rem;transform:translateX(-50%);pointer-events:none;animation:v2pt .8s ease-in-out infinite;filter:drop-shadow(0 4px 6px #000a)}
@keyframes v2pt{50%{transform:translate(-50%,10px)}}
.v2-skip{background:none;border:0;color:var(--mu);font-size:.78rem;text-decoration:underline;cursor:pointer;padding:2px 0}
#tuto:not(.min){border-width:2px;animation:v2tin .35s ease-out}
@keyframes v2tin{from{opacity:0;transform:translate(-50%,-14px)}}