*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Poppins,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-24{bottom:6rem}.left-1\/2{left:50%}.right-1\.5{right:.375rem}.top-0{top:0}.top-1\.5{top:.375rem}.z-20{z-index:20}.z-30{z-index:30}.z-\[1000\]{z-index:1000}.z-\[60\]{z-index:60}.z-\[999\]{z-index:999}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-\[10px\]{margin-top:10px}.mt-\[7px\]{margin-top:7px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[54px\]{height:54px}.h-\[65px\]{height:65px}.h-full{height:100%}.min-h-dvh{min-height:100dvh}.w-10{width:2.5rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[65px\]{width:65px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[22px\]{min-width:22px}.max-w-\[330px\]{max-width:330px}.max-w-\[360px\]{max-width:360px}.max-w-\[600px\]{max-width:600px}.max-w-\[64px\]{max-width:64px}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:.375rem}.gap-3{gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-\[9px\]{row-gap:9px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-clip{overflow-x:clip}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded-2xl{border-radius:1rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-\[\#f7f7f8\]{--tw-border-opacity:1;border-color:rgb(247 247 248/var(--tw-border-opacity))}.border-red-500\/30{border-color:rgba(239,68,68,.3)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.bg-\[\#080b12\]{--tw-bg-opacity:1;background-color:rgb(8 11 18/var(--tw-bg-opacity))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/\[0\.42\]{background-color:rgba(0,0,0,.42)}.bg-gold{--tw-bg-opacity:1;background-color:rgb(255 220 0/var(--tw-bg-opacity))}.bg-navy-dark{--tw-bg-opacity:1;background-color:rgb(17 23 36/var(--tw-bg-opacity))}.bg-red-500\/10{background-color:rgba(239,68,68,.1)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-left{-o-object-position:left;object-position:left}.p-12{padding:3rem}.p-3\.5{padding:.875rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pt-3\.5{padding-top:.875rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.tracking-wide{letter-spacing:.025em}.\!text-red-400{--tw-text-opacity:1!important;color:rgb(248 113 113/var(--tw-text-opacity))!important}.text-gold{--tw-text-opacity:1;color:rgb(255 220 0/var(--tw-text-opacity))}.text-muted{--tw-text-opacity:1;color:rgb(158 167 182/var(--tw-text-opacity))}.text-navy-deep{--tw-text-opacity:1;color:rgb(8 14 27/var(--tw-text-opacity))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-soft{--tw-text-opacity:1;color:rgb(215 217 222/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.placeholder-white\/40::-moz-placeholder{color:hsla(0,0%,100%,.4)}.placeholder-white\/40::placeholder{color:hsla(0,0%,100%,.4)}.accent-gold{accent-color:#ffdc00}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-navy-deep\/20{--tw-ring-color:rgba(8,14,27,.2)}.ring-white\/10{--tw-ring-color:hsla(0,0%,100%,.1)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.drop-shadow-xl,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2\.15px\]{--tw-backdrop-blur:blur(2.15px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}body,html{padding:0;margin:0;background:#080b12;color:#f7f7f8;font-family:Poppins,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.persib-header{background-image:linear-gradient(120deg,#0d2c6b,#123d91 55%,#1b4fb8)}.panel-blue{background-image:linear-gradient(100deg,#111724,#14224d 60%,#123d91 130%)}.collection-summary{background:linear-gradient(96deg,#080e1b 1%,#123d91)}.card-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,hsla(0,0%,100%,.35) 50%,transparent 60%)}@keyframes cardFloat{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}.card-float{animation:cardFloat 3.6s ease-in-out infinite}.card-back-tex{background-color:#123d91;background-image:radial-gradient(120% 80% at 30% 10%,hsla(0,0%,100%,.22),transparent 55%),radial-gradient(90% 70% at 90% 100%,rgba(6,20,60,.85),transparent 60%),linear-gradient(160deg,#1b4fb8,#123d91 45%,#0a2461)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/poppins-latin-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Persib Custom Bold;src:url(/assets/fonts/Persib_Custom_Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}.font-persib{font-family:Persib Custom Bold,Poppins,sans-serif;letter-spacing:.01em}.nav-item{position:relative;display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9ea7b6;transition:color .15s}.nav-item.is-active{color:#ffdc00}.nav-item:before{position:absolute;top:0;width:56px;height:2px;border-radius:2px;background:#ffdc00;content:"";opacity:0}.nav-item.is-active:before{opacity:1}.nav-icon{display:block;width:19px;height:19px;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.nav-icon-collection{-webkit-mask-image:url(/assets/icons/nav-collection.svg);mask-image:url(/assets/icons/nav-collection.svg);transform:rotate(90deg)}.nav-icon-ranking{-webkit-mask-image:url(/assets/icons/nav-ranking.svg);mask-image:url(/assets/icons/nav-ranking.svg)}.nav-icon-scan{-webkit-mask-image:url(/assets/icons/nav-scan.svg);mask-image:url(/assets/icons/nav-scan.svg)}.nav-icon-reward{width:18px;-webkit-mask-image:url(/assets/icons/nav-reward.svg);mask-image:url(/assets/icons/nav-reward.svg)}.nav-icon-profile{-webkit-mask-image:url(/assets/icons/nav-profile.svg);mask-image:url(/assets/icons/nav-profile.svg)}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:8px;border-bottom:1px solid #9ea7b6}.filter-list{display:flex;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:none}.filter-list::-webkit-scrollbar{display:none}.filter-pill{display:inline-flex;height:22px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;border:1px solid #9ea7b6;border-radius:999px;min-width:60px;padding:0 10px;background:rgba(18,61,145,.26);color:#9ea7b6;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.filter-pill.is-active{border-color:#ffdc00;background:#ffdc00;color:#111724}.filter-pill.is-active[data-filter=Basic]{border-color:#f7f7f8;background:#123d91;color:#f7f7f8}.filter-pill.is-active[data-filter=Special]{border-color:#123d91;background:url(/assets/icons/special-active.jpg) 50%/cover;color:#123d91}.card-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px}.flip-trigger{display:inline-flex;height:22px;align-items:center;justify-content:center;gap:6px;border:1px solid #9ea7b6;border-radius:999px;padding:0 10px;color:#9ea7b6;font-size:12px;font-weight:500}.flip-trigger:after{width:16px;height:16px;background:currentColor;content:"";-webkit-mask:url(/assets/icons/flip-icon.svg) center/contain no-repeat;mask:url(/assets/icons/flip-icon.svg) center/contain no-repeat}.flip-trigger.is-active{border-color:#ffdc00;background:#ffdc00;color:#111724}.basic-filter-item{display:inline-flex;min-width:60px;height:27px;align-items:center;justify-content:center;border:0;border-bottom:1px solid transparent;padding:0 4px 5px;background:transparent;color:#9ea7b6;font-size:12px;font-weight:500;line-height:20px;white-space:nowrap}.basic-filter-item.is-active{border-bottom-color:#ffdc00;color:#f7f7f8;font-weight:600}.lock-mark{position:absolute;z-index:2;top:50%;left:50%;width:39px;height:52px;transform:translate(-50%,-50%)}.lock-mark img{display:block;width:100%;height:100%}.detail-close{position:fixed;z-index:1001;top:72px;right:max(16px,calc((100vw - 600px) / 2 + 16px));width:24px;height:24px;border:0;padding:0;background:transparent}.detail-close img{display:block;width:100%;height:100%}.detail-card-modal{position:relative;min-height:812px;width:100%;max-width:600px}.detail-card-stage{top:127px;left:50%;width:278px;height:388px}.detail-card-stage,.detail-toggle{position:absolute;transform:translateX(-50%)}.detail-toggle{top:538px;left:calc(50% + 132px);width:16px;height:16px;border:0;padding:0;background:transparent;transition:transform .18s ease}.detail-toggle svg{display:block;width:100%;height:100%}.detail-card-modal.is-expanded .detail-toggle{transform:translateX(-50%) rotate(180deg)}.detail-card-info{position:absolute;top:567px;right:16px;left:16px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.detail-card-modal.is-expanded .detail-card-info{opacity:1;transform:translateY(0);pointer-events:auto}.detail-card-divider{width:100%;height:1px;background:#9ea7b6}.detail-card-meta-row{display:flex;height:45px;align-items:center;justify-content:space-between}.detail-card-badges{display:flex;gap:8px}.detail-count,.detail-rarity,.detail-unowned-pill{display:inline-flex;height:30px;align-items:center;justify-content:center;border:1px solid #f7f7f8;border-radius:999px;color:#f7f7f8;font-size:13px}.detail-rarity{width:auto;min-width:60px;padding:0 12px}.detail-rarity.is-basic{background:#123d91}.detail-rarity.is-gold{border-color:#9ea7b6;background:#ffdc00;color:#111724}.detail-rarity.is-special{border-color:#123d91;background:url(/assets/icons/special-active.jpg) 50%/cover;color:#123d91}.detail-count{width:60px;gap:8px}.detail-copy-icon{width:19px;height:18px;background:currentColor;-webkit-mask:url(/assets/icons/nav-collection.svg) center/contain no-repeat;mask:url(/assets/icons/nav-collection.svg) center/contain no-repeat;transform:rotate(90deg)}.detail-delete{position:absolute;top:532px;left:calc(50% - 139px);width:22px;height:24px;border:0;padding:0;background:transparent}.detail-delete img{width:100%;height:100%}.detail-card-info h2{margin:9px 0 5px;color:#f7f7f8;font-size:32px;font-weight:800;line-height:34px;letter-spacing:-.4px}.detail-role{display:flex;align-items:center;gap:6px;margin:0;color:#d7d9de;font-size:17px;font-weight:500;line-height:20px}.detail-role strong{color:#ffdc00;font-weight:700}.detail-unowned-status{position:absolute;top:552px;right:16px;left:16px;display:flex;flex-direction:column;align-items:center}.detail-unowned-pill{width:148px;font-weight:600}.detail-unowned-status p{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px 0 0;color:#d7d9de;font-size:12px;font-weight:600}.detail-unowned-status p img{width:10px;height:15px}.delete-dialog{position:fixed;z-index:1002;inset:0;background:rgba(0,0,0,.42)}.delete-dialog,.delete-dialog-panel{display:flex;align-items:center;justify-content:center}.delete-dialog-panel{width:301px;min-height:199px;flex-direction:column;gap:18px;border-radius:5px;padding:20px 33px;background:#f7f7f8;box-shadow:0 0 13px rgba(0,0,0,.44)}.delete-dialog-icon{width:26px;height:28px;flex:0 0 auto}.delete-dialog-panel p{width:236px;margin:0;color:#080e1b;font-size:16px;font-weight:600;line-height:20px;text-align:center}.delete-scan-button{width:194px;height:40px;flex:0 0 auto;border:1px solid #123d91;border-radius:999px;background:#123d91;color:#f7f7f8;font-size:13px;font-weight:600}.ranking-page{width:calc(100% - 32px);margin:0 auto;padding:14px 0 0;text-align:center}.ranking-page h2{margin:0;color:#f7f7f8;font-size:32px;font-weight:800;line-height:38px;letter-spacing:-.8px}.ranking-subtitle{margin:3px 0 0;color:#f7f7f8;font-size:12px;line-height:22px}.ranking-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}.ranking-filter{height:30px;border:1px solid #9ea7b6;border-radius:999px;background:#111724;color:#9ea7b6;font-size:12px;font-weight:500}.ranking-filter.is-active{border-color:#ffdc00;background:#ffdc00;color:#111724}.ranking-filter.is-active[data-ranking-filter=Basic]{border-color:#f7f7f8;background:#123d91;color:#f7f7f8}.ranking-filter.is-active[data-ranking-filter=Special]{border-color:#123d91;background:url(/assets/icons/special-active.jpg) 50%/cover;color:#123d91}.ranking-podium{display:flex;align-items:flex-end;justify-content:center;gap:13px;margin-top:33px}.podium-column{width:92px;flex:0 0 92px;gap:8px}.podium-column,.podium-profile{display:flex;flex-direction:column;align-items:center}.podium-profile{width:58px;gap:4px}.podium-avatar{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border:1px solid #f7f7f8;border-radius:50%;background:#111724;color:#f7f7f8;font-size:20px;font-weight:800}.podium-profile>span{max-width:58px;overflow:hidden;color:#f7f7f8;font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.podium-block{display:flex;width:92px;flex-direction:column;align-items:center;border-radius:4px}.podium-rank-1 .podium-block{height:199px;background:#ffdc00;color:#123d91}.podium-rank-2 .podium-block{height:155px;background:#1747a3;color:#f7f7f8}.podium-rank-3 .podium-block{height:134px;background:#d7d9de;color:#080e1b}.podium-award{display:block;width:46px;height:46px;margin-top:9px}.podium-rank-1 .podium-award{width:58px;height:58px;margin-top:17px}.podium-block strong{margin-top:auto;font-size:40px;font-weight:800;line-height:48px}.podium-block>span{margin-bottom:9px;font-size:20px;font-weight:500;line-height:28px}.ranking-table{margin-top:20px;color:#f7f7f8;font-size:12px;text-align:left}.ranking-table-head,.ranking-table-row{display:grid;grid-template-columns:72px 1fr 45px;align-items:center}.ranking-table-head{height:24px;border-bottom:1px solid #9ea7b6;font-weight:500}.ranking-table-head>span:last-child,.ranking-table-row>strong:last-child{text-align:right}.ranking-table-row{height:29px;border-bottom:1px solid rgba(158,167,182,.6)}.ranking-table-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-table-row>strong:first-child{padding-left:12px}.profile-page{display:flex;width:calc(100% - 32px);margin:0 auto;padding:0;flex-direction:column;gap:16px}.profile-identity{display:flex;width:100%;height:92px;flex:0 0 92px;align-items:center;gap:9px;padding:0 16px;border-radius:4px;background:linear-gradient(96.14deg,#080e1b 1.13%,#123d91)}.profile-identity img{width:41px;height:41px}.profile-identity strong{color:#f7f7f8;font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.408px}.profile-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-overview-card{display:flex;min-width:0;height:110px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #9ea7b6;border-radius:4px}.profile-overview-icon{width:15px;height:15px;-o-object-fit:contain;object-fit:contain}.profile-overview-card:first-child .profile-overview-icon{transform:rotate(-90deg)}.profile-overview-card strong{margin-top:9px;color:#ffdc00;font-size:48px;font-weight:800;line-height:42px;letter-spacing:-.408px}.profile-overview-card span{margin-top:5px;color:#9ea7b6;font-size:12px;line-height:18px;letter-spacing:-.408px}.profile-page>h2{margin:0;color:#d7d9de;font-size:12px;font-weight:500;line-height:22px;letter-spacing:-.408px}.profile-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.profile-category-card{display:flex;min-width:0;height:136px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #9ea7b6;border-radius:4px}.profile-category-pill{display:inline-flex;height:30px;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;font-size:12px;font-weight:500;line-height:20px;letter-spacing:-.06px}.profile-category-pill.is-basic{border:1px solid #f7f7f8;background:#123d91;color:#f7f7f8}.profile-category-pill.is-gold{border:1px solid #9ea7b6;background:#ffdc00;color:#111724}.profile-category-pill.is-special{border:1px solid #123d91;background:url(/assets/icons/special-active.jpg) 50%/cover;color:#123d91}.profile-category-count{display:flex;margin:13px 0 0;align-items:baseline;justify-content:center;color:#f7f7f8;letter-spacing:-.408px}.profile-category-count strong{font-size:48px;font-weight:800;line-height:42px}.profile-category-count span{color:#d7d9de;font-size:16px;font-weight:800;line-height:22px}.profile-category-owned{margin-top:5px;color:#9ea7b6;font-size:12px;line-height:18px;letter-spacing:-.408px}.podium-block strong,.profile-category-count span,.profile-category-count strong,.profile-overview-card strong,.ranking-page h2,.scan-heading h2{font-family:Persib Custom Bold,Poppins,sans-serif;font-weight:700}.scan-page{width:calc(100% - 32px);margin:0 auto;padding:14px 0 0;gap:17px;text-align:center}.scan-heading,.scan-page{display:flex;flex-direction:column;align-items:center}.scan-heading{gap:3px}.scan-heading h2{margin:0;color:#f7f7f8;font-size:32px;font-weight:800;line-height:38px;letter-spacing:-.4px}.scan-heading p{margin:0;color:#f7f7f8;font-size:12px;line-height:22px}.scan-camera-frame{position:relative;display:flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;overflow:hidden;border:3px solid #9ea7b6;border-radius:4px;background:#000}.scan-camera-frame #qr-reader,.scan-camera-frame video{position:absolute;inset:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}.scan-camera-frame #qr-reader{border:0!important;padding:0!important}.scan-camera-frame #qr-reader__dashboard,.scan-camera-frame #qr-reader__scan_region img,.scan-camera-frame #qr-shaded-region,.scan-camera-frame canvas,.scan-camera-frame img[alt="Camera based scan"],.scan-camera-frame img[alt="Info icon"]{display:none!important}.scan-camera-frame #qr-reader__scan_region{position:absolute!important;inset:0!important}.scan-camera-empty{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#9ea7b6}.scan-camera-empty img{width:70px;height:59px}.scan-camera-empty p{margin:0;font-size:12px;line-height:22px}.scan-camera-empty.is-starting img{animation:camera-pulse .9s ease-in-out infinite alternate}.scan-target{position:absolute;inset:38px;z-index:1;box-shadow:0 0 0 999px hsla(223,6%,51%,.48);pointer-events:none}.scan-corner{position:absolute;width:58px;height:58px;border:0 solid #f7f7f8}.scan-corner.is-top-left{top:0;left:0;border-top-width:3px;border-left-width:3px;border-top-left-radius:10px}.scan-corner.is-top-right{top:0;right:0;border-top-width:3px;border-right-width:3px;border-top-right-radius:10px}.scan-corner.is-bottom-left{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:10px}.scan-corner.is-bottom-right{right:0;bottom:0;border-right-width:3px;border-bottom-width:3px;border-bottom-right-radius:10px}.scan-line{position:absolute;top:calc(0% + 40px);left:40px;right:40px;z-index:2;height:2px;background:#ffdc00;box-shadow:0 0 10px #ffdc00;pointer-events:none;animation:scan 2s ease-in-out infinite}.scan-camera-button{display:flex;width:100%;height:41px;align-items:center;justify-content:center;gap:10px;border:1px solid #9ea7b6;border-radius:4px;background:#9ea7b6;color:#f7f7f8;font-size:12px;font-weight:600}.scan-camera-button img{width:21px;height:18px}.scan-camera-button.is-active{background:transparent}.scan-camera-button:disabled{cursor:wait;opacity:.7}@keyframes camera-pulse{to{opacity:.45}}@keyframes scan{0%,to{top:calc(0% + 40px)}50%{top:calc(100% - 40px)}}.reward-page{width:calc(100% - 32px);margin:0 auto;padding:14px 0 0}.reward-heading{text-align:center}.reward-heading h2{margin:0;color:#f7f7f8;font-size:32px;font-weight:800;line-height:38px;letter-spacing:-.408px;font-family:Persib Custom Bold,Poppins,sans-serif}.reward-heading p{margin:2px 0 0;color:#f7f7f8;font-size:12px;line-height:22px;letter-spacing:-.408px}.reward-divider{width:100%;height:1px;margin:17px 0;background:#9ea7b6}.reward-list{display:flex;flex-direction:column;gap:7px}.reward-card{position:relative;display:block;width:100%;height:92px;overflow:hidden;border-radius:4px;padding:0;border:0;background:linear-gradient(272deg,#111724,#123d91 67.59%);color:#f7f7f8;text-align:left}.reward-card.is-claimable{background:linear-gradient(96deg,#123d91 48%,#ffdc00);box-shadow:0 0 3.15px #ffdc00}.reward-card-art{position:absolute;inset:0 auto 0 0;width:28.5%;overflow:visible;background:#0b1220}.reward-card-art:after{position:absolute;z-index:1;top:0;bottom:0;left:35%;width:100%;content:""}.reward-card-art:after,.reward-card.is-claimable .reward-card-art:after{background:linear-gradient(90deg,rgba(18,61,145,0),#123d91 62%)}.reward-card-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reward-card-content{position:absolute;z-index:1;top:15px;right:16px;left:34%;display:flex;min-width:0;flex-direction:column}.reward-card-content strong{font-size:15px;font-weight:600;line-height:20px}.reward-card-content strong,.reward-card-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-card-description{margin-top:1px;font-size:11px;font-weight:500;line-height:16px}.reward-card-content small{position:absolute;top:60px;left:0;color:#d7d9de;font-size:8px;line-height:10px}.reward-progress{display:flex;min-width:0;align-items:center;gap:12px}.reward-progress.is-card{margin-top:5px}.reward-progress-track{position:relative;display:block;min-width:0;height:7px;flex:1;overflow:hidden;border:1px solid #123d91;border-radius:16px;background:#9ea7b6}.reward-progress.is-sheet .reward-progress-track{height:10px}.reward-progress-track>span{display:block;height:100%;border-radius:inherit;background:#ffdc00}.reward-progress-count{width:34px;flex:0 0 34px;color:#f7f7f8;font-size:12px;font-weight:400;line-height:18px;letter-spacing:-.408px;white-space:nowrap}.reward-status{align-self:flex-end;display:inline-flex;height:20px;align-items:center;justify-content:center;margin-top:7px;border-radius:15px;padding:0 12px;font-size:12px;font-weight:600}.reward-status.is-claimable{border:1px solid #123d91;background:#ffdc00;color:#123d91}.reward-status.is-claimed{background:#9ea7b6;color:#111724}.reward-card-chevron{position:absolute;z-index:3;top:0;right:0;display:grid;width:20px;height:20px;place-items:center;border-radius:0 4px 0 4px;background:rgba(158,167,182,.72)}.reward-card-chevron img{width:9px;height:6px;transform:rotate(-90deg)}.reward-card-shade{position:absolute;z-index:2;inset:0;background:rgba(0,0,0,.42);filter:grayscale(1);pointer-events:none}.reward-sheet-backdrop{position:fixed;z-index:55;inset:0 max(0px,calc((100vw - 600px) / 2));display:flex;align-items:flex-end;background:rgba(0,0,0,.58)}.reward-sheet{width:100%;height:auto;overflow:hidden;border-radius:24px 24px 0 0;padding:0 0 28px;background:#fff;box-shadow:0 0 6.5px rgba(0,0,0,.44);color:#080e1b;text-align:center;animation:reward-sheet-enter .24s ease-out both}.reward-sheet-handle{display:flex;height:12px;align-items:flex-end;justify-content:center;padding-top:8px}.reward-sheet-handle span{width:60px;height:4px;border-radius:99px;background:#d7d9de}.reward-sheet-header{display:flex;width:100%;align-items:center;gap:15px;padding:28px 16px 20px;flex-direction:column}.reward-sheet-header h2,.reward-sheet-prize h3{margin:0;color:#080e1b;font-weight:600}.reward-sheet-header h2{font-size:20px;line-height:26px}.reward-sheet-header p,.reward-sheet-prize p{width:80%;margin:0;color:#080e1b;font-size:12px;font-weight:500;line-height:16px}.reward-progress.is-sheet{width:95%}.reward-progress.is-sheet .reward-progress-count{color:#123d91}.reward-sheet-header p.is-complete strong{display:block;font-weight:700}.reward-sheet-header p.is-complete span{display:block}.reward-sheet-divider{width:calc(100% - 32px);height:1px;margin:0 auto;background:#d7d9de}.reward-sheet-prize{display:flex;width:100%;align-items:center;gap:15px;padding:20px 16px;flex-direction:column}.reward-sheet-prize h3{font-size:16px;line-height:21px}.reward-sheet-action{display:flex;width:51.74%;height:40px;margin:0 auto;align-items:center;justify-content:center;border:1px solid #123d91;border-radius:999px;background:#ffdc00;color:#123d91;font-size:13px;font-weight:600}.reward-sheet-action.is-claimed,.reward-sheet-action:disabled{border-color:#9ea7b6;background:#9ea7b6;color:#f7f7f8}@keyframes reward-sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.scan-result-page{position:relative;display:flex;width:calc(100% - 32px);margin:0 auto;min-height:calc(100dvh - 200px);padding:26px 0;justify-content:center;flex-direction:column;text-align:center}.scan-result-claimed,.scan-result-detail{align-items:center}.scan-card-identity{display:flex;width:100%;flex-direction:column;align-items:center;gap:16px}.scan-result-card{display:block;width:43.44%;height:auto;aspect-ratio:149/209;-o-object-fit:cover;object-fit:cover;overflow:hidden}.scan-card-type{display:inline-flex;height:30px;align-items:center;justify-content:center;border:1px solid #f7f7f8;border-radius:999px;padding:0 12px;background:#123d91;color:#f7f7f8;font-size:12px;font-weight:500}.scan-card-identity h2{width:100%;margin:-2px 0 0;color:#f7f7f8;font-size:30px;font-weight:800;line-height:34px;letter-spacing:-.4px;font-family:Persib Custom Bold,Poppins,sans-serif}.scan-player-role{display:flex;align-items:center;gap:6px;margin:-10px 0 0;color:#d7d9de;font-size:17px;font-weight:500;line-height:20px}.scan-player-role strong{color:#ffdc00;font-weight:700}.scan-result-divider{width:100%;height:1px;margin-top:15px;background:#9ea7b6}.scan-result-actions{display:flex;width:100%;align-items:center}.scan-result-actions.is-stacked{margin-top:14px;flex-direction:column;gap:14px}.scan-result-actions p{margin:0;color:#ffdc00;font-size:13px;line-height:22px}.scan-claimed-actions button,.scan-result-actions button{display:flex;width:100%;height:40px;align-items:center;justify-content:center;gap:8px;border:1px solid #9ea7b6;border-radius:999px;background:transparent;color:#f7f7f8;font-size:13px;font-weight:600}.scan-claimed-actions button.is-primary,.scan-result-actions button.is-primary{border-color:#123d91;background:#123d91}.scan-result-actions button .scan-claim-icon{width:20px;height:20px}.scan-success-panel{display:flex;width:100%;aspect-ratio:343/393;margin:0 auto;padding:24px 0 35px;align-items:center;justify-content:center;border-radius:5px;background:linear-gradient(91.5deg,#111724 1%,#123d91);flex-direction:column}.scan-success-icon{width:52px;height:52px}.scan-success-panel h2{margin:13px 0 0;color:#ffdc00;font-size:18px;font-weight:600;line-height:25px}.scan-success-panel p{margin:5px 0 13px;color:#d7d9de;font-size:12px;line-height:17px}.scan-success-panel .scan-result-card{width:43.44%}.scan-claimed-actions{display:flex;width:100%;margin:21px auto 0;gap:9px}.scan-owned-delete{position:absolute;top:0;right:0;z-index:2;display:grid;width:36px;height:36px;place-items:center;border:1.5px solid #d7d9de;border-radius:50%;padding:0;background:transparent}.scan-owned-delete img{width:20px;height:22px}.scan-case-overlay{position:fixed;z-index:50;inset:0 max(0px,calc((100vw - 600px) / 2));padding:16px;background:rgba(0,0,0,.58)}.scan-case-overlay,.scan-status-dialog{display:flex;align-items:center;justify-content:center}.scan-status-dialog{width:301px;min-height:199px;border-radius:5px;padding:21px 33px;background:#f7f7f8;box-shadow:0 0 13px rgba(0,0,0,.44);color:#080e1b;flex-direction:column}.scan-status-dialog>img{width:28px;height:28px}.scan-status-dialog h2{margin:18px 0 0;font-size:17px;font-weight:600;line-height:20px;color:#080e1b}.scan-status-dialog p{width:215px;margin:8px 0 0;font-size:12px;font-weight:400;line-height:16px;color:#080e1b;text-align:center}.scan-status-dialog p strong{font-weight:700}.scan-status-dialog button{width:194px;height:40px;margin-top:16px;border:1px solid #123d91;border-radius:999px;background:#123d91;color:#f7f7f8;font-size:13px;font-weight:600}.delete-dialog-actions{display:flex;width:236px;gap:8px}.delete-dialog-actions button{width:112px;height:40px;border:1px solid #080e1b;border-radius:999px;background:transparent;color:#080e1b;font-size:13px;font-weight:600}.delete-dialog-actions button.is-cancel{border-color:#123d91;background:#123d91;color:#f7f7f8}.scan-result-claimed,.scan-result-detail{animation:scan-card-enter .32s cubic-bezier(.2,.8,.2,1) both}@keyframes scan-card-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.reward-toast{animation:reward-toast-enter .2s ease-out both}@keyframes reward-toast-enter{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.focus\:border-gold\/70:focus{border-color:rgba(255,220,0,.7)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.98\]:active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.disabled\:opacity-50:disabled{opacity:.5}