:root{
  --bg:#0f1220; --bg2:#171b2e; --panel:#1d2238; --panel2:#252b47; --line:#323a5e;
  --txt:#eef0fa; --mut:#9aa1c4; --acc:#ffcb05; --acc2:#3d7dca; --ok:#3ecf8e; --bad:#ff5d73;
  --t1:#9aa1b4; --t2:#4cc38a; --t3:#4b9bff; --t4:#b678ff; --t5:#ffcb05; --t6:#ff6fb5; --t7:#ff5d3a;
  --r:14px; --navh:0px;
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,#2a2f6b55,transparent),radial-gradient(900px 500px at -10% 10%,#ffcb0512,transparent),var(--bg);overscroll-behavior-y:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
input,select{font:inherit;font-size:16px;color:var(--txt);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;min-width:0}
input:focus,select:focus{border-color:var(--acc2)}
a{color:var(--acc)}
.hidden{display:none!important}
.muted{color:var(--mut)}
img{-webkit-user-drag:none;user-select:none}

/* ---------- marque ---------- */
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:.3px}
.brand.lg{justify-content:center;font-size:32px;margin-bottom:18px}
.brand .logo{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 200deg,var(--acc),#ff8a00,var(--acc2),var(--acc));display:grid;place-items:center;box-shadow:0 0 18px #ffcb0555;flex:0 0 auto}
.brand .logo i{width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid #fff}
.brand span b{color:var(--acc)}

/* ---------- boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--panel2);border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-weight:600;transition:transform .15s,border-color .15s;white-space:nowrap}
.btn:hover{border-color:var(--acc2)}
.btn:active{transform:scale(.97)}
.btn.pri{background:linear-gradient(135deg,var(--acc),#ff9f1a);color:#1a1300;border:0}
.btn.blue{background:linear-gradient(135deg,#4b8dff,#7b4dff);border:0}
.btn.green{background:linear-gradient(135deg,#3ecf8e,#1c9b6a);border:0;color:#00210f}
.btn.red{background:#3a1f2b;border-color:#6b2c3e;color:#ffb3c0}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn.sm{padding:6px 10px;font-size:13px}
.btn.wide{width:100%}

/* ---------- chargement / connexion ---------- */
#loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg);padding:16px}
.lbox{width:min(460px,100%);text-align:center}
.bar{height:10px;background:var(--bg2);border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc2),var(--acc));transition:width .3s}
#lmsg{margin-top:12px;color:var(--mut);min-height:1.4em}
#auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px calc(24px + var(--sab))}
.abox{width:min(420px,100%)}
.acard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 20px 50px #0007}
.acard h2{margin:0 0 4px;font-size:22px}
.acard p{margin:0 0 16px;color:var(--mut);font-size:14px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.field label{font-size:13px;color:var(--mut)}
.field input{width:100%}
.aerr{background:#3a1f2b;border:1px solid #6b2c3e;color:#ffb3c0;border-radius:10px;padding:9px 12px;font-size:14px;margin-bottom:12px}
.aok{background:#123a2a;border:1px solid #1f6b4b;color:#a6f2cf;border-radius:10px;padding:9px 12px;font-size:14px;margin-bottom:12px}
.alinks{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:14px;flex-wrap:wrap}
.alinks button{color:var(--acc);padding:0}
.apacks{display:flex;justify-content:center;gap:10px;margin:0 0 22px;height:120px}
.apacks .pk{width:78px;transform:rotate(var(--rot,0deg))}

/* ---------- en-tête ---------- */
header{position:sticky;top:0;z-index:20;background:#0f1220e8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:var(--sat)}
.hbar{max-width:1280px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}
.wallet{margin-left:auto;display:flex;gap:8px;align-items:center}
.pill{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);padding:6px 11px;border-radius:999px;font-weight:600;white-space:nowrap;font-size:15px}
.pill small{color:var(--mut);font-weight:400;font-variant-numeric:tabular-nums}
nav.tabs{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;gap:4px}
nav.tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:10px 14px;color:var(--mut);font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}
nav.tabs button svg{width:18px;height:18px;fill:currentColor}
nav.tabs button.on{color:var(--txt);border-color:var(--acc)}
.badge{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:11px;font-style:normal;font-weight:800;display:grid;place-items:center}
main{max-width:1280px;margin:0 auto;padding:18px 16px 60px}
h2{margin:6px 0 14px;font-size:22px}
h3{margin:22px 0 10px;font-size:15px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:1px}
footer{max-width:1280px;margin:0 auto;padding:10px 16px calc(30px + var(--navh));color:var(--mut);font-size:12px;text-align:center}

/* mobile : barre d'onglets en bas, comme une appli */
@media (max-width:720px){
  :root{--navh:calc(62px + var(--sab))}
  .hide-sm{display:none!important}
  header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f1220}
  .hbar{padding:8px 12px}
  .brand{font-size:19px}.brand .logo{width:28px;height:28px}
  .pill{padding:5px 9px;font-size:14px}
  nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:none;padding:0 4px var(--sab);background:#121629f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);justify-content:space-around;gap:0}
  nav.tabs button{flex:1;flex-direction:column;gap:3px;padding:8px 2px 9px;font-size:11px;border-bottom:0;border-top:3px solid transparent}
  nav.tabs button svg{width:22px;height:22px}
  nav.tabs button.on{border-color:var(--acc);color:var(--acc)}
  .badge{right:calc(50% - 22px)}
  main{padding:14px 12px calc(30px + var(--navh))}
  footer{padding-bottom:calc(20px + var(--navh))}
}

/* ---------- classeur ---------- */
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:110px;flex:1 1 auto}
.stat b{display:block;font-size:19px}
.stat span{color:var(--mut);font-size:12px}
.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin:12px 0}
@media (max-width:560px){.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
@media (max-width:560px){.grid{grid-template-columns:repeat(3,1fr);gap:8px}}
.card{position:relative;aspect-ratio:63/88;border-radius:4.5%/3.3%;overflow:hidden;background:var(--bg2);cursor:pointer;transition:transform .15s;box-shadow:0 4px 12px #0006}
.card:hover{transform:translateY(-3px)}
.card img{width:100%;height:100%;object-fit:cover;display:block}
.card.miss img{filter:grayscale(1) brightness(.45);opacity:.5}
.card .cnt{position:absolute;right:5px;bottom:5px;background:#000c;border-radius:8px;padding:1px 7px;font-size:12px;font-weight:700}
.card .tag{position:absolute;left:5px;top:5px;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #000a;background:var(--tc)}
.card .ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:8px;font-size:12px;color:var(--mut)}
.card.sel{outline:3px solid var(--ok);outline-offset:-3px}
.card.sel::before{content:"✓";position:absolute;right:6px;top:6px;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#00210f;font-weight:800;display:grid;place-items:center;font-size:13px}
.more{display:flex;justify-content:center;padding:20px;color:var(--mut)}
.t1{--tc:var(--t1)}.t2{--tc:var(--t2)}.t3{--tc:var(--t3)}.t4{--tc:var(--t4)}.t5{--tc:var(--t5)}.t6{--tc:var(--t6)}.t7{--tc:var(--t7)}
.tcol{color:var(--tc)}

/* holo */
.holo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff40 42%,#ff6ef033 50%,#5ef0ff40 58%,transparent 75%);background-size:300% 300%;mix-blend-mode:color-dodge;animation:shine 3.2s linear infinite}
@keyframes shine{0%{background-position:100% 100%}100%{background-position:0 0}}

/* ---------- ouverture de booster ---------- */
.overlay{position:fixed;inset:0;z-index:60;background:#070912f2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(56px + var(--sat)) 16px calc(20px + var(--sab));overflow:auto;touch-action:manipulation}
.overlay .stage{margin:auto 0;display:flex;flex-direction:column;align-items:center;width:100%}
.ovtop{position:fixed;top:calc(12px + var(--sat));right:14px;z-index:2}
.flash{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:0;background:radial-gradient(circle,var(--tc) 0%,transparent 70%)}
.flash.go{animation:flash .9s ease-out}
@keyframes flash{0%{opacity:.9}100%{opacity:0}}
.bigpack{width:min(240px,62vw);cursor:pointer;animation:float 2.4s ease-in-out infinite}
.bigpack.shake{animation:shake .5s ease-in-out}
.bigpack.tear{animation:tear .45s ease-in forwards}
.bigpack.wait{animation:pulse 1s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(.97)}}
@keyframes shake{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}
@keyframes tear{to{transform:scale(1.25);opacity:0;filter:brightness(3)}}
.hint{margin-top:18px;color:var(--mut);text-align:center}
.flip{aspect-ratio:63/88;perspective:1000px;cursor:pointer}
.flip .in{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.flip.on .in{transform:rotateY(180deg)}
.flip .f,.flip .b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4.5%/3.3%;overflow:hidden}
.flip .f{transform:rotateY(180deg);box-shadow:0 0 0 2px var(--tc),0 0 22px var(--tc);background:var(--bg2)}
.flip.t1 .f,.flip.t2 .f{box-shadow:0 6px 16px #0008}
.flip .f img{width:100%;height:100%;object-fit:cover;display:block}
.flip .new{position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotateY(180deg);background:var(--ok);color:#002a17;font-weight:800;font-size:11px;padding:2px 8px;border-radius:99px;z-index:3;backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* dos de carte (remplacé par dos.png s'il est présent) */
.back{background:radial-gradient(circle at 50% 50%,#2a3a8c 0 18%,transparent 19%),radial-gradient(circle at 50% 50%,#ffcb05 0 23%,transparent 24%),repeating-linear-gradient(45deg,#1b2566 0 10px,#16205a 10px 20px);border:6px solid #2b3a99;box-shadow:inset 0 0 0 2px #ffcb0566,0 6px 16px #0008}
.back::after{content:"";position:absolute;left:50%;top:50%;width:16%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}
.has-back .back{background:url(dos.png) center/cover no-repeat;border:0;box-shadow:0 6px 16px #0008}
.has-back .back::after{display:none}
/* mode grille (ordinateur) */
.reveal{display:grid;grid-template-columns:repeat(5,minmax(0,170px));gap:14px;justify-content:center;width:100%}
@media (max-width:860px){.reveal{grid-template-columns:repeat(4,minmax(0,150px))}}
@media (max-width:560px){.reveal{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
.reveal .slot{display:flex;flex-direction:column;opacity:0;animation:deal .4s ease-out forwards}
@keyframes deal{from{opacity:0;transform:translateY(40px) scale(.8)}to{opacity:1;transform:none}}
.lbl{text-align:center;font-size:12px;margin-top:6px;min-height:2.6em;line-height:1.25}
.lbl:empty{visibility:hidden}
.rsum{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.rsum .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
/* mode pile (téléphone) : on glisse pour retourner */
.stack{position:relative;width:min(300px,74vw);aspect-ratio:63/88;margin:0 auto;touch-action:none}
.stack .flip{position:absolute;inset:0;transition:transform .35s ease,opacity .35s ease}
.stack .flip.gone{opacity:0;pointer-events:none}
.stack .flip.under{transform:translateY(calc(var(--d) * 4px)) scale(calc(1 - var(--d) * .02))}
.stack-lbl{margin-top:14px;min-height:3em;text-align:center;font-size:15px}
.stack-ctl{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:6px;color:var(--mut);font-size:13px}

/* ---------- fenêtres ---------- */
.modal{position:fixed;inset:0;z-index:80;background:#05070ecc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:calc(20px + var(--sat)) 12px calc(20px + var(--sab));overflow:auto}
.mbox{margin:auto 0;background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:820px;width:100%;padding:20px;display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:22px;position:relative}
@media (max-width:680px){.mbox{grid-template-columns:1fr;padding:16px}.mbox .big{max-width:260px;margin:0 auto;width:100%}}
.mbox.small{max-width:460px;display:block}
.mbox.wide{max-width:1000px;display:block}
.mbox .x{position:absolute;right:8px;top:6px;font-size:28px;color:var(--mut);width:40px;height:40px;z-index:2}
.mbox h3.t{margin:0 0 6px;color:var(--txt);text-transform:none;letter-spacing:0;font-size:22px}
.big{position:relative;aspect-ratio:63/88;border-radius:4.5%/3.3%;overflow:hidden;transition:transform .1s;box-shadow:0 20px 40px #000a}
.big img{width:100%;height:100%;object-fit:cover;display:block}
.info h3{margin:0 0 4px;color:var(--txt);text-transform:none;letter-spacing:0;font-size:24px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:14px 0;font-size:14px}
.kv span:nth-child(odd){color:var(--mut)}
.atk{background:var(--bg2);border-radius:10px;padding:8px 10px;margin:6px 0;font-size:13px}
.atk b{display:flex;justify-content:space-between}
.price{font-size:20px;font-weight:800;color:var(--ok)}

/* ---------- missions / succès ---------- */
.missions{display:grid;gap:10px}
.mis{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:14px;align-items:center}
.mis.done{border-color:#3ecf8e77}
.mis.claimed{opacity:.55}
.mis .grow{flex:1;min-width:0}
.mis b{display:block;margin-bottom:6px}
.prog{height:8px;background:var(--bg2);border-radius:9px;overflow:hidden}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--acc2),var(--ok))}
.mis small{color:var(--mut)}
.rw{color:var(--acc);font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:5px}
.achs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ach{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center;opacity:.6}
.ach.ok{opacity:1;border-color:#ffcb0566}
.ach .med{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-weight:800;color:var(--mut);font-size:12px}
.ach.ok .med{background:radial-gradient(circle at 35% 35%,#fff6b0,var(--acc) 50%,#c99400);color:#3a2a00;font-size:18px}
.ach b{display:block}
.ach small{color:var(--mut)}
.ach .rw{margin-left:auto;font-size:12px}
.ach .pg{font-size:11px;color:var(--mut)}

/* ---------- amis / classement / échanges ---------- */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}
.panel>b:first-child{font-size:16px}
.panel p{margin:6px 0 12px;color:var(--mut)}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row input{flex:1 1 200px}
.friend{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.friend:first-of-type{border-top:0}
.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--acc2),#7b4dff);flex:0 0 auto}
.friend .grow{flex:1;min-width:140px}
.friend .sub{color:var(--mut);font-size:13px}
.lb{width:100%;border-collapse:collapse;font-size:14px}
.lb th{color:var(--mut);font-weight:600;font-size:12px;text-align:right;padding:6px 8px;cursor:pointer;white-space:nowrap}
.lb th:nth-child(-n+2){text-align:left}
.lb td{padding:9px 8px;border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.lb td:nth-child(-n+2){text-align:left}
.lb tr.me td{background:#ffcb050f}
.lb th.on{color:var(--acc)}
.rank{font-weight:800;width:28px}
.rank.r1{color:#ffd700}.rank.r2{color:#c0c0c0}.rank.r3{color:#cd7f32}
.lbwrap{overflow-x:auto}
.trade{border-top:1px solid var(--line);padding:12px 0}
.trade:first-of-type{border-top:0}
.trade .who{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.trade .sides{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.trade .arrow{color:var(--mut);font-size:20px}
.thumbs{display:flex;flex-wrap:wrap;gap:4px}
.thumbs img{width:44px;aspect-ratio:63/88;object-fit:cover;border-radius:3px;cursor:pointer;background:var(--bg2)}
.thumbs .none{color:var(--mut);font-size:13px}
.trade .acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.st{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--mut)}
.st.accepted{background:#123a2a;color:#a6f2cf}.st.declined,.st.failed,.st.cancelled{background:#3a1f2b;color:#ffb3c0}
.tc-tabs{display:flex;gap:6px;margin:10px 0}
.tc-tabs button{flex:1;padding:9px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font-weight:600}
.tc-tabs button.on{border-color:var(--acc);color:var(--acc)}
.tc-grid{max-height:52vh;overflow:auto;padding:4px}
.tc-grid .grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
@media (max-width:560px){.tc-grid .grid{grid-template-columns:repeat(4,1fr);gap:6px}}
.tc-bar{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line);margin-top:10px;background:var(--panel)}
.chk{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:14px}
.chk input,.row .chk input{width:18px;height:18px;flex:0 0 auto}
.row .chk{flex:0 0 auto}

/* ---------- toasts ---------- */
#toasts{position:fixed;top:calc(12px + var(--sat));left:50%;transform:translateX(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;width:min(420px,calc(100% - 24px));pointer-events:none}
.toast{background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--acc);padding:10px 14px;border-radius:10px;box-shadow:0 10px 30px #0008;animation:tin .3s ease-out;width:100%;pointer-events:auto}
.toast.good{border-left-color:var(--ok)}
.toast.bad{border-left-color:var(--bad)}
@keyframes tin{from{opacity:0;transform:translateY(-20px)}}
.empty{color:var(--mut);padding:10px 0}
.install{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#1d2a55,#2a1d55);border:1px solid #4a5488;border-radius:var(--r);padding:12px 14px;margin-bottom:14px}
.install .grow{flex:1}
.install img{width:42px;height:42px;border-radius:10px}

/* ---------- marché ---------- */
.auctions{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.auc{display:flex;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer;transition:border-color .15s}
.auc:hover{border-color:#4a5488}
.auc.lead{border-color:#3ecf8e88}
.auc .card{width:92px;flex:0 0 92px}
.ainfo{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ainfo b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abid{display:flex;align-items:baseline;gap:8px;font-size:18px;margin-top:4px}
.aend{margin-top:auto;display:flex;gap:6px;align-items:center;font-variant-numeric:tabular-nums;font-weight:600}
@media (max-width:720px){ nav.tabs button{font-size:10px;padding:8px 0 9px} nav.tabs button svg{width:20px;height:20px} .auctions{grid-template-columns:1fr} }

/* ---------- notifications ---------- */
.bell{position:relative;padding:6px 9px;cursor:pointer}
.bell svg{width:18px;height:18px;fill:var(--txt)}
.bell .badge{top:-5px;right:-5px}
.npanel{position:fixed;z-index:85;top:calc(62px + var(--sat));right:16px;width:min(380px,calc(100% - 24px));max-height:70vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #000a;animation:tin .2s ease-out}
.nhead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}
.nhead .x{font-size:24px;color:var(--mut);width:32px;height:32px}
.nlist{overflow:auto;padding:6px}
.nitem{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:10px;border-radius:10px;font-size:14px;line-height:1.35}
.nitem:hover{background:var(--panel2)}
.nitem.unread{background:#ffcb050d}
.nitem.unread .ntxt::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bad);margin-left:6px;vertical-align:middle}
.nic{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-weight:800}
.nic.good{color:var(--ok)}.nic.bad{color:var(--bad)}
.ntxt small{display:block;color:var(--mut);font-size:12px;margin-top:3px}
@media (max-width:720px){.npanel{right:12px;top:calc(54px + var(--sat))}}
.overlay .stage{max-width:100%}
.rsum{max-width:100%}
.rsum .acts .btn{white-space:normal;text-align:center}
@media (max-width:480px){
  .hbar .brand span{display:none}
  .wallet{gap:6px}
  .pill{padding:5px 8px}
}
.hbar{min-width:0}
.wallet{min-width:0}

/* =====================================================================
   v4 : économie en euros
   ===================================================================== */
.pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.bankp svg{fill:var(--acc);stroke:none}
.bankp{position:relative;overflow:hidden;cursor:pointer;padding-bottom:8px}
.bankp .capbar{position:absolute;left:10px;right:10px;bottom:3px;height:3px;border-radius:9px;background:#ffffff14;overflow:hidden}
.bankp .capbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),#ff9f1a);transition:width .6s}
.bankp.full{border-color:#ffcb0599;box-shadow:0 0 12px #ffcb0544}
.bankp.full .capbar i{background:var(--bad)}
.cashp svg{stroke:var(--ok)}
.pill.bell svg{fill:var(--txt);stroke:none}
nav.tabs .mb{display:none}
@media (max-width:720px){ nav.tabs .dk{display:none} nav.tabs .mb{display:flex} }
.moremenu{position:fixed;z-index:40;right:8px;bottom:calc(var(--navh) + 8px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 20px 50px #000b;animation:tin .18s ease-out;width:min(320px,calc(100% - 16px))}
.moremenu button{position:relative;display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;font-weight:600;background:var(--bg2)}
.moremenu svg{width:20px;height:20px;fill:var(--acc)}
.moremenu .badge{top:6px;right:8px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:12px;color:var(--mut);font-weight:600}
.sec-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.sec-h h2{margin:0 6px 0 0}
.note{font-size:13px;margin:6px 0}

/* ---------- booster (dessin cohérent pour toutes les extensions) ---------- */
.pk{--pa:#3d7dca;--pb:#7b4dff;position:relative;width:100%;aspect-ratio:5/8;border-radius:6% / 4%;overflow:hidden;
  background:radial-gradient(120% 60% at 50% 115%,#ffffff30,transparent 60%),repeating-linear-gradient(135deg,#ffffff0b 0 6%,transparent 6% 12%),linear-gradient(165deg,var(--pa) 10%,var(--pb) 90%);
  box-shadow:0 10px 24px #0008,inset 0 0 0 1px #ffffff35;display:flex;flex-direction:column;container-type:inline-size;user-select:none}
.pk-crimp{flex:0 0 6%;background:repeating-linear-gradient(90deg,#ffffff40 0 3%,#00000030 3% 6%),linear-gradient(var(--pa),var(--pa));position:relative}
.pk-crimp.b{background:repeating-linear-gradient(90deg,#ffffff40 0 3%,#00000030 3% 6%),linear-gradient(var(--pb),var(--pb))}
.pk-body{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5% 7% 5%;min-height:0}
.pk-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4%;font-size:5.4cqw;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff;opacity:.9;text-shadow:0 1px 2px #0008}
.pk-top span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-top img{width:14cqw;height:14cqw;object-fit:contain;background:#ffffffe8;border-radius:50%;padding:1.6cqw;flex:0 0 auto;box-shadow:0 1px 4px #0006}
.pk-ball{position:absolute;left:50%;top:58%;width:96cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:5cqw solid #ffffff1c;pointer-events:none}
.pk-ball::before{content:"";position:absolute;left:-5cqw;right:-5cqw;top:50%;height:5cqw;transform:translateY(-50%);background:#ffffff1c}
.pk-ball::after{content:"";position:absolute;left:50%;top:50%;width:26cqw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:5cqw solid #ffffff1c}
.pk-logo{position:relative;flex:1;width:100%;display:grid;place-items:center;min-height:0}
.pk-logo img{max-width:94%;max-height:62%;object-fit:contain;filter:drop-shadow(0 3px 5px #000b)}
.lt{font-weight:800;font-size:11cqw;line-height:1.05;text-align:center;text-shadow:0 2px 6px #000a;color:#fff}
.pk-foot{position:relative;font-size:5.6cqw;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#fff;opacity:.85;background:#0003;border-radius:99px;padding:1.2cqw 4cqw}
.pk-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff40 46%,#ffffff10 52%,transparent 62%);background-size:260% 100%;animation:shine 3.4s linear infinite;mix-blend-mode:screen}
.pk-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff26,transparent 14%,transparent 86%,#00000040)}

/* ---------- produits scellés ---------- */
.prod-art{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}
.prod-art>.pk{width:56%}
.prod-art.tri>div{position:absolute;width:44%;top:12%}
.prod-art.tri>div:nth-child(1){transform:translateX(-36%) rotate(-12deg)}
.prod-art.tri>div:nth-child(2){transform:translateX(36%) rotate(12deg)}
.prod-art.tri>div:nth-child(3){z-index:2;top:8%}
.bx{--pa:#3d7dca;--pb:#7b4dff;position:relative;container-type:inline-size;filter:drop-shadow(0 10px 14px #0009)}
.bx-front{position:relative;width:100%;height:100%;border-radius:4%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;
  background:radial-gradient(120% 70% at 50% 120%,#ffffff2a,transparent 60%),repeating-linear-gradient(135deg,#ffffff0a 0 5%,transparent 5% 10%),linear-gradient(160deg,var(--pa),var(--pb));box-shadow:inset 0 0 0 1px #ffffff40}
.bx-front .pk-ball{top:62%;width:80cqw;border-width:4cqw}
.bx-logo{position:relative;width:80%;height:46%;display:grid;place-items:center}
.bx-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 5px #000b)}
.bx-logo .lt{font-size:9cqw}
.bx-lbl{position:relative;font-size:5.5cqw;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:#0005;padding:1.5cqw 4cqw;border-radius:99px;white-space:nowrap}
.bx-side{position:absolute;top:3%;right:-7%;width:7%;height:94%;background:linear-gradient(var(--pb),#000);transform:skewY(-30deg);transform-origin:left;border-radius:0 3px 3px 0;opacity:.9}
.bx.etb{width:66%;aspect-ratio:.86}
.bx.etb .bx-front::before{content:"";position:absolute;left:0;right:0;top:22%;height:2px;background:#0005;box-shadow:0 1px 0 #ffffff30}
.bx.upc{width:84%;aspect-ratio:1.25}
.bx.upc .bx-front{background:radial-gradient(100% 80% at 50% 0,#ffffff18,transparent),linear-gradient(160deg,#1c1c22,#060608);box-shadow:inset 0 0 0 3cqw #0000,inset 0 0 0 1.2cqw #d9b45a,inset 0 0 0 2cqw #1c1c22,inset 0 0 0 2.4cqw #d9b45a88}
.bx.upc .bx-lbl{background:linear-gradient(90deg,#b8902f,#f3d98a,#b8902f);color:#1a1300}
.bx.upc .pk-ball{border-color:#d9b45a22}.bx.upc .pk-ball::before,.bx.upc .pk-ball::after{background:#d9b45a22;border-color:#d9b45a22}
.bx.half{width:76%;aspect-ratio:1.15}
.bx.display{width:94%;aspect-ratio:1.45}
.bx-tops{position:absolute;left:5%;right:5%;top:-11%;height:20%;display:flex;gap:1.5%;z-index:-1}
.bx-tops i{flex:1;border-radius:3px 3px 0 0;background:repeating-linear-gradient(90deg,#ffffff40 0 2px,#0003 2px 4px),linear-gradient(var(--pa),var(--pb))}

/* ---------- boutique ---------- */
.chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:0 0 auto;padding:8px 14px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--mut);transition:all .15s}
.chips button.on{color:#fff;border-color:transparent;background:var(--ca,var(--acc2));box-shadow:0 4px 14px #0006}
.chips button:not([style]).on{background:linear-gradient(135deg,var(--acc),#ff9f1a);color:#1a1300}
.sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 14px}
@media (max-width:560px){.sets{grid-template-columns:repeat(3,1fr);gap:12px 8px}}
.set{display:flex;flex-direction:column;gap:5px;cursor:pointer;text-align:center}
.set .pk{transition:transform .25s cubic-bezier(.3,.7,.2,1.4)}
.set:hover .pk{transform:translateY(-5px) rotate(-1.5deg)}
.set:active .pk{transform:scale(.96)}
.set .nm{font-weight:600;font-size:13px;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center}
.set .sprice{font-weight:800;color:var(--acc);font-size:14px}
.set .sprice.no{color:var(--mut)}
.set .pbar,.sh-prog .pbar,.cset .pbar{height:4px;background:var(--bg2);border-radius:9px;overflow:hidden;display:block}
.set .pbar i,.sh-prog .pbar i,.cset .pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--acc))}
.set.done .nm{color:var(--acc)}
.sealed{background:linear-gradient(135deg,#2a2f6b66,#3a1f5a55);border:1px solid #4a5488;border-radius:var(--r);padding:12px 14px;margin-bottom:16px}
.sealed-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sealed-h .btn{margin-left:auto}
.sealed-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 2px;scrollbar-width:thin}
.sealed-it{position:relative;flex:0 0 78px;display:flex;flex-direction:column;gap:5px;align-items:center}
.sealed-it .pk{animation:float 2.6s ease-in-out infinite}
.sealed-it .cnt{position:absolute;top:-6px;right:-6px;background:var(--bad);color:#fff;border-radius:99px;font-size:12px;font-weight:800;padding:2px 7px;z-index:2}
.sealed-it small{font-size:11px;color:var(--mut);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.back-btn{color:var(--mut);font-weight:600;padding:4px 0;margin-bottom:8px}
.back-btn:hover{color:var(--txt)}
.sethead{display:flex;gap:18px;align-items:center;padding:18px;border-radius:18px;margin-bottom:16px;
  background:radial-gradient(80% 140% at 0 0,#ffffff1c,transparent 60%),linear-gradient(135deg,var(--pa),var(--pb));box-shadow:0 14px 30px #0007;border:1px solid #ffffff22}
.sh-logo{flex:0 0 32%;max-width:260px;display:grid;place-items:center}
.sh-logo img{max-width:100%;max-height:120px;object-fit:contain;filter:drop-shadow(0 4px 8px #000a)}
.sh-info{flex:1;min-width:0}
.sh-info h2{margin:0 0 6px;font-size:26px;text-shadow:0 2px 6px #0007}
.sh-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.sh-meta span{background:#0004;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}
.sh-prog{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;font-weight:600}
.sh-prog .pbar{flex:1;height:7px;background:#0005}
@media (max-width:560px){.sethead{flex-direction:column;text-align:center;padding:16px}.sh-logo{max-width:220px}.sh-meta,.sethead .row{justify-content:center}}
.prods{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media (max-width:1000px){.prods{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.prods{grid-template-columns:repeat(2,1fr);gap:10px}}
.prod{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:12px 10px 14px;transition:transform .2s,border-color .2s}
.prod:hover{transform:translateY(-3px);border-color:#5a64a0}
.prod .prod-art{margin-bottom:6px;transition:transform .3s}
.prod:hover .prod-art{transform:scale(1.04)}
.prod .pn{font-weight:700;font-size:14px;text-align:center;line-height:1.15}
.prod .pc{font-size:12px;color:var(--mut)}
.prod .pp{margin-top:6px;font-weight:800;font-size:17px;color:var(--acc)}
.prod.no .pp{color:var(--mut)}
.odds{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.odd{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13px;flex:1 1 170px}
.odd i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--tc);box-shadow:0 0 8px var(--tc)}
.odd b{font-size:13px}
.odd span{font-weight:700;color:var(--tc);grid-column:2}
.odd small{display:none}
/* achat */
.mbox.buy{text-align:center}
.buy-art{width:min(220px,60%);margin:0 auto 8px}
.qty{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px 0 14px}
.qty b{font-size:22px;min-width:30px}
.qty .btn{width:38px;height:38px;font-size:20px;padding:0}
.paybox{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-align:left}
.pay-total{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.pay-total b{font-size:24px;color:var(--acc)}
.pay-src{display:grid;grid-template-columns:1fr auto auto auto;gap:5px 14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--mut);align-items:center}
.pay-src>*:not(:first-child):not(:nth-child(4n+1)){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pay-src small{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.8}
.pay-src span{color:var(--txt)}.pay-src span:nth-child(4n+1){color:var(--mut);white-space:nowrap}
.pay-src .neg{color:var(--bad)}.pay-src b{color:var(--ok);font-weight:700}
.pay-src .tot{border-top:1px dashed var(--line);padding-top:6px;font-weight:700}
@media (max-width:420px){.pay-src{gap:5px 8px;font-size:12px}}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.dot.bank,.dot.d-bank{background:var(--acc)}.dot.cash,.dot.d-cash{background:var(--ok)}
.pay-miss{margin-top:8px;color:var(--bad);font-weight:600;font-size:14px}

/* ---------- ouverture ---------- */
.ovbar{position:fixed;top:calc(10px + var(--sat));left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;z-index:2;color:var(--mut);font-weight:600}
.bigpack .pk{border-radius:5% / 3.4%}
.reveal.n4{grid-template-columns:repeat(4,minmax(0,180px))}
.reveal.n5{grid-template-columns:repeat(5,minmax(0,170px))}
.reveal.n11{grid-template-columns:repeat(6,minmax(0,150px))}
@media (max-width:860px){.reveal.n11{grid-template-columns:repeat(4,minmax(0,150px))}}
@media (max-width:560px){.reveal.n4,.reveal.n5,.reveal.n11{grid-template-columns:repeat(3,minmax(0,1fr))}}
.reveal.fastgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-width:1100px;margin-top:14px}
@media (max-width:560px){.reveal.fastgrid{grid-template-columns:repeat(3,1fr)}}
.lbl{display:flex;flex-direction:column;align-items:center;gap:2px}
.lbl .ln{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.qs{margin-top:3px;font-size:12px;font-weight:700;color:var(--ok);background:#3ecf8e18;border:1px solid #3ecf8e55;border-radius:99px;padding:3px 10px}
.qs:hover{background:#3ecf8e30}
.sold-tag{margin-top:3px;font-size:12px;font-weight:700;color:var(--acc)}
.flip .new.sold{background:var(--acc);color:#1a1300}
.flip .f.rev::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ff6ef022,#5ef0ff22 30%,#fff7 45%,#ffe25e22 60%,#7b4dff22);background-size:250% 250%;mix-blend-mode:overlay;animation:shine 2.6s linear infinite}
.sumline{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;font-size:15px}
.sumline b{color:var(--acc)}
.fastp{width:min(560px,92vw);text-align:center;display:grid;gap:12px}
.fp-sky{position:relative;height:110px;margin-bottom:-14px;pointer-events:none}
.fp-poke{position:absolute;bottom:0;width:96px;height:96px;margin-left:-48px;filter:drop-shadow(0 4px 6px #0008);animation:fpJump 1.6s cubic-bezier(.3,.7,.4,1) forwards}
@keyframes fpJump{0%{transform:translateY(30px) scale(.3);opacity:0}25%{transform:translateY(-34px) scale(1) rotate(var(--r));opacity:1}45%{transform:translateY(0) scale(1,.92)}60%{transform:translateY(-12px) scale(1)}80%{transform:translateY(0);opacity:1}100%{transform:translateY(10px) scale(.8);opacity:0}}
.fp-track{position:relative;height:22px;border-radius:99px;background:linear-gradient(#0b1020,#151b30);box-shadow:inset 0 2px 6px #000a,0 0 0 1px #ffffff14}
.fp-track>i{position:absolute;left:0;top:0;bottom:0;min-width:22px;width:0;border-radius:99px;transition:width .35s ease;
  background:linear-gradient(90deg,#ef4444,#f59e0b 35%,#facc15 60%,#22c55e 85%,#38bdf8);background-size:560px 100%;
  box-shadow:0 0 18px #facc1566}
.fp-track>i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,#ffffff2a 0 10px,transparent 10px 20px);animation:fpStripe .8s linear infinite}
@keyframes fpStripe{to{background-position:28px 0}}
.fp-ball{position:absolute;right:-15px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;z-index:1;
  background:radial-gradient(circle at 50% 50%,#fff 0 4px,#222 4px 6px,transparent 6px),linear-gradient(#ef4444 0 46%,#222 46% 54%,#f8fafc 54%);
  box-shadow:0 2px 8px #000a,inset -3px -3px 6px #0004;animation:fpSpin .9s linear infinite}
@keyframes fpSpin{to{transform:rotate(360deg)}}
.fp-row{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--muted)}
.fp-row b{font-size:22px;color:var(--text,#fff)}
.fp-live{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.fp-live b{color:#facc15}
.fp-hits{display:flex;justify-content:center;gap:6px;flex-wrap:nowrap;overflow:hidden;min-height:76px}
.fp-hit{width:52px;border-radius:4px;box-shadow:0 0 0 1px #facc1566,0 0 14px #facc1544;animation:fpHit .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes fpHit{from{transform:scale(.2) rotate(-15deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.fp-poke,.fp-ball,.fp-track>i::after{animation-duration:0s}}

/* ---------- fiche carte ---------- */
.mbox.cm{max-width:860px;grid-template-columns:minmax(0,340px) 1fr;background:radial-gradient(100% 60% at 0 0,color-mix(in srgb,var(--tc) 18%,transparent),transparent 70%),var(--panel)}
@media (max-width:680px){.mbox.cm{grid-template-columns:1fr}.cm-left .big{max-width:270px;margin:0 auto}}
.cm-left .big{box-shadow:0 0 0 2px color-mix(in srgb,var(--tc) 60%,transparent),0 24px 50px #000b,0 0 40px color-mix(in srgb,var(--tc) 30%,transparent)}
.big.holo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),#ffffff55,transparent 45%);mix-blend-mode:soft-light}
.cm-right{display:flex;flex-direction:column;gap:12px;min-width:0}
.cm-set{display:flex;align-items:center;gap:8px;color:var(--mut);font-weight:600;font-size:14px;text-align:left;padding-right:30px}
.cm-set img{width:22px;height:22px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}
.cm-set small{margin-left:auto;font-variant-numeric:tabular-nums}
.cm-right h3{margin:0;color:var(--txt);text-transform:none;letter-spacing:0;font-size:26px;line-height:1.1}
.cm-rar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cm-rar .chip{color:#111;background:var(--tc);border-color:transparent;font-weight:800}
.t1 .cm-rar .chip,.t2 .cm-rar .chip{color:#fff}
.cm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cm-grid>div{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.cm-grid .wide{grid-column:1/-1;font-size:13px;line-height:1.5}
.cm-grid small{color:var(--mut);font-size:12px}
.cm-grid b{font-size:20px}
.cm-grid em{font-size:11px;color:var(--mut);font-style:normal}
.cm-acts{display:flex;gap:8px;flex-wrap:wrap}
.cm-acts .btn{flex:1 1 auto}
.cm-graded{display:flex;flex-direction:column;gap:6px}
.gitem{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:6px 8px}
.gitem span:not(.slabtag){margin-left:auto;font-weight:700}
.slabtag{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;letter-spacing:.06em;background:linear-gradient(180deg,#e9edf5,#b9c1d0);color:#14161f}
.slabtag b{font-size:15px}
.slabtag.g10{background:linear-gradient(180deg,#ffe17a,#d9a400)}
.slabtag.g11{background:linear-gradient(180deg,#2a2a2a,#000);color:#f3d98a;box-shadow:inset 0 0 0 1px #d9b45a}
.slabtag.g1,.slabtag.g2,.slabtag.g3,.slabtag.g4{background:linear-gradient(180deg,#d9a3a3,#a86b6b)}
.switch{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mut);cursor:pointer;user-select:none}
.switch input{display:none}
.switch i{position:relative;flex:0 0 40px;height:22px;border-radius:99px;background:var(--line);transition:background .2s}
.switch i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.switch input:checked+i{background:var(--ok)}
.switch input:checked+i::after{transform:translateX(18px)}
.cm-det summary{cursor:pointer;color:var(--mut);font-weight:600;font-size:14px}
.cm-det[open] summary{margin-bottom:8px}
.gbadge{position:absolute;left:5px;bottom:5px;font-size:11px;font-weight:800;border-radius:5px;padding:1px 6px;background:linear-gradient(180deg,#e9edf5,#b9c1d0);color:#14161f;box-shadow:0 1px 4px #000a}
.gbadge.g10{background:linear-gradient(180deg,#ffe17a,#d9a400)}
.gbadge.g11{background:#000;color:#f3d98a;box-shadow:0 0 0 1px #d9b45a}

/* ---------- gradation ---------- */
.mbox.grade{text-align:center}
.slab{position:relative;width:min(230px,64vw);margin:6px auto 14px;padding:10px;border-radius:14px;background:linear-gradient(160deg,#ffffff30,#ffffff10);border:1px solid #ffffff40;box-shadow:inset 0 0 20px #ffffff14,0 16px 30px #0008}
.slab-top{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 8px;text-align:left;background:linear-gradient(180deg,#f1f3f8,#cfd5e1);color:#14161f;border-radius:7px;padding:6px 8px;margin-bottom:8px;font-size:9px;font-weight:800;letter-spacing:.05em}
.slab-top span:nth-child(2){font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slab-g{grid-row:1/3;grid-column:2;align-self:center;font-size:26px;line-height:1;display:flex;flex-direction:column;align-items:center}
.slab-g small{font-size:8px}
.slab-card{aspect-ratio:63/88;border-radius:5px;overflow:hidden;box-shadow:0 4px 12px #0007}
.slab-card img{width:100%;height:100%;object-fit:cover;display:block}
.slab.grading{animation:slabshake 1.8s ease-in-out}
.slab.grading .slab-g{animation:spin .25s steps(4) infinite}
@keyframes slabshake{0%,100%{transform:none}10%,30%,50%,70%,90%{transform:translateX(-3px) rotate(-1deg)}20%,40%,60%,80%{transform:translateX(3px) rotate(1deg)}}
@keyframes spin{to{opacity:.3}}
.slab.done{animation:pop .5s cubic-bezier(.3,.7,.2,1.6)}
.slab.done.g10 .slab-top{background:linear-gradient(180deg,#ffe17a,#d9a400)}
.slab.done.g11 .slab-top{background:linear-gradient(180deg,#2a2a2a,#000);color:#f3d98a}
.slab.done.g11{box-shadow:0 0 40px #d9b45a88,0 16px 30px #0008}
@keyframes pop{0%{transform:scale(.9)}100%{transform:none}}
.gtable{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:12px}
.gtable div{background:var(--bg2);border-radius:8px;padding:5px 2px;display:flex;flex-direction:column;font-size:11px}
.gtable div.top{background:#ffcb0518}
.gtable b{font-size:13px}.gtable span{color:var(--txt)}.gtable small{color:var(--mut)}
.gres{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.gres b{font-size:24px}
.gres.up b{color:var(--ok)}.gres.down b{color:var(--bad)}
.gres em{font-style:normal;color:var(--mut)}

/* ---------- Banque (clicker) ---------- */
.bank{max-width:900px;margin:0 auto}
.bank-top{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
@media (max-width:640px){.bank-top{grid-template-columns:1fr}}
.vault{background:radial-gradient(100% 120% at 0 0,#ffcb0522,transparent 60%),var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 18px;transition:border-color .3s,box-shadow .3s}
.vault small{color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.vault>b{display:block;font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--acc);text-shadow:0 0 24px #ffcb0544;line-height:1.15}
.vault.full{border-color:#ff5d7388;box-shadow:0 0 24px #ff5d7322}
.capline{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:13px;color:var(--mut);font-weight:600}
.capline .bar{flex:1;height:8px}
.vault.full .capline .bar>i{background:var(--bad)}
.full-msg{margin-top:8px;color:var(--bad);font-size:13px;font-weight:600}
.rates{display:grid;grid-template-columns:1fr;gap:8px}
@media (max-width:640px){.rates{grid-template-columns:repeat(3,1fr)}}
.rates div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column}
.rates small{color:var(--mut);font-size:12px}
.rates b{font-size:18px;font-variant-numeric:tabular-nums}
.clickzone{position:relative;height:min(340px,52vh);display:grid;place-items:center;margin:8px 0 4px;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.ball{position:relative;width:min(230px,58vw);aspect-ratio:1;border-radius:50%;cursor:pointer;
  background:linear-gradient(180deg,#ff4b4b 0 47%,#1a1a22 47% 53%,#f4f4f8 53%);box-shadow:inset -14px -18px 30px #0005,inset 10px 12px 24px #fff4,0 18px 40px #000a,0 0 0 6px #1a1a22;transition:transform .08s}
.ball::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 24%,#ffffffaa,transparent 22%);pointer-events:none}
.ball i{position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 38%,#d8d8e0 40% 55%,#1a1a22 57%);box-shadow:0 0 0 5px #1a1a22}
.ball.hit{animation:bhit .12s ease-out}
@keyframes bhit{50%{transform:scale(.93)}}
#fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pop{position:absolute;transform:translate(-50%,-50%);font-weight:800;color:var(--acc);text-shadow:0 2px 6px #000;animation:popup .8s ease-out forwards;font-size:18px;white-space:nowrap}
.pop.no{color:var(--bad);font-size:14px}
@keyframes popup{to{transform:translate(-50%,-260%);opacity:0}}
.golden{position:absolute;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;cursor:pointer;animation:gfloat 1.6s ease-in-out infinite;
  background:linear-gradient(180deg,#ffd84a 0 47%,#5a3d00 47% 53%,#fff6c8 53%);box-shadow:0 0 0 3px #5a3d00,0 0 30px #ffcb05,0 0 60px #ffcb0588}
.golden i{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 3px #5a3d00}
.golden.got{animation:gget .4s ease-out forwards}
@keyframes gfloat{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-62%) rotate(8deg)}}
@keyframes gget{to{transform:translate(-50%,-50%) scale(2);opacity:0}}
.ups{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (max-width:640px){.ups{grid-template-columns:1fr}}
.up{display:flex;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px;align-items:center}
.up.busy{border-color:#4b8dff88;background:linear-gradient(135deg,#1d2a55,var(--panel))}
.up-ic{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc),#ff9f1a)}
.up-ic svg{width:24px;height:24px;fill:#1a1300}
.up-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.up-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.up-h span{color:var(--mut);font-size:12px;font-weight:600}
.up-v{font-size:14px;font-variant-numeric:tabular-nums}
.up-v span{color:var(--ok);font-weight:700}
.up-b .btn{align-self:flex-start}
.up-prog{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--acc2);font-weight:700;font-variant-numeric:tabular-nums}
.up-prog .bar{flex:1;height:8px}
.mbox.chal{text-align:center}
.chal .code{color:var(--acc);font-size:18px}
.chal-zone{position:relative;height:250px;background:var(--bg2);border-radius:14px;overflow:hidden}
.cball{position:absolute;left:var(--x);top:var(--y);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;animation:cmove var(--d) ease-in-out infinite alternate;
  background:linear-gradient(180deg,#ff4b4b 0 47%,#1a1a22 47% 53%,#f4f4f8 53%);box-shadow:0 0 0 3px #1a1a22,0 6px 14px #0008}
.cball span{background:#fff;color:#111;font-weight:800;font-size:12px;border-radius:6px;padding:1px 5px;box-shadow:0 0 0 2px #1a1a22}
@keyframes cmove{0%{transform:translate(0,0)}50%{transform:translate(14px,50px)}100%{transform:translate(-10px,100px)}}

/* ---------- collection ---------- */
.coll-head{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media (max-width:640px){.coll-head{grid-template-columns:1fr 1fr}}
.stat.lg b{font-size:22px}
.seg{display:flex;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg button{padding:7px 12px;border-radius:8px;font-weight:600;font-size:14px;color:var(--mut)}
.seg button.on{background:var(--panel2);color:var(--txt)}
.filter-tag{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:4px 6px 4px 12px;margin-bottom:10px;font-weight:600;font-size:14px}
.filter-tag button{width:22px;height:22px;border-radius:50%;background:var(--bg2);color:var(--mut)}
.emptybox{text-align:center;padding:40px 16px;background:var(--panel);border:1px dashed var(--line);border-radius:var(--r)}
.emptybox p{color:var(--mut)}
.cset{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;overflow:hidden;border-left:4px solid var(--pa)}
.cset.done{box-shadow:0 0 0 1px #ffcb0566}
.cset-h{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left}
.cs-logo{flex:0 0 76px;height:38px;display:grid;place-items:center}
.cs-logo img{max-width:100%;max-height:100%;object-fit:contain}
.cs-logo .lt{font-size:11px}
.cs-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.cs-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-info small{color:var(--mut);font-size:12px}
.rw-ok{color:var(--acc);font-weight:700}
.cs-val{font-weight:800;color:var(--ok);font-variant-numeric:tabular-nums}
.chev{color:var(--mut);font-size:22px;transition:transform .2s;width:18px;text-align:center}
.cset.open .chev{transform:rotate(90deg)}
.cset .grid{padding:4px 12px 14px;animation:tin .25s ease-out}
.grid.sm{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
@media (max-width:560px){.grid.sm{grid-template-columns:repeat(4,1fr);gap:6px}}

/* ---------- profil ---------- */
.prof-h{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.av.lg{width:56px;height:56px;font-size:24px}
.statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:10px}
.tierrow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:14px}
@media (max-width:640px){.tierrow{grid-template-columns:repeat(4,1fr)}}
.tierrow div{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--tc);border-radius:10px;padding:8px;text-align:center;display:flex;flex-direction:column}
.tierrow b{font-size:18px}.tierrow span{font-size:11px;color:var(--mut)}
.adm-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.adm-row:first-of-type{border-top:0;margin-top:6px}
.adm-row>div{flex:1;display:flex;flex-direction:column}
.adm-row small{color:var(--mut);font-size:13px}
.adm-msg{font-size:13px}
.adm-msg:empty{display:none}
.rep h4{margin:14px 0 6px;font-size:14px}
.rep .lb td,.rep .lb th{text-align:left;padding:6px}
.rep-k{display:flex;gap:8px;flex-wrap:wrap}
.lnk{color:var(--acc);text-align:left;padding:0}
.eta{margin-top:8px;color:var(--mut);font-size:13px}
.dupbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-top:10px;font-size:14px}
.adm-money{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:8px}
.adm-money label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mut)}
.adm-money input{width:150px}
.adm-cards{max-height:55vh;overflow:auto;display:flex;flex-direction:column;gap:4px}
.acr{display:flex;align-items:center;gap:10px;background:var(--bg2);border-radius:10px;padding:6px 8px}
.acr img{width:34px;aspect-ratio:63/88;object-fit:cover;border-radius:3px}
.acr .grow{flex:1;min-width:0;display:flex;flex-direction:column}
.acr .grow b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.acr small{color:var(--mut);font-size:12px;display:flex;gap:6px;align-items:center}
.acr>span{font-weight:700;font-variant-numeric:tabular-nums}
.mbox.adm .lb td:last-child{text-align:right}
.ownbadge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:11px;font-weight:800;border-radius:99px;padding:3px 9px 3px 4px;margin-top:3px;letter-spacing:.02em}
.ownbadge i{font-style:normal;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px}
.ownbadge.have{background:#3ecf8e1f;color:var(--ok);border:1px solid #3ecf8e44}
.ownbadge.have i{background:var(--ok);color:#00210f}
.ownbadge.miss{background:#ffcb051f;color:var(--acc);border:1px solid #ffcb0555}
.ownbadge.miss i{background:var(--acc);color:#1a1300}
.auc.new4me{border-color:#ffcb0555;box-shadow:inset 0 0 0 1px #ffcb0522}
.kv .ownbadge{margin-top:0}

/* ---------- clicker v2 ---------- */
.bchips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;justify-content:center}
.bchip{font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px;background:var(--panel);border:1px solid var(--line);color:var(--mut)}
.bchip.gh.on{background:linear-gradient(90deg,#ffcb05,#ff9f1a);color:#1a1300;border-color:transparent;animation:pulse 1.6s ease-in-out infinite}
.bchip.boost{background:#4b8dff;color:#fff;border-color:transparent}
.bchip.prestige{color:#f3d98a;border-color:#d9b45a66;background:#2a2212}
.pst{color:#f3d98a;font-weight:800}
.combo-meter{position:absolute;top:6px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:min(260px,70%);opacity:.6;transition:opacity .2s}
.combo-meter.hot{opacity:1}
.combo-meter b{font-size:20px;font-weight:800;color:var(--mut);min-width:54px;text-align:right;font-variant-numeric:tabular-nums}
.combo-meter.hot b{color:#ff9f1a;text-shadow:0 0 12px #ff9f1a88}
.combo-meter .bar{flex:1;height:8px}
.combo-meter .bar>i{background:linear-gradient(90deg,#ffcb05,#ff4b4b)}
.skin-lbl{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:12px;color:var(--mut)}
.ball.s1{background:linear-gradient(180deg,#2f7bff 0 47%,#1a1a22 47% 53%,#f4f4f8 53%)}
.ball.s1::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 18% 10% at 26% 30%,#ff4b4b 98%,transparent),radial-gradient(ellipse 18% 10% at 74% 30%,#ff4b4b 98%,transparent);pointer-events:none}
.ball.s2{background:linear-gradient(180deg,#232329 0 47%,#1a1a22 47% 53%,#f4f4f8 53%)}
.ball.s2::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,transparent 22%,#ffcb05 22% 32%,transparent 32% 68%,#ffcb05 68% 78%,transparent 78%) top/100% 47% no-repeat;pointer-events:none}
.ball.s3{background:linear-gradient(180deg,#7b3fd1 0 47%,#1a1a22 47% 53%,#f4f4f8 53%)}
.ball.s3::before{content:"M";position:absolute;left:50%;top:16%;transform:translateX(-50%);font-weight:900;font-size:min(46px,12vw);color:#fff;text-shadow:0 2px 0 #0004;pointer-events:none}
.ball.s3:not(.boosted){box-shadow:inset -14px -18px 30px #0005,inset 10px 12px 24px #fff4,0 18px 40px #000a,0 0 0 6px #1a1a22,0 0 36px #b678ff66}
.ball.boosted{box-shadow:inset -14px -18px 30px #0005,inset 10px 12px 24px #fff4,0 0 0 6px #1a1a22,0 0 50px #4b8dff,0 0 90px #4b8dffaa}
.pop.crit{color:#ff4b4b;font-size:26px;font-weight:900;text-shadow:0 0 14px #ff9f1a,0 2px 4px #000;animation:popcrit 1.2s ease-out forwards}
@keyframes popcrit{0%{transform:translate(-50%,-50%) scale(.6)}20%{transform:translate(-50%,-70%) scale(1.3)}100%{transform:translate(-50%,-260%) scale(1);opacity:0}}
.wild{position:absolute;top:22%;width:120px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;animation:wildin .5s cubic-bezier(.3,.7,.2,1.4)}
.wild.l{left:4%}.wild.r{right:4%}
.wild img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 10px #000a);animation:wildbob 1.4s ease-in-out infinite;pointer-events:none}
.wild small{font-size:11px;color:var(--acc);font-weight:700;text-align:center;line-height:1.2}
.wild-hp{width:90px;height:7px;border-radius:9px;background:#0008;overflow:hidden;box-shadow:0 0 0 1px #fff3}
.wild-hp i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#3ecf8e,#ffcb05);transition:width .1s}
.wild.hit img{animation:wildhit .12s}
.wild.caught img{animation:wildcatch .8s ease-in forwards}
.wild.fled{animation:wildflee .5s ease-in forwards}
@keyframes wildin{from{transform:scale(0)}}
@keyframes wildbob{50%{transform:translateY(-6px)}}
@keyframes wildhit{50%{transform:scale(.88) rotate(-6deg);filter:brightness(2)}}
@keyframes wildcatch{60%{transform:scale(.3);filter:brightness(3)}100%{transform:scale(0);opacity:0}}
@keyframes wildflee{to{transform:translateY(-40px);opacity:0}}
@media (max-width:640px){.wild{width:92px;top:16%}.wild img{width:76px;height:76px}.wild-hp{width:70px}}
.teamrow{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;min-height:0;margin-bottom:6px}
.mate{position:relative;width:54px;height:54px;animation:wildbob 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * .25s)}
.mate img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #0009)}
.mate span{position:absolute;right:-4px;bottom:-2px;background:#000c;border-radius:8px;padding:0 5px;font-size:11px;font-weight:800}
.sub-note{margin:-6px 0 10px;color:var(--mut);font-size:13px}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:900px){.team{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.team{grid-template-columns:1fr}}
.tm{display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px 12px}
.tm.own{border-color:#3ecf8e55}
.tm img{width:62px;height:62px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 6px #0008)}
.tm:not(.own) img{filter:grayscale(1) brightness(.6)}
.tm-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.tm-h{display:flex;justify-content:space-between;gap:6px}
.tm-h span{color:var(--ok);font-weight:800}
.tm small{color:var(--mut);font-size:12px}
.tm .btn{align-self:flex-start}
.bank-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
@media (max-width:760px){.bank-bottom{grid-template-columns:1fr}}
.prest{background:radial-gradient(100% 120% at 100% 0,#d9b45a1f,transparent 60%),var(--panel)}
.prest-req{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mut);margin:0 0 12px}
.prest-req .bar{flex:1;height:8px}
.prest-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.prest .stars{font-weight:700;color:#facc15;background:#facc151a;border:1px solid #facc1544;padding:3px 10px;border-radius:99px;font-size:13px}
.prest-gains{margin:0 0 12px;padding-left:18px;font-size:13.5px;color:var(--mut);display:grid;gap:3px}
.prest-gains b{color:var(--txt,#fff)}
.perk-t{margin:16px 0 8px;font-size:14px}
.perks{display:grid;gap:8px}
.perk{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}
.perk svg{width:24px;height:24px;fill:none;stroke:#facc15;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.perk.own svg{opacity:1}
.perk b{display:block;font-size:13.5px}.perk b small{color:var(--mut);font-weight:500;margin-left:4px}
.perk>div>small{font-size:12px;color:var(--mut)}.perk>div>small span{color:#facc15}
h3 .slots{font-size:12px;font-weight:600;color:#facc15;margin-left:8px}
.wb{list-style:none;margin:0;padding:0}
.wb li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-top:1px solid var(--line)}
.wb li:first-child{border-top:0}
.wb li.me{background:#ffcb050f;border-radius:8px}
.wb .grow{flex:1}
.bchip.snd{cursor:pointer}
.sgroup{margin-top:14px}
.sgroup h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mut);font-weight:700}
.sgroup .statgrid{margin-bottom:0}
.panel .tierrow{margin:10px 0 0}
.bestpull{display:flex;gap:14px;align-items:center;margin-top:12px;padding:10px;border-radius:14px;background:linear-gradient(135deg,#ffcb0518,transparent);border:1px solid #ffcb0544;cursor:pointer}
.bestpull img{width:64px;aspect-ratio:63/88;object-fit:cover;border-radius:5px;box-shadow:0 6px 14px #0008}
.bestpull div{display:flex;flex-direction:column;gap:2px}
.bestpull small{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.bestpull b{font-size:18px}
.bestpull span{color:var(--acc);font-weight:700}
.cset{scroll-margin-top:84px}
.sh-stats{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px;font-size:12.5px}
.sh-stats:empty{display:none}
.sh-stats>*{background:#0006;border:1px solid #ffffff1f;border-radius:99px;padding:3px 10px;color:#ffffffcc;white-space:nowrap}
.sh-stats b{color:#fff}.sh-stats i{font-style:normal;font-weight:700;margin-left:2px}.sh-stats i.up{color:var(--ok)}.sh-stats i.down{color:var(--bad)}
.sh-stats .sst-best{cursor:pointer;font:inherit;border-color:#ffcb0566}.sh-stats .sst-best:hover{background:#ffcb0522}
.vault-out{margin-top:10px}
.tr-q{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pay-src.two{grid-template-columns:1fr auto}
.pay-src.two>*:nth-child(odd){text-align:left;color:var(--mut)}.pay-src.two>*:nth-child(even){text-align:right}