.gcard{aspect-ratio:5/7;color:#fff;background:linear-gradient(160deg, color-mix(in srgb, var(--cc,#555) 85%, #fff), var(--cc,#555) 55%, #111);border:3px solid var(--rc);cursor:default;border-radius:14px;flex-direction:column;justify-content:flex-end;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px -14px #000000b3}.gcard:not(.is-missing):not(.gcard--frag):not(.gcard--back){padding:calc(var(--fw) + 7%) calc(var(--fw) + 6%) calc(var(--fw) + 6%);border-width:0}.gcard:not(.is-missing):not(.gcard--frag):not(.gcard--back):after{content:"";z-index:1;pointer-events:none;padding:var(--fw);border-radius:inherit;background:linear-gradient(to bottom, #ffffff8c, #fff0 7%, #0000 93%, #00000073), linear-gradient(to right, #ffffff59, #fff0 8%, #0000 92%, #00000059), repeating-linear-gradient(90deg, #ffffff12 0 1px, #0000000d 1px 3px), var(--metal);-webkit-mask-composite:xor;background-size:100% 100%,100% 100%,100% 100%,220% 220%;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.gcard:not(.is-missing):not(.gcard--frag):not(.gcard--back):before{content:"";inset:var(--fw);z-index:1;pointer-events:none;border-radius:6px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 2px 7px #000000bf,0 0 0 1px #0000008c}.gcard__rar,.gcard__name,.gcard small,.gcard__dup,.gcard__review{z-index:2}.gcard:not(.is-missing):not(.gcard--frag):not(.gcard--back) .gcard__rar{top:calc(var(--fw) + 3%);left:calc(var(--fw) + 4%)}.gcard:not(.is-missing):not(.gcard--frag):not(.gcard--back) .gcard__dup{bottom:calc(var(--fw) + 3%);right:calc(var(--fw) + 3%)}@media (prefers-reduced-motion:reduce){.gcard:after{animation:none!important}}.gcard__art{color:#ffffff38;pointer-events:none;place-items:center;font-size:72px;font-weight:900;display:grid;position:absolute;inset:0}.gcard__rar{font-size:17px;line-height:1;position:absolute;top:6px;left:8px}.gcard__review{color:#111;background:#f59e0b;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;top:30px;right:8px}.gcard__dup{background:#0000008c;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;bottom:8px;right:8px}.gcard__name{text-shadow:0 1px 4px #0009;font-size:14px;font-weight:800;line-height:1.2;position:relative}.gcard small{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:11px;position:relative;overflow:hidden}.gcard.has-art{background-repeat:no-repeat}.gcard.has-art .gcard__art{display:none}.gcard.is-missing{background:repeating-linear-gradient(135deg, var(--card-bg), var(--card-bg) 8px, var(--bg) 8px, var(--bg) 16px);color:var(--text-muted);border-color:var(--border);filter:grayscale()}.gcard.is-missing .gcard__rar{opacity:.6}.gcard.is-missing .gcard__art{color:var(--border)}.gcard:not(.is-missing)[data-card]{cursor:pointer}.r-comun{--rc:#9ca3af}.r-rara{--rc:#3b82f6}.r-epica{--rc:#a855f7}.r-legendaria{--rc:#f59e0b}.r-ultra{--rc:#ec4899}.gcard.r-comun{--fw:3.6%;--metal:linear-gradient(135deg, #5b6170 0%, #d9dde5 22%, #6b7280 42%, color-mix(in srgb, var(--cc,#888) 20%, #c3c8d2) 58%, #4b5160 78%, #b8bdc8 100%)}.gcard.r-rara{--fw:4.4%;--metal:linear-gradient(135deg, #172b6b 0%, #bfdbfe 20%, #1d4ed8 40%, color-mix(in srgb, var(--cc,#888) 25%, #93c5fd) 56%, #1e3a8a 76%, #dbeafe 100%)}.gcard.r-epica{--fw:5%;--metal:linear-gradient(135deg, #3b0764 0%, #f5d0fe 20%, #7e22ce 40%, color-mix(in srgb, var(--cc,#888) 25%, #d8b4fe) 56%, #4c1d95 76%, #fae8ff 100%)}.gcard.r-legendaria{--fw:5.8%;--metal:linear-gradient(135deg, #6b3a02 0%, #fff4c2 16%, #d68a0c 32%, #fde68a 46%, color-mix(in srgb, var(--cc,#888) 18%, #b45309) 60%, #fff7d6 74%, #8a4b05 90%, #f5c451 100%)}.gcard.r-ultra{--fw:6.4%;--metal:linear-gradient(135deg, #e0e7ff 0%, #a5b4fc 12%, #f9a8d4 26%, #fff 36%, #7dd3fc 48%, color-mix(in srgb, var(--cc,#888) 25%, #c4b5fd) 58%, #fde68a 70%, #fff 80%, #c084fc 90%, #e0e7ff 100%)}.gcard.r-legendaria:not(.is-missing):after{animation:5s ease-in-out infinite gframe-shine}.gcard.r-ultra:not(.is-missing):after{animation:4s linear infinite gframe-shine}.gr--n{background-image:linear-gradient(#fff 0%,#d1d5db 45%,#6b7280 100%)}.gr--r{background-image:linear-gradient(#f0f9ff 0%,#93c5fd 45%,#1d4ed8 100%)}.gr--sr{background-image:linear-gradient(100deg,#f5d0fe 0%,#e879f9 25%,#a855f7 50%,#e879f9 75%,#f5d0fe 100%);background-size:200% 100%;animation:4s linear infinite gr-flow}.gr--ssr{filter:drop-shadow(0 1px 1px #0009)drop-shadow(0 0 3px #fbbf248c);background-image:linear-gradient(110deg,#b45309 0%,#f59e0b 30%,#fde047 42%,#fff 50%,#fde047 58%,#f59e0b 70%,#b45309 100%);background-size:300% 100%;animation:2.6s linear infinite gr-flow3}.gr--ur{-webkit-text-stroke-color:#4a044e;filter:drop-shadow(0 1px 1px #0000008c)drop-shadow(0 0 4px #f472b6bf);background-image:linear-gradient(90deg,#ff7ac6 0%,#f0abfc 14%,#c084fc 28%,#7dd3fc 44%,#a7f3d0 58%,#fde68a 72%,#fda4af 86%,#ff7ac6 100%);background-size:300% 100%;animation:3s linear infinite gr-flow3}.gcard.r-legendaria{box-shadow:inset 0 0 0 1px #fde68a,0 0 22px -4px #f59e0b}.gcard.r-ultra{border-color:#f472b6;box-shadow:inset 0 0 0 1px #fbcfe8,0 0 24px -3px #ec4899,0 0 40px -10px #a855f7}@keyframes gframe-shine{0%,to{background-position:0 0,0 0,0 0,0 0}50%{background-position:0 0,0 0,0 0,100% 100%}}@keyframes gr-flow{0%{background-position:0 0}to{background-position:200% 0}}@keyframes gr-flow3{0%{background-position:0 0}to{background-position:150% 0}}
