:root{--ink:#0b0d10;--ink2:#12161b;--ink3:#1a2027;--line:#ffffff1a;--cream:#f4ecd8;--mut:#9aa3ad;--lime:#c6ff3d;--teal:#27c4b4;--coral:#ff6b57;--r-commune:#9aa3ad;--r-rare:#4fb3ff;--r-epique:#c17bff;--r-legendaire:#ffc233;--r-mythique:#ff4fa3;--disp:"Unbounded","Bricolage Grotesque",sans-serif;--body:"Bricolage Grotesque",system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}body{background:radial-gradient(900px 500px at 80% -10%,#27c4b422,transparent),radial-gradient(700px 500px at 0 100%,#ff6b5714,transparent),var(--ink)}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--lime)}:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:#0b0d10cc;flex-direction:column;gap:6px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{font-family:var(--disp);letter-spacing:-.03em;padding:6px 10px 18px;font-size:19px;font-weight:900;line-height:1}.brand b{color:var(--lime);display:block}.nav{text-align:left;color:var(--mut);background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-weight:600;display:flex}.nav:hover{background:var(--ink3);color:var(--cream)}.nav[aria-current=page]{background:var(--lime);color:#111}.side .sp{flex:1}.wallet{border:1px solid var(--line);background:var(--ink2);border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.wallet strong{font-family:var(--disp);color:var(--lime);font-size:18px}.main{width:100%;max-width:1280px;padding:32px clamp(16px,4vw,48px) 48px}.top{display:none}h1{font-family:var(--disp);letter-spacing:-.045em;text-wrap:balance;margin:0 0 14px;font-size:clamp(34px,6vw,76px);font-weight:900;line-height:.95}h2{font-family:var(--disp);letter-spacing:-.03em;margin:34px 0 14px;font-size:clamp(20px,2.4vw,28px)}.lead{color:var(--mut);max-width:52ch;font-size:17px;line-height:1.5}.btn{background:var(--lime);color:#111;border:0;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px #6f9a0e}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #6f9a0e}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--ink3);color:var(--cream);box-shadow:0 6px #05070a}.btn.sm{padding:8px 14px;font-size:14px;box-shadow:0 3px #6f9a0e}.btn.ghost.sm{box-shadow:0 3px #05070a}.btn.danger{background:var(--coral);box-shadow:0 3px #9a3626}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#12161b,#0f2a2c 140%);border-radius:28px;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;min-height:440px;padding:clamp(20px,4vw,48px);display:grid;position:relative;overflow:hidden}.fan{perspective:1100px;height:380px;position:relative}.fan .card{width:190px;transform:rotate(calc(var(--i)*11deg)) translateX(calc(var(--i)*52px)) translateY(calc(var(--i)*var(--i)*6px)) rotateY(calc(var(--i)*-6deg));margin:-135px 0 0 -95px;transition:transform .4s cubic-bezier(.2,.9,.3,1.2);position:absolute;top:50%;left:50%}.fan:hover .card{transform:rotate(calc(var(--i)*14deg)) translateX(calc(var(--i)*64px)) translateY(calc(var(--i)*var(--i)*8px)) rotateY(calc(var(--i)*-8deg))}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--ink2);border-radius:20px;padding:20px}.cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.card{--rc:var(--r-commune);aspect-ratio:5/7;background:linear-gradient(160deg,var(--rc),#000 130%);color:inherit;text-align:left;border:0;border-radius:16px;width:100%;padding:7px;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 14px 30px #0009,inset 0 0 0 1px #fff2}button.card:hover{box-shadow:0 22px 40px #000b,0 0 24px color-mix(in srgb,var(--rc) 50%,transparent);transform:translateY(-6px)rotate(-1deg)}.card.rare{--rc:var(--r-rare)}.card.epique{--rc:var(--r-epique)}.card.legendaire{--rc:var(--r-legendaire)}.card.mythique{--rc:var(--r-mythique)}.card .in{background:#0b0d10;border-radius:11px;flex-direction:column;height:100%;display:flex;overflow:hidden}.card img{aspect-ratio:1;object-fit:cover;background:var(--ink3);width:100%;display:block}.card .nm{font-family:var(--disp);letter-spacing:-.02em;padding:8px 8px 2px;font-size:11px;line-height:1.15}.card .meta{color:var(--mut);justify-content:space-between;margin-top:auto;padding:2px 8px 8px;font-size:12px;font-weight:700;display:flex}.card .rt{color:var(--rc);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.card.rare:after,.card.epique:after,.card.legendaire:after,.card.mythique:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff40 48%,#0000 62%) 150% 0/250% 100%;animation:3.6s infinite foil;position:absolute;inset:0}.card.mythique:after{background-image:linear-gradient(115deg,#ff4fa300 15%,#ff4fa380 35%,#c6ff3d80 50%,#27c4b480 62%,#c17bff00 78%);animation-duration:2.4s}.card.legendaire:after{background-image:linear-gradient(115deg,#ff6b5700 20%,#ffc23380 40%,#27c4b480 55%,#c17bff00 70%)}@keyframes foil{to{background-position:-50% 0}}.card .cnt{z-index:2;background:#0b0d10dd;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800;position:absolute;top:12px;right:12px}.card.locked img{filter:grayscale()brightness(.25)}.card.locked{opacity:.6}.fav{z-index:3;background:#0b0d10dd;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;left:12px}.cardwrap{position:relative}.bar{background:var(--ink3);border-radius:99px;height:10px;overflow:hidden}.bar i{background:var(--lime);border-radius:99px;height:100%;transition:width .6s;display:block}input,select{background:var(--ink3);border:1px solid var(--line);color:var(--cream);font:inherit;border-radius:12px;min-width:0;padding:11px 14px}label{color:var(--mut);gap:6px;font-size:13px;font-weight:600;display:grid}.chip{border:1px solid var(--line);color:var(--mut);background:0 0;border-radius:999px;padding:7px 14px;font-weight:600}.chip[aria-pressed=true]{background:var(--cream);color:#111}.empty{border:1.5px dashed var(--line);text-align:center;color:var(--mut);border-radius:20px;padding:36px}.empty b{color:var(--cream);font-family:var(--disp);margin-bottom:6px;display:block}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:14px}th{color:var(--mut);font-weight:600}.err{border:1px solid var(--coral);color:#ffb3a8;background:#ff6b5722;border-radius:12px;margin:10px 0;padding:10px 14px}.toast{background:var(--cream);color:#111;z-index:90;border-radius:999px;padding:12px 20px;font-weight:700;animation:.3s pop;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,20px)}}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;background:#05070acc;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.dlg{background:var(--ink2);border:1px solid var(--line);border-radius:24px;width:min(520px,100%);padding:26px;position:relative}.dlg h3{font-family:var(--disp);margin:0 0 14px}.x{background:var(--ink3);border:0;border-radius:50%;width:34px;height:34px;position:absolute;top:14px;right:14px}.detail{grid-template-columns:200px 1fr;gap:20px;display:grid}.stat{gap:4px;margin:8px 0;font-size:13px;display:grid}.pack-stage{z-index:85;background:radial-gradient(circle at 50% 40%,#0f3a3a,#05070a 70%);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden}.pack{aspect-ratio:5/7;background:linear-gradient(150deg,var(--lime),var(--teal) 60%,#0a6);width:220px;font-family:var(--disp);color:#0b0d10;text-align:center;border:0;border-radius:18px;place-items:center;font-size:20px;font-weight:900;animation:2.5s ease-in-out infinite float;display:grid;position:relative;box-shadow:0 30px 60px #000a}.pack.tear{animation:.7s forwards tear}@keyframes float{50%{transform:translateY(-12px)rotate(1.5deg)}}@keyframes tear{30%{transform:scale(1.1)rotate(-4deg)}60%{filter:brightness(2);transform:scale(1.2)rotate(5deg)}to{opacity:0;filter:brightness(4);transform:scale(2)}}.reveal{flex-wrap:wrap;justify-content:center;gap:14px;max-width:1000px;display:flex}.reveal .rc{perspective:800px;cursor:pointer;width:clamp(120px,17vw,170px)}.rc .flip{aspect-ratio:5/7;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.rc.on .flip{transform:rotateY(180deg)}.rc .flip>*{backface-visibility:hidden;position:absolute;inset:0}.rc .back{border:2px solid var(--lime);font-family:var(--disp);color:var(--lime);background:repeating-linear-gradient(45deg,#14323a,#14323a 8px,#0f2a30 8px 16px);border-radius:16px;place-items:center;font-size:26px;display:grid}.rc .front{transform:rotateY(180deg)}.rc.on.legendaire .flip,.rc.on.mythique .flip{animation:1.2s glow}@keyframes glow{50%{filter:drop-shadow(0 0 40px var(--r-legendaire))}}.lb-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px;display:flex}.rank{font-family:var(--disp);width:34px;color:var(--lime)}.bottom{display:none}.odds{flex-wrap:wrap;gap:8px;display:flex}.odds span{background:var(--ink3);border-radius:99px;padding:4px 10px;font-size:13px}@media (width<=860px){.app{grid-template-columns:1fr}.side{z-index:70;background:var(--ink);width:260px;transition:transform .25s;position:fixed;transform:translate(-100%)}.side.open{transform:none}.top{z-index:50;border-bottom:1px solid var(--line);background:#0b0d10ee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.hero{grid-template-columns:1fr}.fan{height:300px}.fan .card{width:140px;margin:-98px 0 0 -70px}.detail{grid-template-columns:1fr}.bottom{z-index:60;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#0b0d10f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom button{color:var(--mut);background:0 0;border:0;justify-items:center;gap:2px;padding:6px;font-size:11px;display:grid}.bottom [aria-current=page]{color:var(--lime)}.main{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.toast{bottom:calc(88px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.rc .flip{transition:none!important}}.pager{justify-content:center;align-items:center;gap:14px;margin:26px 0;display:flex}.count{color:var(--mut);margin:0 0 12px;font-size:13px}.stack{gap:14px;display:grid}.stack label{gap:6px;font-size:14px;display:grid}.aucgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.auc{border:1px solid var(--line);background:var(--ink2);border-radius:18px;grid-template-columns:130px 1fr;gap:14px;min-width:0;padding:14px;display:grid}.ainfo{align-content:start;gap:8px;min-width:0;display:grid}.ainfo small{color:var(--mut);display:block}.ainfo strong{font-family:var(--disp);color:var(--lime);font-size:20px}.timer{font-variant-numeric:tabular-nums;font-weight:700}.timer.hot{color:var(--coral)}.tag{background:var(--ink);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:6px;left:6px}.tag.win{background:var(--lime);color:#111}.funds{background:var(--ink3);border-radius:12px;grid-template-columns:1fr auto;gap:6px 12px;padding:12px;font-size:14px;display:grid}.funds b{text-align:right;font-variant-numeric:tabular-nums}.funds .neg{color:var(--coral)}.chk{grid-template-columns:none;align-items:flex-start;gap:10px;font-size:13px!important;display:flex!important}.chk input{margin-top:3px}.bids{gap:6px;max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.bids li{background:var(--ink3);border-radius:10px;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px;display:flex}.bids small{color:var(--mut)}.badge{background:var(--coral);color:#111;border-radius:99px;margin-left:8px;padding:0 7px;font-size:11px;font-weight:800}.note{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px;display:flex}.note.unread{border-left:3px solid var(--lime);background:#c6ff3d0d}.hist.cancelled,.hist.expired{opacity:.7}.hist.sold b:last-of-type{color:var(--lime)}.app>*,.main,.main>*,.row,.panel,.auc,.ainfo,.dlg{min-width:0}.main{max-width:100%;overflow-x:clip}.row{flex-wrap:wrap}.tabs{gap:8px;max-width:100%}.tabs .chip{flex:0 auto}.dlg:focus{outline:none}.note>div,.lb-row>div{overflow-wrap:anywhere;min-width:0}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.auc{grid-template-columns:96px minmax(0,1fr)}.ainfo .row .btn{flex:auto}.lb-row{flex-wrap:wrap}}.card.fa{padding:0}.card.fa .in{background:#000;border-radius:16px;position:relative}.card.fa img{aspect-ratio:auto;height:100%;position:absolute;inset:0}.card.fa .nm,.card.fa .meta{z-index:2;background:linear-gradient(#0000,#000d);position:relative}.card.fa .nm{background:linear-gradient(#0000,#000d);margin-top:auto;padding-top:28px}.card.fa .meta{background:#000d;margin-top:0}.card.alt .in{box-shadow:inset 0 0 0 2px var(--rc)}.card.alt:before{content:"";border:1px dashed color-mix(in srgb,var(--rc) 70%,#fff);z-index:3;pointer-events:none;border-radius:13px;position:absolute;inset:3px}.card.holo:after,.card.reverse_holo:after,.card.gold:after,.card.secret:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;z-index:4;background-position:150% 0;background-size:250% 100%;animation:4.2s infinite foil;position:absolute;inset:0}.card.holo:after{background-image:repeating-linear-gradient(115deg,#ff4fa300 0 10px,#27c4b455 14px,#c6ff3d44 18px,#c17bff55 22px,#ff4fa300 28px)}.card.reverse_holo .in{clip-path:inset(0 round 11px)}.card.reverse_holo:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 82%,6% 82%,6% 98%,94% 98%,94% 82%,0 82%);background-image:linear-gradient(115deg,#fff0 20%,#9fe8ff88 40%,#fff0 60%),repeating-linear-gradient(45deg,#fff2 0 2px,#0000 2px 7px);inset:0}.card.reverse_holo{box-shadow:0 14px 30px #0009,inset 0 0 0 1px #9fe8ff55}.card.gold{--rc:#e8b630;background:linear-gradient(150deg,#fff2b0,#e8b630 35%,#8a5a00 70%,#ffe27a)}.card.gold:after{opacity:.7;background-image:linear-gradient(115deg,#fff0 25%,#fff7c0cc 45%,#fff0 60%)}.card.gold .nm,.card.gold .rt{color:#ffe27a}.card.secret{box-shadow:0 14px 30px #0009,0 0 0 2px #fff6,0 0 28px #ff4fa388}.card.secret:after{background-image:linear-gradient(115deg,#ff4fa300 15%,#ff4fa399 35%,#c6ff3d99 50%,#27c4b499 62%,#c17bff00 78%)}.card .fin{z-index:5;letter-spacing:.08em;text-transform:uppercase;background:#0b0d10e6;border:1px solid #fff4;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;bottom:34px;right:12px}.card .no{z-index:5;font-variant-numeric:tabular-nums;background:#0b0d10dd;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.card .cnt{top:34px}.card .sec{z-index:5;letter-spacing:.1em;color:#111;background:#fff;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;top:12px;left:12px}.cardwrap:has(.sec) .fav{top:34px}.badges{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.badges span{background:var(--ink3);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.rc.on.gold .flip,.rc.on.secret .flip{animation:1.6s glow}.rc .cap{text-align:center;color:var(--mut);min-height:16px;margin-top:8px;font-size:12px;font-weight:700;display:block}.rc .flip:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.rc.on .flip{pointer-events:none}.tscroll{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;max-width:100%;overflow-x:auto}.tscroll table{min-width:520px}.tscroll th,.tscroll td{white-space:nowrap}.tscroll:focus-visible{outline:2px solid var(--lime)}.fgroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fgroup>b{letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-size:11px}.reveal .rc{width:clamp(96px,28vw,170px)}.reveal{max-width:100%}@media (width<=480px){.reveal{gap:10px}.card .nm{font-size:10px}.card .fin{bottom:30px}}
