.collection-page{width:100vw;min-height:100vh;height:auto;display:flex;flex-direction:column;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.collection-page::-webkit-scrollbar{display:none}.collection-page .page-container{width:100vw;height:1000vh;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 20vw;position:relative}.collection-sections{width:100%;display:flex;flex-direction:column}.rarity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(10vw,20vh),1fr));gap:1vw;justify-items:stretch}.card-block{height:20vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-block.uncollected{color:#1e1e1e;background:#dfdfdf;border:5px solid #1e1e1e}.card-placeholder{width:100%;height:100%;position:relative}.card-placeholder:before{content:"?";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10vh;font-weight:700;color:#666;animation:flicker-card 1.5s infinite ease-in-out}@keyframes flicker-card{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.card-content{width:100%;height:100%;z-index:1000}.card-content .card-meta{font-size:1.2vh;font-weight:900;color:#1e1e1e;padding:1vh}.card-content .card-text{font-size:1.5vh;background:#1e1e1e;font-weight:900;color:#dfdfdf;padding:1vh;align-items:center;justify-content:center}.floating-open-btn{position:absolute;left:1vw;top:12vh;z-index:10;width:6vw;height:16vh;overflow:hidden;background:transparent;cursor:pointer;z-index:900}.floating-open-btn:hover{filter:brightness(1.03)}.floating-open-btn:active{transform:translateY(1px)}.bg-grid{position:absolute;width:100vw;height:100vh;--line: 1px;--gap-short: 1vw - 1px;--gap-long: 4vw - 1px;background:repeating-linear-gradient(90deg,#a4acaa50 0 calc(var(--line)),transparent calc(var(--line)) calc(var(--line) + var(--gap-short)),#a4acaa50 calc(var(--line) + var(--gap-short)) calc(2 * var(--line) + var(--gap-short)),transparent calc(2 * var(--line) + var(--gap-short)) calc(2 * var(--line) + var(--gap-short) + var(--gap-long))),repeating-linear-gradient(#a4acaa50 0 calc(var(--line)),transparent calc(var(--line)) calc(var(--line) + var(--gap-short)),#a4acaa50 calc(var(--line) + var(--gap-short)) calc(2 * var(--line) + var(--gap-short)),transparent calc(2 * var(--line) + var(--gap-short)) calc(2 * var(--line) + var(--gap-short) + var(--gap-long)));background-position:left top,left top;background-repeat:repeat,repeat}.bg-stripe{--rarity-start: #ffffff;--rarity-end: #1e1e1e;--rarity-gradient: linear-gradient(90deg, var(--rarity-start), var(--rarity-end))}.bg-stripe.rarity-r{--rarity-start: #80dda4;--rarity-end: #143c9d;--rarity-gradient: linear-gradient(90deg, var(--rarity-start), var(--rarity-end))}.bg-stripe.rarity-sr{--rarity-start: #e680dc;--rarity-end: #7439e1;--rarity-gradient: linear-gradient(90deg, var(--rarity-start), var(--rarity-end))}.bg-stripe.rarity-sp{--rarity-start: #f8a569;--rarity-end: #f84e6b;--rarity-gradient: linear-gradient(90deg, var(--rarity-start), var(--rarity-end))}.bg-stripe.rarity-ssr{--rarity-gradient: conic-gradient(from 90deg, #ff0080, #ff8c00, #ffbb00, #ffee00, #4de94c, #00cfff, #006eff, #8a2be2, #ff0080)}.bg-stripe{position:absolute;width:100vw;height:10vh;background:var(--rarity-gradient);z-index:100;font-size:8vh;font-weight:800;align-items:center;justify-content:center;display:flex;color:#f8f8f8;pointer-events:none;will-change:transform;white-space:nowrap}.collection-sections .collection-section.rarity-ssr{margin-top:40vh}#stripe-1{top:30vh;left:-20vw}#stripe-2{width:100vh;height:3vh;right:-20vw;top:50vh;z-index:80}#stripe-3{top:60vh;height:2vh;z-index:70}.collection-sections .collection-section.rarity-sp{margin-top:15vh}#stripe-4{top:66.5vh}#stripe-5{width:80vh;height:3vh;right:60vw;top:96vh;z-index:60}#stripe-6{top:117.5vh;width:100vw;rotate:180deg;height:2vh}.collection-sections .collection-section.rarity-sr{margin-top:15vh}#stripe-7{top:145.5vh}#stripe-8{width:80vh;height:3vh;left:60vw;top:174vh;z-index:60}#stripe-9{top:217.5vh;height:2vh}.collection-sections .collection-section.rarity-r{margin-top:15vh;margin-bottom:190vh}#stripe-10{top:224vh}#stripe-11{width:80vh;height:3vh;left:60vw;top:240vh;z-index:60}#stripe-11a{width:80vh;height:3vh;right:60vw;top:280vh;z-index:60}#stripe-11b{width:80vh;height:3vh;right:60vw;top:320vh;z-index:60}#stripe-12{top:376.5vh;height:2vh}#stripe-13{top:422vh;height:10vh;background:#1e1e1e;color:#f8f8f8;font-size:3vh}#stripe-14{bottom:0;height:20vh;background:#1e1e1e;color:#f8f8f8;font-size:3vh}.bg-block{position:absolute;width:15vw;height:79.6vh;top:9.8vh;background:#1e1e1e}#left{left:0}#right{right:0}.hud-overlay{position:fixed;inset:0;pointer-events:none;z-index:9000;font-family:Novecento Wide,Noto Sans SC,sans-serif;color:#111}.hud-header{position:absolute;bottom:2vh;left:2vw;right:2vw;height:5.5vh;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1vw}.hud-brand{font-weight:700;letter-spacing:.12em;font-size:1.8vh;font-weight:900}.hud-status{position:absolute;left:13vw;top:0;font-weight:500;font-size:1.4vh;letter-spacing:.08em}.hud-time{display:flex;gap:1vw;align-items:baseline}.hud-date{font-size:1.4vh;font-weight:500}.hud-clock{font-size:2.2vh;font-weight:700}.hud-right{position:absolute;top:9vh;right:5vw;width:20vw;display:flex;flex-direction:column;gap:2vh}.hud-meter-label{font-size:1.2vh;font-weight:700;letter-spacing:.1em}.hud-meter-bar{width:100%;height:1.4vh;border:3px solid #dfdfdf;position:relative;background:#dfdfdf}.hud-meter-fill{position:absolute;left:0;top:0;bottom:0;background:#1e1e1e}.hud-meter-numbers{font-size:2vh;font-weight:700;margin-top:.6vh}.hud-codes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6vh .6vw;font-weight:500}.hud-code{font-size:1.2vh;border:3px solid #111;background:#dfdfdf;padding:.4vh .5vw}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}