body{background:var(--night-deep)}.app{grid-template-columns:252px minmax(0,1fr);min-height:100dvh;display:grid}.side{background:linear-gradient(180deg, #0d1030, var(--night-deep));border-right:1px solid var(--night-line);flex-direction:column;gap:8px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brand{padding:4px 10px 18px}.navlist{gap:2px;display:grid}.navlist a{border-radius:var(--r-md);min-height:44px;color:var(--muted);align-items:center;gap:12px;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.navlist a:hover{color:var(--ivory);background:#7c3aed29}.navlist a.active{color:var(--ivory);box-shadow:inset 2px 0 0 var(--gold);background:#7c3aed47}.side-foot{gap:8px;margin-top:auto;padding-top:16px;display:grid}.top{z-index:var(--z-nav);border-bottom:1px solid var(--night-line);background:#090b1feb;align-items:center;gap:12px;height:60px;padding:0 16px;display:none;position:sticky;top:0}.main{width:100%;max-width:1240px;padding:clamp(20px,3vw,40px)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}.page-head h1{font-size:clamp(1.6rem,3vw,2.2rem)}.nowrap{white-space:nowrap}.page-head p{color:var(--muted);max-width:64ch;margin-top:6px}@media (max-width:960px){.app{grid-template-columns:1fr}.side{z-index:var(--z-modal);width:min(300px,86vw);transition:transform .3s var(--ease);height:100dvh;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.side.open{transform:none;box-shadow:20px 0 60px #0009}.top{display:flex}.scrim{z-index:calc(var(--z-modal) - 1);background:#05061499;position:fixed;inset:0}}.icon-btn{border-radius:var(--r-md);border:1px solid var(--night-line);width:44px;height:44px;color:var(--ivory);cursor:pointer;background:0 0;place-items:center;display:inline-grid}.icon-btn:hover{border-color:var(--violet-soft)}.wallet{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--night-line);font-variant-numeric:tabular-nums;background:#171b45e6;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-weight:600;display:inline-flex}.chip svg{color:var(--gold)}.panel{border:1px solid var(--night-line);border-radius:var(--r-lg);background:linear-gradient(#171b45bf,#10132fbf);padding:24px}.panel h2{margin-bottom:14px;font-size:1.2rem}.panel h3{margin-bottom:8px;font-size:1.05rem}.stack{gap:20px;display:grid}.stack-sm{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.grid-home{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;display:grid}@media (max-width:900px){.grid-2,.grid-home{grid-template-columns:1fr}}.muted{color:var(--muted)}.small{font-size:.875rem}.num{font-variant-numeric:tabular-nums}.big-num{font-family:var(--font-display);font-size:2.1rem;font-weight:700;line-height:1}.progress{background:#232a63;border-radius:999px;height:8px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--violet), var(--gold));border-radius:inherit;height:100%;transition:width .6s var(--ease);display:block}.tag{border:1px solid var(--night-line);border-radius:999px;align-items:center;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.tag-gold{color:var(--gold);border-color:#e8bd6599}.tag-cyan{color:var(--cyan);border-color:#58d6ff99}.tag-danger{color:var(--danger);border-color:#ff7b8699}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px;display:grid}.cards-grid.sm{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.card-btn{all:unset;cursor:pointer;border-radius:6%;display:block}.card-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.card-cap{gap:2px;margin-top:8px;font-size:.85rem;display:grid}.card-cap strong{font-weight:600;line-height:1.3}.filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px;display:flex}.filters .field{flex:150px;min-width:150px}.filters .field.grow{flex:2 240px}.empty{text-align:center;border:1px dashed var(--night-line);border-radius:var(--r-lg);justify-items:center;gap:10px;padding:48px 20px;display:grid}.empty p{color:var(--muted);max-width:46ch}.errbox{border-radius:var(--r-lg);background:#ff7b8614;border:1px solid #ff7b8680;align-items:center;gap:14px;padding:18px;display:flex}.errbox p{color:#ffc2c7;font-size:.9rem}.errbox svg{color:var(--danger);flex:none}.skel{border-radius:var(--r-lg);background:linear-gradient(100deg,#151a45 30%,#1f2563 50%,#151a45 70%) 0 0/200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.toasts{z-index:var(--z-toast);gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--r-md);border:1px solid var(--night-line);animation:rise .3s var(--ease);background:#1b2060;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;box-shadow:0 20px 40px -20px #000}.toast span{flex:1;font-size:.93rem}.toast button{all:unset;cursor:pointer;opacity:.7;padding:2px}.toast button:hover{opacity:1}.toast-ok svg{color:var(--ok)}.toast-err{border-color:#ff7b8699}.toast-err svg{color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.dlg{border:1px solid var(--night-line);border-radius:var(--r-lg);color:var(--ivory);background:#121540;width:min(560px,100vw - 24px);max-height:calc(100dvh - 40px);padding:0}.dlg.wide{width:min(900px,100vw - 24px)}.dlg::backdrop{background:#050614b8}.dlg-in{gap:18px;padding:22px;display:grid}.dlg-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.dlg-head h2{font-size:1.25rem}.dlg-foot{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}table.tbl{border-collapse:collapse;width:100%;font-size:.92rem}.tbl th{text-align:left;color:var(--muted);padding:8px 10px;font-weight:600}.tbl td{vertical-align:top;border-top:1px solid #2a2f6699;padding:10px}.tbl-wrap{overflow-x:auto}.pos{color:var(--ok)}.neg{color:var(--danger)}.login{background:radial-gradient(90% 70% at 70% 0%, #1d1a5c, var(--night-deep));place-items:center;min-height:100dvh;padding:24px;display:grid}.login-box{text-align:center;justify-items:center;gap:18px;width:min(460px,100%);display:grid}.login-box img.nx{width:min(260px,70%)}.stage{justify-items:center;gap:24px;padding:28px 12px 12px;display:grid}.stage-cards{perspective:1200px;flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.flip{all:unset;cursor:pointer;border-radius:6%;width:clamp(130px,22vw,210px);display:block}.flip:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.flip-in{aspect-ratio:480/672;width:100%;transform-style:preserve-3d;transition:transform .7s var(--ease);display:block;position:relative}.flip[data-open=true] .flip-in{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border-radius:6%;display:block;position:absolute;inset:0}.flip-front{transform:rotateY(180deg)}.flip-back img{border-radius:6%;width:100%;height:100%}.flip[data-rarity=legendary][data-open=true] .flip-front{filter:drop-shadow(0 0 22px #e8bd65b3)}.flip[data-rarity=epic][data-open=true] .flip-front{filter:drop-shadow(0 0 16px #9b6bffa6)}.reveal-info{text-align:center;min-height:52px}.noanim .flip-in{transition:none}@media (prefers-reduced-motion:reduce){.flip-in{transition:none}}.odds-table td,.odds-table th{padding:6px 10px}.pack-pick{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.pack-opt{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--r-lg);border:1px solid var(--night-line);background:#171b4599;gap:6px;padding:18px;display:grid}.pack-opt:hover,.pack-opt[aria-pressed=true]{border-color:var(--gold);background:#7c3aed33}.pack-opt:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sel-ring{outline:3px solid var(--gold);outline-offset:3px;border-radius:6%}.pick-grid .pick{all:unset;cursor:pointer;border-radius:6%;display:block;position:relative}.pick[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:3px}.pick:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.pick .check{background:var(--gold);color:#1c1405;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.tabs{border-bottom:1px solid var(--night-line);gap:6px;margin-bottom:22px;display:flex;overflow-x:auto}.tabs button{all:unset;cursor:pointer;color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;min-height:20px;padding:12px 16px;font-weight:600}.tabs button[aria-selected=true]{color:var(--ivory);border-bottom-color:var(--gold)}.tabs button:focus-visible{outline:2px solid var(--cyan)}.showcase-slots{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.slot-empty{aspect-ratio:480/672;border:1px dashed var(--night-line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6%;place-items:center;width:100%;display:grid}.slot-empty:hover{border-color:var(--gold);color:var(--ivory)}.trade-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (max-width:760px){.trade-cols{grid-template-columns:1fr}}.lb-row{border-top:1px solid #2a2f6699;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.lb-row:first-child{border-top:0}.lb-rank{font-family:var(--font-display);color:var(--gold);text-align:center;font-size:1.2rem}.avatar{object-fit:cover;background:var(--night-raise);border-radius:50%;width:40px;height:40px}.checklist{border:1px solid var(--night-line);border-radius:var(--r-md);gap:4px;max-height:260px;padding:4px;display:grid;overflow:auto}.checklist label{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:flex}.checklist label:hover{background:#7c3aed29}.checklist input{width:18px;height:18px;accent-color:var(--violet)}