.pack{--pw:180px;--pr:1.42;--px:30%;--py:20%;--tilt-x:0deg;--tilt-y:0deg;--hue:0deg;width:var(--pw);height:calc(var(--pw) * var(--pr));perspective:900px;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 calc(var(--pw) * .1) calc(var(--pw) * .12) #00000073);flex:none;position:relative}.pack-body{border-radius:calc(var(--pw) * .045);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:inset calc(var(--pw) * .03) 0 calc(var(--pw) * .05) #ffffff2e, inset calc(var(--pw) * -.03) 0 calc(var(--pw) * .05) #00000047;--teeth:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top center / 8px 4px repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom center / 8px 4px repeat-x, linear-gradient(#000, #000) center / 100% calc(100% - 8px) no-repeat;-webkit-mask:var(--teeth);-webkit-mask:var(--teeth);mask:var(--teeth);transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;overflow:hidden}.pack.is-lit .pack-body{transition-duration:80ms}.pack-art,.pack-wrinkles,.pack-shine{pointer-events:none;position:absolute;inset:0}.pack-wrinkles{mix-blend-mode:soft-light;background:linear-gradient(104deg,#0000 18%,#ffffff1a 19%,#0000 23%),linear-gradient(77deg,#0000 52%,#0000001f 53%,#0000 57%),linear-gradient(98deg,#0000 70%,#ffffff14 71%,#0000 74%),linear-gradient(170deg,#0000 38%,#00000014 40%,#0000 44%)}.pack-shine{background:radial-gradient(circle at var(--px) var(--py), #ffffff8c, transparent 38%), linear-gradient(115deg, transparent 35%, #ffffff52 47%, transparent 58%) 160% 0 / 260% 100% no-repeat;mix-blend-mode:overlay;animation:5.5s ease-in-out infinite pack-sweep}.pack.is-lit .pack-shine{background:radial-gradient(circle at var(--px) var(--py), #ffffffa6, transparent 42%);animation:none}@keyframes pack-sweep{0%,55%{background-position:50%,160% 0}85%,to{background-position:50%,-60% 0}}.pack-crimp{height:calc(var(--pw) * .085);background:repeating-linear-gradient(90deg, #ffffff38 0 1px, #0000002e 1px 3px, transparent 3px 5px), var(--crimp,#00000040);pointer-events:none;position:absolute;left:0;right:0}.pack-crimp--top{top:0;box-shadow:inset 0 -2px 3px #0000004d}.pack-crimp--bottom{bottom:0}.pack-brand{align-items:center;gap:calc(var(--pw) * .03);color:var(--ink,#fff);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:54%;left:0;right:0}.pack-word{font:600 calc(var(--pw) * .105) / 1 "Sora", system-ui, sans-serif;letter-spacing:.16em;padding-left:.16em}.pack-count{font:500 calc(var(--pw) * .055) / 1 "Sora", system-ui, sans-serif;letter-spacing:.3em;text-transform:uppercase;opacity:.75}.pack-emblem{bottom:calc(100% + var(--pw) * .1);width:calc(var(--pw) * .26);height:calc(var(--pw) * .26);border:calc(var(--pw) * .012) solid currentColor;border-radius:calc(var(--pw) * .03);opacity:.9;position:absolute;rotate:45deg}.pack-emblem:after{content:"";border-radius:calc(var(--pw) * .015);background:currentColor;position:absolute;inset:22%}.pack--prisma{--ink:#1d1838;--crimp:#ffffff40}.pack--prisma .pack-art{background:linear-gradient(135deg, #ffffff47 25%, transparent 25%) calc(var(--pw) * -.1) 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), linear-gradient(225deg, #ffffff2e 25%, transparent 25%) calc(var(--pw) * -.1) 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), linear-gradient(315deg, #28145a1f 25%, transparent 25%) 0 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), linear-gradient(45deg, #28145a14 25%, transparent 25%) 0 0 / calc(var(--pw) * .2) calc(var(--pw) * .2), conic-gradient(from 200deg at 30% 30%, #ffd1f2, #c3b4ff, #a6f0ff, #b8ffd9, #fff2b0, #ffc2d6, #ffd1f2);filter:hue-rotate(var(--hue)) saturate(1.15);transition:filter .3s}.pack--prisma .pack-emblem{color:#fff;box-shadow:0 0 calc(var(--pw) * .12) #ffffffe6;border-color:#1d1838}.pack--prisma .pack-emblem:after{background:linear-gradient(135deg,#ff7ac6,#7a6bff,#4fe3ff)}.pack--eclipse{--ink:#f2d38a;--crimp:#c8d2e659}.pack--eclipse .pack-art{background:radial-gradient(circle at 50% 33%, #05060f 0 19%, #ffd27a 20.5%, #fff3c4 21.2%, #ffbe508c 23%, #ffaa3c1f 33%, transparent 46%), repeating-conic-gradient(from 0deg at 50% 33%, #ffd78c21 0 1.2deg, transparent 1.2deg 9deg), radial-gradient(120% 80% at 50% 30%, #1d2a63, #0b1030 60%, #060814)}.pack--eclipse .pack-art:after{content:"";background:radial-gradient(circle at 50% 33%,#0000 22%,#ffd27840 23%,#0000 30%);animation:4s ease-in-out infinite eclipse-pulse;position:absolute;inset:0}@keyframes eclipse-pulse{50%{opacity:.35;transform:scale(1.04)}}.pack--eclipse .pack-emblem{display:none}.pack--eclipse .pack-brand{top:60%}.pack--eclipse .pack-word{text-shadow:0 0 calc(var(--pw) * .06) #ffc86499}.pack--cromo{--ink:#2a2f3a;--crimp:#ffffff4d}.pack--cromo .pack-art{background:linear-gradient(118deg,#0000 58%,#ff5ac88c 60%,#5adcff8c 63%,#96ffaa80 66%,#0000 68%) 0 0/100% 100%,radial-gradient(60% 18% at 30% 22%,#ffffffe6,#0000 70%) 0 0/140% 100%,radial-gradient(70% 14% at 70% 78%,#ffffffb3,#0000 70%) 0 0/140% 100%,linear-gradient(#f4f6fa 0%,#9aa3b4 18%,#e9edf3 32%,#5d6577 48%,#d6dbe4 60%,#8c94a6 76%,#f1f3f7 92%,#b5bcc9 100%) 0 0/100% 220%;animation:9s ease-in-out infinite alternate chrome-flow}@keyframes chrome-flow{0%{background-position:0 0,0 0,100% 0,0 0}to{background-position:0 0,100% 0,0 0,0 100%}}.pack--cromo .pack-word{color:#3a404d;text-shadow:0 1px #fffc,0 -1px #00000059}.pack--cromo .pack-emblem{color:#3a404d}.pack--cromo .pack-emblem:after{background:linear-gradient(135deg,#ff5ac8,#5adcff,#96ffaa)}.pack--constelacion{--ink:#efeaff;--crimp:#c8b4ff4d}.pack--constelacion .pack-art{background:radial-gradient(1px 1px at 20% 15%,#fff,#0000),radial-gradient(1px 1px at 80% 12%,#fff,#0000),radial-gradient(1.5px 1.5px at 62% 48%,#fff,#0000),radial-gradient(1px 1px at 12% 58%,#fff,#0000),radial-gradient(1px 1px at 88% 66%,#fff,#0000),radial-gradient(1px 1px at 40% 90%,#fff,#0000),radial-gradient(1px 1px at 72% 92%,#fff,#0000),radial-gradient(circle at 70% 20%,#ff78dc59,#0000 40%),radial-gradient(circle at 20% 80%,#5a8cff59,#0000 45%),linear-gradient(165deg,#2a1360,#140a33 55%,#0a0620)}.constellation{width:88%;height:66%;position:absolute;inset:4% 6% 30%;overflow:visible}.constellation polyline,.constellation line{fill:none;stroke:#dcd2ff8c;stroke-width:.6px;vector-effect:non-scaling-stroke}.constellation circle{fill:#fff;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 4px #c9a8ff);transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.35;transform:scale(.6)}}.pack--constelacion .pack-emblem{display:none}.pack--constelacion .pack-brand{top:70%}.pack--orfebre{--crimp:transparent}.pack--orfebre .pack-art{background:#1e1e1e url(/assets/orfebre-ClwR9iTe.webp) 50%/100% 100% no-repeat}.pack--orfebre .pack-crimp,.pack--orfebre .pack-brand{display:none}.pack--orfebre .pack-wrinkles{opacity:.5}.pack--orfebre .pack-shine{mix-blend-mode:color-dodge;opacity:.75}@media (prefers-reduced-motion:reduce){.pack-shine,.pack--cromo .pack-art,.pack--eclipse .pack-art:after,.constellation circle{animation:none}}.opening{--card-w:200px;--best:#fff;min-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h) - 64px);isolation:isolate;touch-action:none;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.opening-center{z-index:2;width:100%;min-height:calc(var(--card-w) * 1.6);flex:1;place-items:center;display:grid;position:relative}.opening-dim,.opening-glow,.opening-flash{pointer-events:none;position:fixed;inset:0}.opening-dim{opacity:0;z-index:1;background:#03040ab8;transition:opacity .5s}.opening-glow{z-index:1;opacity:0;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--best) 70%, transparent) 0%, transparent 42%);transition:opacity .4s}.opening.is-charging .opening-dim{opacity:1}.opening.is-charging .opening-glow{opacity:1;animation:.9s ease-in-out infinite glow-breathe}@keyframes glow-breathe{50%{opacity:.6;transform:scale(1.18)}}.opening-flash{--flash:#fff;background:var(--flash);opacity:0;z-index:30}.fx-canvas{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.tear{--p:0;animation:3.4s ease-in-out infinite pack-float;position:relative}.tear-piece{position:absolute;inset:0}.tear-piece--top{z-index:4;transform-origin:100% var(--cut,13%);transform:rotate(calc(var(--p) * 12deg)) translate(calc(var(--p) * -3px), calc(var(--p) * -6px))}.tear-piece--bottom{z-index:3}.tear.snap .tear-piece--top,.tear.snap .tear-line{transition:transform .35s cubic-bezier(.2,1.4,.4,1),width .35s}.tear-rising{width:var(--card-w);aspect-ratio:5/7;margin-left:calc(var(--card-w) / -2);z-index:2;position:absolute;left:50%}.tear-rising-card{transform:translateY(calc(var(--k) * 4px)) scale(calc(1 - var(--k) * .02));background:#1e1e1e url(/assets/dorso-CVrHux23.webp) 50%/100% 100% no-repeat;border:1px solid #d6b26866;border-radius:12px;position:absolute;inset:0;box-shadow:0 8px 24px #0006}.tear-line{height:3px;width:calc(var(--p) * 100%);z-index:6;box-shadow:0 0 10px #fff, 0 0 22px var(--best);pointer-events:none;background:linear-gradient(90deg,#fff6,#fff);border-radius:2px;margin-top:-1px;position:absolute;left:0}.tear-guide{z-index:5;filter:drop-shadow(0 0 4px #0009);pointer-events:none;border-top:2px dashed #ffffffbf;margin-top:-1px;animation:1.6s ease-in-out infinite guide-pulse;position:absolute;left:4%;right:4%}.tear-arrow{background:#fff;border-radius:50%;width:20px;height:20px;animation:1.6s cubic-bezier(.5,0,.3,1) infinite guide-finger;position:absolute;top:-11px;left:0;box-shadow:0 0 0 6px #fff3,0 0 18px #fffc}@keyframes guide-pulse{50%{opacity:.45}}@keyframes guide-finger{0%{opacity:0;left:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}75%{opacity:1;left:calc(100% - 20px)}to{opacity:0;left:calc(100% - 20px)}}.tear-hit{z-index:7;cursor:ew-resize;touch-action:none;height:34%;position:absolute;top:-14%;left:-12%;right:-12%}.tear-hit:focus-visible{outline-offset:2px;border-radius:12px;outline:2px solid #fff}.tear.reduced .tear-hit{cursor:pointer;height:auto;inset:0}@keyframes pack-float{50%{translate:0 -6px}}.stack{aspect-ratio:5/7;max-width:100%;position:relative}.stack-card{transform:translateY(calc(var(--depth) * 5px)) scale(calc(1 - var(--depth) * .025));touch-action:none;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.stack-card .card{width:100%}.stack-card.is-top{cursor:grab}.stack-card.is-top:active{cursor:grabbing}.stack-card:not(.is-top):after{content:"";pointer-events:none;background:#04050a4d;border-radius:12px;position:absolute;inset:0}.stack-card.is-charging{animation:.12s linear infinite charge-shake}.stack-card.is-charging .card-back{box-shadow:0 0 0 2px var(--best), 0 0 40px 6px var(--best)}@keyframes charge-shake{0%{translate:0;rotate:0deg}25%{translate:-2px 1px;rotate:-.8deg}50%{translate:2px -1px;rotate:.8deg}75%{translate:-1px;rotate:-.4deg}}.opening[class*=fx-] .stack-card.is-top .card{animation:.5s cubic-bezier(.2,1.5,.4,1) reveal-pop}.opening.fx-legendaria .stack-card.is-top .card,.opening.fx-mitica .stack-card.is-top .card{animation:.85s cubic-bezier(.2,1.4,.4,1) reveal-pop-big}.opening.fx-especial .stack-card.is-top:after,.opening.fx-epica .stack-card.is-top:after,.opening.fx-legendaria .stack-card.is-top:after,.opening.fx-mitica .stack-card.is-top:after{content:"";z-index:-1;background:radial-gradient(circle, var(--rc-fx) 0%, transparent 62%);pointer-events:none;border-radius:50%;animation:1.3s ease-out forwards reveal-halo;position:absolute;inset:-35%}.opening.fx-especial{--rc-fx:var(--c-especial)}.opening.fx-epica{--rc-fx:var(--c-epica)}.opening.fx-legendaria{--rc-fx:var(--c-legendaria)}.opening.fx-mitica{--rc-fx:var(--c-mitica)}@keyframes reveal-pop{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes reveal-pop-big{0%{transform:scale(.85)rotate(-3deg)}45%{transform:scale(1.12)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes reveal-halo{0%{opacity:.95;transform:scale(.5)}to{opacity:0;transform:scale(1.25)}}.opening-foot{z-index:2;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex;position:relative}.opening-hint{min-height:1.4em;color:var(--muted);text-align:center;margin:0;font-size:.88rem}.tray{justify-content:center;gap:8px;display:flex}.tray-slot{aspect-ratio:5/7;border:1px dashed var(--line);background:var(--glass-1);border-radius:7px;width:42px}.tray-slot.filled{background:0 0;border:0}.tray-thumb{border:2px solid var(--rc);background:var(--glass-2);width:100%;height:100%;color:var(--rc);border-radius:7px;place-items:center;font-weight:700;animation:.25s ease-out tray-in;display:grid;overflow:hidden}.tray-thumb img{object-fit:cover;object-position:top;width:100%;height:100%}@keyframes tray-in{0%{opacity:0;transform:scale(.6)}}.opening-actions{align-items:center;min-height:40px;display:flex}@media (prefers-reduced-motion:reduce){.tear,.tear-guide,.tear-arrow,.stack-card.is-charging,.opening.is-charging .opening-glow{animation:none}}:root{--bg:#0d0f16;--blob-1:#6d4dff;--blob-2:#ff4d8d;--blob-3:#2fb8ff;--accent:#c4b2ff;--text:#f3f4f8;--muted:#a2a8bb;--glass-1:#ffffff0d;--glass-2:#ffffff17;--glass-3:#ffffff24;--line:#ffffff1f;--line-strong:#ffffff38;--primary:#f5f6fa;--primary-ink:#11131b;--field:#00000040;--bar:#0d0f168c;--card-bg:#151824;--card-info:#0a0c12b8;--shadow:0 20px 50px #00000059;--danger:#ff7b86;--good:#4fe0a8;--gold:#ffd166;--gold-ink:#241a02;--radius:18px;--tabbar-h:66px;--topbar-h:54px;--c-comun:#9aa3b2;--c-rara:#3ddc97;--c-especial:#4da3ff;--c-epica:#b66dff;--c-legendaria:#ffb020;--c-mitica:#ff4d7a;--f-display:"Sora", system-ui, sans-serif;--f-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--f-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:15px;line-height:1.45}:root[data-glass=oceano]{--bg:#071016;--blob-1:#00b4d8;--blob-2:#2f6bff;--blob-3:#00e0a4;--accent:#7fe7ff}:root[data-glass=brasa]{--bg:#140c0b;--blob-1:#ff6b2d;--blob-2:#ff2d6b;--blob-3:#ffb22d;--accent:#ffc08a}:root[data-glass=grafito]{--bg:#0c0d10;--blob-1:#3a3f4d;--blob-2:#22252e;--blob-3:#4a4f5e;--accent:#fff}:root[data-glass=niebla]{--bg:#e9ebf3;--blob-1:#b9a6ff;--blob-2:#ffb3d1;--blob-3:#9ad8ff;--accent:#5b3fd6;--text:#171a26;--muted:#5b6075;--glass-1:#ffffff73;--glass-2:#fff9;--glass-3:#ffffffc7;--line:#171a261a;--line-strong:#171a2633;--primary:#171a26;--primary-ink:#fff;--field:#ffffffb3;--bar:#e9ebf399;--card-bg:#1c2030;--shadow:0 20px 50px #28285026;--danger:#d23b48;--good:#11946a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{min-height:var(--screen-h,0px)}body{background:0 0;min-height:100dvh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(32vmax 28vmax at 18% 12%, color-mix(in srgb, var(--blob-1) 55%, transparent), transparent 70%), radial-gradient(30vmax 26vmax at 88% 38%, color-mix(in srgb, var(--blob-2) 42%, transparent), transparent 70%), radial-gradient(34vmax 30vmax at 40% 92%, color-mix(in srgb, var(--blob-3) 38%, transparent), transparent 70%);filter:blur(40px);animation:38s ease-in-out infinite alternate blobs;position:fixed;inset:-20vmax}body:after{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes blobs{0%{transform:translate(0)rotate(0)}50%{transform:translate(3vmax,-2vmax)rotate(8deg)}to{transform:translate(-2vmax,3vmax)rotate(-6deg)}}h1,h2,h3{line-height:1.15;font-family:var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{margin-top:1rem;font-size:1rem}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--field);border:1px solid var(--line);border-radius:12px;width:100%;min-width:0;padding:10px 12px;transition:border-color .15s}select option{background:var(--card-bg);color:#f3f4f8}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);box-shadow:none}textarea{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}code{color:var(--accent);font-family:ui-monospace,Consolas,monospace;font-size:.85em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.hint{color:var(--muted);margin:.5rem 0;font-size:.85rem}.error{color:var(--danger);margin:.5rem 0;font-size:.9rem}.center{text-align:center}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.panel,.glass{background:var(--glass-1);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(1.3);padding:14px}.btn{border:1px solid var(--line);background:var(--glass-2);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:11px 18px;font-weight:600;transition:transform 80ms,background .15s,opacity .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--glass-3)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.primary:hover:not(:disabled){background:var(--primary);opacity:.92}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--glass-1);border-color:var(--line)}.btn.small{padding:7px 13px;font-size:.85rem}.btn.wide{width:100%}.btn.claim{color:var(--gold-ink);background:linear-gradient(135deg,#ffe08a,#ffb020);border-color:#0000;box-shadow:0 6px 20px #ffb0204d}.segmented{background:var(--glass-1);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:8px 10px;font-weight:600}.segmented button.active{background:var(--glass-3);color:var(--text)}.chip{background:var(--glass-2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.75rem;display:inline-block}.splash{min-height:100dvh;color:var(--muted);place-items:center;padding-inline:16px;display:grid}.topbar{z-index:10;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:var(--bar);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{font-family:var(--f-display);letter-spacing:.02em;color:inherit;align-items:center;gap:9px;margin-right:auto;font-size:1.02rem;font-weight:600;line-height:1;text-decoration:none;display:flex}.brand img{box-shadow:0 0 0 1px var(--line);border-radius:7px;display:block;translate:0 -1px}.silver{font-family:var(--f-display);font-variant-numeric:tabular-nums;background:var(--glass-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-weight:600;display:flex}.coin{background:url(/assets/koin-Arxvc-v2.webp) 50%/contain no-repeat;flex:none;width:20px;height:20px}.user-menu{position:relative}.user-menu-pop{width:250px;box-shadow:var(--shadow);z-index:20;background:linear-gradient(var(--glass-2), var(--glass-2)), color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.4);flex-direction:column;gap:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-menu-head{overflow-wrap:anywhere;flex-direction:column;gap:2px;display:flex}.user-menu-head .muted{font-size:.8rem}.theme-picker{flex-direction:column;gap:6px;font-size:.82rem;display:flex}.theme-swatches{gap:8px;display:flex}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.theme-swatch[aria-pressed=true]{border-color:var(--text)}main{max-width:960px;padding:16px 16px calc(var(--tabbar-h) + 24px + env(safe-area-inset-bottom));margin:0 auto}html:has(.packs-page){overscroll-behavior:none}.packs-page{min-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h) - 41px - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center}.tabbar{bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;width:min(440px,100% - 24px);height:var(--tabbar-h);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;left:50%;translate:-50%}.tabbar a{color:var(--muted);border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.68rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.tabbar a.active{color:var(--text);background:var(--glass-3)}.tab-icon{width:21px;height:21px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;background:currentColor}.icon-pack{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h14v17H5z'/%3E%3Cpath d='M5 7h14M5 17h14'/%3E%3Cpath d='M12 9.5l2.2 2.5-2.2 2.5-2.2-2.5z'/%3E%3C/svg%3E")}.icon-collection{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='11' height='15' rx='2'/%3E%3Cpath d='M17 5.5l3 1-3.5 13'/%3E%3C/svg%3E")}.icon-catalog{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='3.5'/%3E%3C/svg%3E")}.icon-table{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3.5' y='4' width='7' height='10' rx='1.5'/%3E%3Crect x='13.5' y='4' width='7' height='10' rx='1.5'/%3E%3Cpath d='M2.5 19.5h19'/%3E%3C/svg%3E")}.tabbar a{position:relative}.tab-badge{background:var(--gold);min-width:17px;height:17px;color:var(--gold-ink);text-align:center;border-radius:999px;padding:0 4px;font-size:.66rem;font-weight:700;line-height:17px;position:absolute;top:5px;left:calc(50% + 6px)}.icon-admin{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}.page{flex-direction:column;gap:14px;display:flex}.page.loading{color:var(--muted);align-items:center;padding:3rem 0}.page-head{flex-direction:column;gap:4px;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input,.inline-form select{flex:140px;width:auto}.inline-form label{flex:100px}.auth-screen{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:24px 16px;display:flex}.auth-logo{flex-direction:column;align-items:center;gap:18px;display:flex}.auth-logo h1{letter-spacing:0;font-size:1.9rem}.auth-logo-img{box-shadow:0 0 0 1px var(--line), var(--shadow);border-radius:26px}.auth-form{flex-direction:column;gap:14px;width:100%;max-width:380px;padding:18px;display:flex}.status-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600}.stat-value{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:600}.stat-sub{color:var(--muted);font-size:1rem}.stat-foot{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.stat-ready{border-color:color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:0 0 30px -12px var(--gold) inset}.stat-ready .stat-value{color:var(--gold)}.hero-zone{justify-content:center;display:flex;position:relative}.help-btn{border:1px solid var(--line);background:var(--glass-2);width:34px;height:34px;color:var(--muted);font:600 1rem / 1 var(--f-display);cursor:pointer;border-radius:50%;transition:background .15s,color .15s;position:absolute;top:6px;right:0}.help-btn:hover{background:var(--glass-3);color:var(--text)}@media (width>=700px){.help-btn{z-index:9;width:40px;height:40px;position:fixed;top:auto;bottom:24px;right:24px}}.pack-hero{cursor:pointer;background:0 0;border:0;flex-direction:column;align-self:center;align-items:center;gap:22px;margin-top:6px;padding:10px 0 0;display:flex}.pack-hero .pack{animation:3.6s ease-in-out infinite hero-float;--pw:max(80px, min(210px, 55vw, calc((100dvh - 460px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / var(--pr))))!important}.pack-hero:disabled{cursor:default}.pack-hero.is-empty .pack{filter:grayscale(.9)brightness(.55);animation:none}.pack-hero.is-opening .pack{animation:.55s ease-in-out infinite hero-opening}@keyframes hero-opening{0%,to{rotate:-1deg;scale:1}50%{rotate:1deg;scale:1.05}}.pack-hero:active:not(:disabled) .pack{scale:.97}.pack-hero-label{font-family:var(--f-display);background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow);border-radius:999px;padding:12px 30px;font-size:1rem;font-weight:600}.pack-hero.is-empty .pack-hero-label{background:var(--glass-2);color:var(--muted);box-shadow:none}@keyframes hero-float{0%,to{translate:0;rotate:-1.5deg}50%{translate:0 -8px;rotate:1.5deg}}.open-pack-head{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.85rem;display:flex}.expires.urgent{color:var(--danger);font-weight:700}.banner{text-align:center;background:linear-gradient(90deg,#ffb0202e,#ff4d7a2e);border:1px solid #ffb02073;border-radius:14px;padding:10px 14px;font-weight:700}.spread{grid-template-columns:repeat(6,1fr);gap:14px 10px;width:100%;max-width:520px;margin-inline:auto;display:grid}.spread-slot{flex-direction:column;grid-column:span 2;align-items:center;gap:8px;min-width:0;display:flex}.spread-slot:nth-child(4){grid-column:2/span 2}.spread-slot:nth-child(5){grid-column:4/span 2}.spread-slot{position:relative}.spread-slot .card{cursor:pointer}.spread-slot.is-taken-fx .card:after{content:"";border:3px solid var(--rc);box-shadow:0 0 24px var(--rc);pointer-events:none;border-radius:16px;animation:.9s ease-out forwards take-ring;position:absolute;inset:-6%}.spread-slot.is-taken-fx .card{animation:.5s cubic-bezier(.2,1.5,.4,1) take-pop}@keyframes take-ring{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.22)}}@keyframes take-pop{50%{transform:scale(1.06)}}.spread-slot.is-best .card-front{box-shadow:0 0 26px -2px var(--rc)}.spread-slot.is-dimmed .card{opacity:.45;filter:saturate(.4);transition:opacity .3s,filter .3s}.slot-action{justify-content:center;align-items:center;min-height:30px;display:flex}.slot-action .hint{margin:0}.spread-slot.is-mine .card-front{box-shadow:0 0 0 2px var(--rc), 0 0 28px -2px var(--rc)}.mesa-status{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mesa-status span{color:var(--muted)}.mesa-status strong{text-align:right;font-variant-numeric:tabular-nums}.mesa-status.is-ready strong{color:var(--gold)}.mesa-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 10px;width:100%;max-width:560px;margin-inline:auto;display:grid}.mesa-slot{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.mesa-caption{text-align:center;flex-direction:column;align-items:center;font-size:.74rem;line-height:1.25;display:flex}.mesa-time{font-variant-numeric:tabular-nums;font-weight:700}.mesa-time.urgent{color:var(--danger)}.hold{cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;position:relative}.focus-card .hold{width:auto}.hold .card{transition:scale .2s ease-out}.hold.is-holding .card{scale:.95}.hold-fill{z-index:2;pointer-events:none;transition:scale .2s ease-out;position:absolute;inset:0}.hold.is-holding .hold-fill{scale:.95}.hold-fill:before{content:"";opacity:0;box-sizing:border-box;background:linear-gradient(to top, color-mix(in srgb, var(--rc) 80%, transparent), color-mix(in srgb, var(--rc) 45%, transparent));border-top:2px solid #fff;border-radius:12px;height:0;transition:height .18s ease-out,opacity .18s ease-out;position:absolute;bottom:0;left:0;right:0}.hold.is-holding .hold-fill:before{opacity:1;height:100%;transition:height var(--hold-ms) linear .12s, opacity 0s linear .12s}.hold.is-pending .hold-fill:before{opacity:1;height:100%;transition:none;animation:.5s ease-in-out infinite alternate hold-pending}.hold.is-holding .card.has-holo .card-inner,.hold.is-pending .card.has-holo .card-inner{transform:none}@keyframes hold-pending{to{opacity:.55}}.hold.is-denied{animation:.35s ease-in-out hold-denied}@keyframes hold-denied{20%{translate:-5px}40%{translate:5px}60%{translate:-3px}80%{translate:3px}}.hold-btn{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.hold-btn-fill{background:var(--glass-3);transform-origin:0;transition:transform .18s ease-out;position:absolute;inset:0;transform:scaleX(0)}.hold-btn.is-holding .hold-btn-fill{transition:transform var(--hold-ms) linear .12s;transform:scaleX(1)}.hold-btn-label{color:var(--muted);position:relative}.tag{background:var(--glass-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:600}.tag.good{color:var(--good);border-color:color-mix(in srgb, var(--good) 40%, transparent)}.tag.claimed{color:var(--gold-ink);background:var(--gold);border-color:var(--gold)}.tag.muted{color:var(--muted)}.pack-footer{text-align:center;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 18px);background:var(--bar);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:stretch;gap:10px;padding:12px;display:flex;position:sticky}.focus-card{flex-direction:column;align-items:center;gap:16px;display:flex}.focus-card .card{width:min(70vw,260px)}.focus-card .focus-info{text-align:center;flex-direction:column;gap:4px;display:flex}.rarity-comun{--rc:var(--c-comun)}.rarity-rara{--rc:var(--c-rara)}.rarity-especial{--rc:var(--c-especial)}.rarity-epica{--rc:var(--c-epica)}.rarity-legendaria{--rc:var(--c-legendaria)}.rarity-mitica{--rc:var(--c-mitica)}.rarity-text{color:var(--rc);font-weight:700}.card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;aspect-ratio:5/7;perspective:900px;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;position:relative}.card.clickable{cursor:pointer}.card-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.card.face-down .card-inner{transform:rotateY(180deg)}.card.has-holo:not(.face-down) .card-inner{transform:rotateX(var(--rx)) rotateY(var(--ry))}.card.has-holo.is-tilted .card-inner{transition-duration:80ms}.card-front,.card-back{backface-visibility:hidden;border-radius:12px;transition:visibility 0s linear 80ms;position:absolute;inset:0;overflow:hidden}.card.face-down .card-front,.card:not(.face-down) .card-back{visibility:hidden}.card-back{background:#1e1e1e url(/assets/dorso-CVrHux23.webp) 50%/100% 100% no-repeat;border:1px solid #d6b26866;transform:rotateY(180deg)}.card-front{background:var(--card-bg);border:2px solid var(--rc)}.card-sm .card-front,.card-sm .card-back{border-radius:10px}.rarity-especial .card-front,.rarity-epica .card-front{box-shadow:0 0 16px -5px var(--rc)}.rarity-legendaria .card-front{box-shadow:0 0 24px -4px var(--rc)}.rarity-mitica .card-front{background:linear-gradient(var(--card-bg), var(--card-bg)) padding-box, conic-gradient(from var(--angle,0deg), #ff4d7a, #ffb020, #b66dff, #4da3ff, #ff4d7a) border-box;box-shadow:0 0 28px -4px var(--rc);border-color:#0000;animation:4s linear infinite spin-border}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin-border{to{--angle:360deg}}.card-art{background:#0e1018;position:absolute;inset:0}.card-art img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.card-art-empty{font-family:var(--f-display);color:var(--rc);opacity:.6;place-items:center;font-size:2.5rem;font-weight:600;display:grid;position:absolute;inset:0 0 22%}.card-level{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--rc);background:#0000008c;border-radius:999px;padding:2px 7px;font-size:.66rem;font-weight:700;position:absolute;top:6px;right:6px}.card-info{background:linear-gradient(0deg, color-mix(in srgb, var(--rc) 22%, #080a10f0) 0%, #080a10d1 55%, #080a1000 100%);text-shadow:0 1px 2px #0009;color:#f3f4f8;flex-direction:column;gap:1px;padding:26px 9px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.card-series{color:#a2a8bb;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.card-meta{justify-content:space-between;font-size:.7rem;font-weight:700;display:flex}.card-rarity{color:var(--rc)}.card-value{color:#a2a8bb;font-variant-numeric:tabular-nums}.card-sm .card-name{font-size:.74rem}.card-sm .card-meta{font-size:.62rem}.card-sm .card-info{padding:18px 6px 5px}.card-lg{width:min(70vw,240px)}.card-lg .card-name{font-size:1rem}.card-lg .card-meta{font-size:.78rem}.card-holo{pointer-events:none;border-radius:inherit;mix-blend-mode:color-dodge;opacity:.14;background:repeating-linear-gradient(115deg, #ff4d7a 0%, #ffb020 6%, #3ddc97 12%, #4da3ff 18%, #b66dff 24%, #ff4d7a 30%) var(--mx) var(--my) / 300% 300%;transition:opacity .3s;position:absolute;inset:0}.card-holo:after{content:"";background:radial-gradient(circle at var(--mx) var(--my), #fff9, transparent 45%);mix-blend-mode:overlay;position:absolute;inset:0}.rarity-legendaria .card-holo,.rarity-mitica .card-holo{opacity:.2}.card.is-tilted .card-holo{opacity:.45}.filters{flex-direction:column;gap:8px;display:flex}.filter-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.card-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.catalog-item{position:relative}.owner-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f3f4f8;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0009;border-radius:999px;max-width:calc(100% - 12px);padding:2px 7px;font-size:.62rem;font-weight:700;position:absolute;top:6px;left:6px;overflow:hidden}.modal-backdrop{z-index:50;touch-action:none;background:#05060cbd;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){.modal-backdrop{-webkit-backdrop-filter:blur(14px);background:#05060c99}}.modal{overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(var(--glass-2), var(--glass-2)), var(--bg);border:1px solid var(--line);width:100%;max-width:640px;max-height:92dvh;box-shadow:var(--shadow);padding:22px 16px calc(22px + env(safe-area-inset-bottom));will-change:transform;border-radius:26px 26px 0 0;animation:.32s cubic-bezier(.2,.8,.2,1) slide-up;position:relative;overflow-y:auto}.modal-grip{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin-left:-19px;position:absolute;top:8px;left:50%}@media (width>=700px){.modal-grip{display:none}}.modal--sheet{height:min(86dvh,700px)}@media (width>=700px){.modal-backdrop{align-items:center}.modal{border-radius:26px;animation-name:modal-pop}.modal--sheet{height:auto;min-height:400px}}@keyframes modal-pop{0%{opacity:0;transform:translateY(24px)}}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}.modal-close{background:var(--glass-2);width:34px;height:34px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;font-size:1.3rem;line-height:1;position:absolute;top:10px;right:12px}.detail{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.detail-info{flex-direction:column;flex:220px;gap:4px;min-width:0;display:flex}.detail dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0;display:grid}.detail dt{color:var(--muted)}.detail dd{margin:0;font-weight:600}.detail-late{animation:.25s ease-out fade-in}.modal.help{touch-action:none;flex-direction:column;gap:18px;max-width:440px;display:flex}.help-page{text-align:center;flex-direction:column;justify-content:center;gap:12px;min-height:282px;padding:14px 6px 0;animation:.25s ease-out fade-in;display:flex}.help-page h2{font-size:1.35rem}.help-page p{color:var(--muted);text-wrap:balance;margin:0;font-size:1rem;line-height:1.45}.help-page strong{color:var(--text)}.help-cards{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.help-cards span{aspect-ratio:5/7;opacity:.45;background:#1e1e1e url(/assets/dorso-CVrHux23.webp) 50%/100% 100% no-repeat;border:1px solid #d6b26866;border-radius:6px;width:42px}.help-cards span.is-picked{opacity:1;box-shadow:0 0 0 2px var(--text), 0 8px 20px #00000080;translate:0 -10px}.help-types{text-align:left;gap:10px;display:grid}.help-type{border:1px solid var(--line);background:var(--glass-1);border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.help-type.is-unique{border-color:color-mix(in srgb, var(--gold) 45%, transparent)}.help-type p{text-wrap:pretty;font-size:.95rem}.help-chips{flex-wrap:wrap;gap:6px;display:flex}.help-chip{color:var(--rc);border:1px solid color-mix(in srgb, var(--rc) 55%, transparent);background:color-mix(in srgb, var(--rc) 12%, transparent);border-radius:999px;padding:3px 9px;font-size:.74rem;font-weight:700}.help-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.help-list li{text-align:center;border:1px solid var(--line);background:var(--glass-1);border-radius:16px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.help-list span{color:var(--muted)}.help-kema{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.help-kema li{border:1px solid var(--line);background:var(--glass-1);text-align:right;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;display:flex}.modal.summary{flex-direction:column;gap:14px;max-width:440px;display:flex}.modal.summary>*{flex:none}.summary-kept{border:1px solid var(--line);background:var(--glass-1);border-radius:18px;align-items:center;gap:14px;min-height:72px;padding:12px;display:flex}.summary-card{flex:none;width:84px}.summary-kept-info{flex-direction:column;gap:3px;min-width:0;display:flex}.summary-kept-info strong{font-family:var(--f-display);font-size:1.05rem}.summary-kept-info .rarity-text{font-size:.82rem}.summary-kept-info .muted{margin-top:4px;font-size:.9rem}.summary-rows{gap:8px;margin:0;display:grid}.summary-rows>div{border:1px solid var(--line);background:var(--glass-1);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.summary-rows dt{color:var(--muted)}.summary-rows dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:600}.summary-koins{font-family:var(--f-display);align-items:center;gap:7px;font-size:1.2rem;display:flex}.summary-more{color:var(--muted);align-self:center}.summary-detail{gap:2px;margin:0;padding:0;font-size:.88rem;list-style:none;animation:.2s ease-out fade-in;display:grid}.summary-detail li{border-bottom:1px solid var(--line);grid-template-columns:8px minmax(0,1fr) auto 52px;align-items:center;gap:10px;padding:7px 2px;display:grid}.summary-dot{background:var(--rc,var(--muted));border-radius:50%;width:8px;height:8px}.summary-name{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;min-width:0;font-weight:600;display:flex;overflow:hidden}.summary-name small{color:var(--muted);font-weight:400}.summary-what{color:var(--muted);text-align:right}.summary-amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.summary-detail li.summary-note{color:var(--muted);border-bottom:0;padding-top:10px;font-size:.82rem;display:block}.help-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.help-dots{gap:4px;display:flex}.help-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.help-dots button:before{content:"";background:var(--line-strong);border-radius:50%;width:8px;height:8px;transition:background .2s,width .2s}.help-dots button.active:before{background:var(--text);border-radius:4px;width:18px}.history{color:var(--muted);margin:6px 0 0;padding-left:18px;font-size:.9rem}.tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);background:var(--glass-1);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 14px;font-weight:600}.tabs button.active{color:var(--primary-ink);background:var(--primary);border-color:var(--primary)}.admin-section{flex-direction:column;gap:12px;display:flex}.admin-section>.panel{flex-direction:column;gap:10px;display:flex}.design-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;display:grid}.design-option{text-align:center;cursor:pointer;border:1px solid var(--line);flex-direction:column;align-items:center;gap:12px;padding:20px 14px 14px;display:flex}.design-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.design-option p{color:var(--muted);margin:0;font-size:.82rem}.media-results{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.media-item{text-align:left;border:1px solid var(--line);background:var(--glass-1);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:6px;display:flex}.media-item.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.media-item img{object-fit:cover;border-radius:6px;flex:none;width:38px;height:54px}.media-item span{flex-direction:column;font-size:.85rem;font-weight:600;display:flex}.media-item small{color:var(--muted);font-weight:400}.preview-head{flex-direction:column;gap:10px;display:flex}.rarity-counts{flex-wrap:wrap;gap:6px;display:flex}.rarity-counts .chip[class*=rarity-]{border-color:var(--rc);color:var(--rc)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:6px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:5px 6px}.table tr.off{opacity:.4}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cell-input{border-radius:8px;min-width:120px;padding:5px 8px}.cell-input.num{min-width:80px;max-width:100px}.rarity-select{color:var(--rc);border-radius:8px;min-width:110px;padding:5px 8px;font-weight:700}.thumb{object-fit:cover;border-radius:6px;width:36px;height:50px;display:block}.thumb.empty{background:var(--glass-1);color:var(--muted);border:1px dashed var(--line);place-items:center;display:grid}.thumb-upload{cursor:pointer}.thumb-upload input{display:none}.config-item{gap:8px}.config-head{flex-direction:column;gap:2px;display:flex}.config-head .muted{font-size:.82rem}.config-item .inline-form textarea{flex:240px}.stats-list{flex-direction:column;gap:6px;display:flex}.player-row{gap:10px}.change-password{flex-direction:column;gap:8px;display:flex}.change-password input{padding:8px 10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card.face-down .card-inner{transform:none}.card.face-down .card-front{visibility:hidden}.card.face-down .card-back{transform:none}.card:not(.face-down) .card-back{visibility:hidden}}@media (pointer:coarse){input,select,textarea{font-size:16px}}