.collection-page{min-height:900px;padding:70px 24px 120px;background:radial-gradient(circle at 85% 0,#263f79 0,transparent 28%),radial-gradient(circle at 5% 30%,#16585e 0,transparent 24%),#08111e}.collection-hero{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px}.collection-hero h1{font:900 clamp(48px,7vw,76px)/1 'Exo 2';margin:0}.collection-hero p{max-width:650px;color:#9fb0c7;font-size:17px;line-height:1.7}.collection-score{text-align:center}.score-ring{--score:0deg;width:145px;height:145px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#0c192a 58%,transparent 60%),conic-gradient(#30e7d0 var(--score),#ffffff12 0);box-shadow:0 0 35px #30e7d030}.score-ring strong{font:900 42px 'Exo 2'}.score-ring span{font:800 9px 'Exo 2';letter-spacing:1px;color:#92a6bf}.collection-score>b{display:block;margin-top:10px;color:#30e7d0;font:800 11px 'Exo 2'}.collection-stats{max-width:1200px;margin:35px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-stats>div{display:grid;grid-template-columns:55px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:16px 20px;border:1px solid #ffffff16;border-radius:16px;background:#101d2dcc}.collection-stats span{grid-row:1/3;font-size:32px}.collection-stats strong{font:900 23px 'Exo 2'}.collection-stats small{color:#879bb4}.album-toolbar{max-width:1200px;margin:35px auto 20px;display:flex;justify-content:space-between;align-items:center}.album-toolbar>div{display:flex;gap:7px}.album-toolbar button{padding:10px 15px;border:1px solid #ffffff1d;border-radius:20px;background:#101d2d;color:#99abc1;font-weight:800;cursor:pointer}.album-toolbar button.active{background:#30e7d0;color:#07111e}.album-toolbar>span{font:900 10px 'Exo 2';letter-spacing:2px;color:#ffd43b}.album-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.album-slot{position:relative;min-height:345px;border-radius:19px}.lock-face,.owned-face{position:absolute;inset:0;border-radius:19px}.lock-face{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ffffff16;background:linear-gradient(145deg,#111d2d,#09121e);color:#53657b}.lock-face>span{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#ffffff08;font:900 55px 'Exo 2'}.lock-face small{margin-top:20px}.lock-face b{font:900 9px 'Exo 2';letter-spacing:2px;margin-top:5px}.owned-face{display:none;overflow:hidden;padding:18px;border:2px solid var(--accent);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 31%),linear-gradient(145deg,#17283e,#08131f);box-shadow:0 12px 32px #0005;transition:.25s}.owned .lock-face{display:none}.owned .owned-face{display:block}.owned-face:hover{transform:translateY(-7px);box-shadow:0 18px 40px #0007,0 0 24px color-mix(in srgb,var(--accent) 35%,transparent)}.album-number{font:800 10px 'Exo 2';color:#a7b8cb}.album-creature{height:185px;display:grid;place-items:center;font-size:90px;filter:drop-shadow(0 12px 17px color-mix(in srgb,var(--accent) 55%,transparent))}.owned-face small{color:var(--accent);font:900 9px 'Exo 2';letter-spacing:1.4px}.owned-face h2{font:900 27px 'Exo 2';margin:5px 0}.owned-face>b{color:var(--accent)}.copy-count{position:absolute;right:13px;top:13px;display:grid;place-items:center;min-width:38px;height:28px;border-radius:20px;background:#07111ecf;color:white;font:900 12px 'Exo 2'}.new-ribbon{display:none;position:absolute;left:-31px;top:17px;width:105px;text-align:center;transform:rotate(-42deg);background:#ff526f;color:white;font:900 9px 'Exo 2';padding:5px}.is-new .new-ribbon{display:block;animation:newGlow .65s infinite alternate}@keyframes newGlow{to{filter:brightness(1.5)}}.empty-collection{max-width:600px;margin:50px auto 0;text-align:center;padding:35px;border:1px solid #ffffff15;border-radius:22px;background:#101d2d}.empty-collection>span{font-size:65px}.empty-collection h2{font:900 28px 'Exo 2';margin:8px}.empty-collection p{color:#91a4bd}@media(max-width:900px){.album-grid{grid-template-columns:repeat(3,1fr)}.collection-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.collection-hero{display:block;text-align:center}.collection-score{width:max-content;margin:30px auto}.album-grid{grid-template-columns:repeat(2,1fr)}.album-slot{min-height:280px}.album-creature{height:140px;font-size:70px}.collection-page{padding:45px 13px}.album-toolbar{display:block}.album-toolbar>span{display:block;margin-top:15px}.collection-stats>div{padding:12px}.collection-stats span{font-size:25px}.collection-stats strong{font-size:19px}}@media(max-width:400px){.album-grid{grid-template-columns:1fr}.album-slot{min-height:340px}.album-creature{height:185px}}
