:root{color-scheme:dark;--bg:#0b0c0b;--surface:#151715;--line:#282c29;--ink:#f3f4f2;--muted:#929994;--green:#73d4a5;--C:#9fdcbd;--PC:#8ab9fb;--R:#b993ef;--SR:#f082b8;--UR:#f5a66e;--L:#f1ce63;--atk:#b8322a;--def:#2f4fd8;--sans:"Inter","Segoe UI",system-ui,sans-serif;--display:"Outfit","Segoe UI",system-ui,sans-serif;--cw:clamp(124px, 34vw, 196px);--gap:clamp(12px, 3.2vw, 24px);--gutter:16px}@media (min-width:1500px){:root{--cw:210px}}*{box-sizing:border-box}.sprites{position:absolute;width:0;height:0;overflow:hidden}html{background:var(--bg)}body{min-height:100vh;margin:0;overflow-x:hidden;padding:0 0 calc(32px + env(safe-area-inset-bottom));background:var(--bg);color:var(--ink);font:15px/1.45 var(--sans);-webkit-font-smoothing:antialiased}body::before{position:fixed;z-index:-1;inset:0;content:"";pointer-events:none;background:radial-gradient(70vw 45vh at 8% -8%,rgba(241,206,99,.1),transparent 70%),radial-gradient(60vw 50vh at 105% 35%,rgba(196,155,237,.07),transparent 70%),radial-gradient(60vw 50vh at -10% 95%,rgba(138,185,251,.06),transparent 70%)}.r-C{--rc:var(--C);--tex:url("img/commun.webp")}.r-PC{--rc:var(--PC);--tex:url("img/peu_commun.webp")}.r-R{--rc:var(--R);--tex:url("img/rare.webp")}.r-SR{--rc:var(--SR);--tex:url("img/super_rare.webp")}.r-UR{--rc:var(--UR);--tex:url("img/ultra_rare.webp")}.r-L{--rc:var(--L);--tex:url("img/legendaire.webp")}.top{width:min(1200px,100%);margin:0 auto;padding:22px var(--gutter) 6px;text-align:center}.wordmark{margin:0;color:var(--green);font:700 11px/1.2 var(--display);letter-spacing:.2em;text-transform:uppercase}h1{margin:6px 0 0;font:800 clamp(30px, 7vw, 52px)/1 var(--display);letter-spacing:-.04em}h1 span{background:linear-gradient(100deg,var(--L),var(--UR) 35%,var(--SR) 65%,var(--R));-webkit-background-clip:text;background-clip:text;color:transparent}.friend{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:11px 20px;border-radius:999px;background:linear-gradient(100deg,var(--L),var(--UR) 45%,var(--SR));color:#1a1414;font:700 15px/1 var(--display);text-decoration:none;box-shadow:0 6px 24px rgba(240,130,184,.3);transition:transform .2s,box-shadow .2s}.friend:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(240,130,184,.45)}.friend:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.friend svg{width:17px;height:17px}.summary{margin:10px 0 0;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.summary b{color:var(--ink);font-weight:600}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:600 14px/1 var(--display);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.chip:hover{border-color:rgba(115,212,165,.5);transform:translateY(-1px)}.chip[aria-pressed=true]{border-color:var(--green);background:var(--green);color:#0d1a13;box-shadow:0 0 22px rgba(115,212,165,.35)}.btn:focus-visible,.chip:focus-visible,.search input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.chip-count{color:var(--muted);font:500 12px/1 var(--sans);font-variant-numeric:tabular-nums}.chip[aria-pressed=true] .chip-count{color:rgba(13,26,19,.7)}.chip.is-other{border-style:dashed}@media (max-width:640px){.chips{gap:6px}.chip{gap:6px;min-height:34px;padding:6px 11px;font-size:13px}.chip-count{font-size:11px}}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:16px 0 0}.search{position:relative;flex:0 1 300px;min-width:0}.search input{width:100%;height:38px;padding:0 14px 0 36px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:14px var(--sans)}.search input::placeholder{color:var(--muted)}.search svg{position:absolute;top:11px;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}.btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid rgba(115,212,165,.4);border-radius:999px;background:rgba(115,212,165,.08);color:var(--green);font:600 13px/1 var(--display);cursor:pointer;transition:background .2s}.btn:hover{background:rgba(115,212,165,.16)}.btn svg{width:15px;height:15px}.hint{margin:10px 0 0;color:var(--muted);font-size:12px}.lanes{margin-top:14px}.lane{margin-top:clamp(10px,2vw,18px);opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards lane-in;animation-delay:calc(var(--i) * 90ms + 120ms)}@keyframes lane-in{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}.lane-head{display:flex;align-items:center;gap:10px;width:min(1200px,100%);margin:0 auto;padding:0 var(--gutter)}.lane-badge{min-width:30px;padding:4px 7px;border-radius:8px;background:var(--rc);color:#151515;font:700 13px/1.1 var(--display);text-align:center;box-shadow:0 0 16px color-mix(in srgb,var(--rc) 45%,transparent)}.lane-head h2{margin:0;color:var(--rc);font:700 clamp(17px, 2.6vw, 21px)/1.1 var(--display);letter-spacing:-.02em;white-space:nowrap}.lane-count{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.lane-rule{flex:1;height:1px;min-width:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--rc) 45%,transparent),transparent)}.track{position:relative;height:calc(var(--cw) * 1.4 + 52px);overflow:hidden;perspective:1500px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);transition:height .45s cubic-bezier(.2, .8, .2, 1)}.track.is-dragging{cursor:grabbing}.lane-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted);font-size:13px}.lane-empty[hidden]{display:none}.lane.is-empty .track{height:52px;cursor:default}.lane.is-empty .lane-head{opacity:.55}.slot{position:absolute;top:26px;left:0;width:var(--cw);height:calc(var(--cw) * 1.4);will-change:transform;outline:0}.slot[hidden]{display:none}.wm-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;isolation:isolate;border-radius:calc(var(--cw) * .085);background:var(--tex) center/200% auto,var(--rc);font-size:calc(var(--cw) / 20);box-shadow:0 0 calc(var(--cw) * .13) color-mix(in srgb,var(--rc) 34%,transparent),0 12px 26px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.2, .8, .2, 1),box-shadow .3s;-webkit-user-drag:none}.slot:focus-visible .wm-card,.slot:hover .wm-card{transform:translateY(-12px) scale(1.05);box-shadow:0 0 calc(var(--cw) * .2) color-mix(in srgb,var(--rc) 60%,transparent),0 18px 34px rgba(0,0,0,.6)}.slot:focus-visible .wm-card{outline:2px solid var(--green);outline-offset:3px}.wm-card.is-missing{filter:grayscale(1) brightness(.8);box-shadow:0 0 calc(var(--cw) * .1) rgba(255,255,255,.1),0 12px 26px rgba(0,0,0,.5)}.slot:focus-visible .wm-card.is-missing,.slot:hover .wm-card.is-missing{filter:grayscale(1) brightness(.98);box-shadow:0 0 calc(var(--cw) * .16) rgba(255,255,255,.22),0 18px 34px rgba(0,0,0,.6)}.wish-mark{position:absolute;z-index:3;left:50%;bottom:.7em;padding:.25em .7em;border-radius:999px;background:rgba(10,10,10,.78);color:#fff;font:600 1.15em/1.2 var(--display);white-space:nowrap;transform:translateX(-50%)}.photo{position:relative;flex:none;height:46%;overflow:hidden;background:#3a3d3b}.fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 40%,#2a2a2a),#191b1a 75%);color:color-mix(in srgb,var(--rc) 75%,#fff);font:800 5.4em/1 var(--display)}.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.badge{position:absolute;z-index:2;top:.85em;left:.85em;min-width:2.2em;padding:.28em .55em;border-radius:.55em;background:var(--rc);color:#1a1a1a;font:700 1.55em/1.15 var(--display);text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.25)}.star{position:absolute;z-index:2;top:.75em;right:.75em;width:2.8em;height:2.8em;color:#f3e3a0;fill:none;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .45))}.is-starred .star{fill:#f6d55c;color:#f6d55c}.qty{position:absolute;z-index:2;right:.75em;bottom:.7em;padding:.2em .55em;border-radius:999px;background:rgba(10,10,10,.74);color:#fff;font:700 1.2em/1.2 var(--display)}.body{position:relative;display:grid;flex:1;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:1em 1.1em .95em;color:#141414;background:linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.04))}.name{margin:0;font:700 1.75em/1.1 var(--display);letter-spacing:-.01em;overflow-wrap:break-word}.name.n2{font-size:1.5em}.name.n3{font-size:1.35em}.name.n4{font-size:1.2em}.name.n5{font-size:1.08em}.desc{overflow:hidden;margin:.25em 0 0;color:rgba(20,20,20,.78);font:400 1.3em/1.3 var(--sans);overflow-wrap:break-word;-webkit-mask-image:linear-gradient(#000 calc(100% - 1.3em),transparent);mask-image:linear-gradient(#000 calc(100% - 1.3em),transparent)}.stats{display:flex;justify-content:space-between;align-items:center;margin-top:.6em;padding-top:.6em;border-top:1px solid rgba(0,0,0,.22);font:700 1.5em/1 var(--display);font-variant-numeric:tabular-nums}.stat{display:inline-flex;align-items:center;gap:.3em}.stat svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor}.stat-atk svg{color:var(--atk)}.stat-def svg{color:var(--def)}.r-L .wm-card::after,.wm-card.r-L::after{position:absolute;z-index:5;inset:0;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.28) 43%,transparent 60%);transform:translateX(-130%);animation:4.6s ease-in-out infinite sheen;animation-delay:var(--sheen-delay, 0s)}@keyframes sheen{0%,100%,60%{transform:translateX(-130%)}78%{transform:translateX(130%)}}.is-shiny::before{position:absolute;z-index:4;inset:0;content:"";pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(115deg,transparent 10%,#ff4fa3 25%,#ffe45c 38%,#4fffd2 50%,#6a8bff 62%,#ff4fa3 75%,transparent 90%);background-size:300% 300%;animation:5s linear infinite holo}@keyframes holo{from{background-position:0 50%}to{background-position:300% 50%}}.shiny-mark{position:absolute;z-index:3;left:.85em;bottom:.7em;padding:.2em .5em;border-radius:999px;background:rgba(10,10,10,.74);color:#fff3b0;font:700 1.1em/1.2 var(--display)}dialog{width:min(760px,calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:22px;background:#121412;color:var(--ink);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(4,5,4,.74);backdrop-filter:blur(6px)}#age-gate{width:min(460px,calc(100vw - 2 * var(--gutter)));padding:30px 26px 26px;border-color:rgba(255,255,255,.08);background:#0d0d0d;text-align:center}#age-gate::backdrop{background:#000;backdrop-filter:none;animation:.35s blackout}@keyframes blackout{from{opacity:0}}.gate-badge{display:inline-grid;place-items:center;width:64px;height:64px;border:2px solid #e5484d;border-radius:50%;color:#ff6b70;font:800 22px/1 var(--display)}#age-gate h2{margin:16px 0 0;font:700 22px/1.2 var(--display)}#age-gate p{margin:10px 0 0;color:#b9bfba}.gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.gate-actions .btn{height:42px;padding:0 18px;font-size:14px}.btn-adult{border-color:#e5484d;background:#e5484d;color:#fff}.btn-adult:hover{background:#f0585d}.chip-18{padding:3px 5px;border-radius:5px;background:rgba(229,72,77,.18);color:#ff8a8e;font:700 10px/1 var(--display)}.chip[aria-pressed=true] .chip-18{background:rgba(13,26,19,.15);color:#0d1a13}dialog[open]{animation:.35s cubic-bezier(.2,.8,.2,1) pop}@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.97)}}.detail{display:grid;grid-template-columns:auto 1fr;gap:26px;padding:26px}.detail-card{--cw:min(280px, 64vw);width:var(--cw);height:calc(var(--cw) * 1.4);perspective:1200px}.detail-card .wm-card{animation:.7s cubic-bezier(.2,.8,.2,1) flip}@keyframes flip{from{transform:rotateY(-100deg) scale(.85);opacity:0}}.detail-info{min-width:0}.detail-info h3{margin:4px 0 0;font:700 26px/1.1 var(--display);letter-spacing:-.02em;overflow-wrap:anywhere}.detail-rarity{color:var(--rc);font:700 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}.detail-desc{margin:8px 0 0;color:#c7ccc8}.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:18px 0 0;font-size:14px}.facts dt{color:var(--muted)}.facts dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.detail-actions a{text-decoration:none}.close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;justify-content:center;border-color:var(--line);background:var(--surface);color:var(--ink)}@media (max-width:640px){.detail{grid-template-columns:1fr;justify-items:center;gap:18px;padding:22px 18px 20px}.detail-info{width:100%}.hint{display:none}}@media (max-width:380px){:root{--gutter:12px}.chip{padding-right:9px}}@media (prefers-reduced-motion:reduce){.detail-card .wm-card,.lane,dialog[open]{animation:none;opacity:1}.is-shiny::before,.r-L .wm-card::after,.wm-card.r-L::after{animation:none}}