:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#f8f3fc;background:#0b0813;font-synthesis:none;scroll-behavior:smooth;--pink:#ff59af;--pink-light:#ffadd9;--muted:#a8a0b7;--border:rgba(216,189,249,.15)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 65vw 45vw at 17% 5%,#30113c66,transparent 72%),radial-gradient(ellipse 60vw 35vw at 95% 38%,#1f174366,transparent 72%),#0b0813}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}.hidden{display:none!important}a{color:inherit;text-decoration:none}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(70px);opacity:.18;border-radius:50%}.ambient-one{width:330px;height:330px;background:#ee3497;top:140px;left:-200px}.ambient-two{width:500px;height:350px;background:#6220aa;right:-250px;top:480px}.site-header,.main-shell,footer{max-width:1430px;margin:auto;padding-left:clamp(18px,4.4vw,64px);padding-right:clamp(18px,4.4vw,64px)}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px}.brand-emblem{display:grid;place-items:center;width:45px;height:45px;transform:rotate(-15deg);background:linear-gradient(135deg,#f44ba5,#7a3cbb);border-radius:14px;box-shadow:0 0 30px #ef369143;font-size:31px}.brand-name{font-weight:950;letter-spacing:1.5px;font-size:18px;white-space:nowrap}.brand-name b{color:var(--pink);font-size:12px;vertical-align:top;margin-left:3px}.brand-name small{display:block;color:#bab0c9;font-size:9px;font-weight:600;letter-spacing:3.2px;margin-top:5px}.top-actions{display:flex;gap:16px;align-items:center}.connection-status{font-size:12px;color:#b8b0c2;white-space:nowrap}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f3bd71;margin-right:6px;box-shadow:0 0 12px #f3bd71}.discord-btn,.ghost-btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:11px;font-weight:750;font-size:12px;transition:transform .15s,box-shadow .2s;background:linear-gradient(120deg,#fa4da6,#bb3ec0);color:#fff;white-space:nowrap}.discord-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px #ed379944}.ghost-btn{border-color:#776080;background:#ffffff0b;color:#f5e6fa}.ghost-btn:hover{background:#ffffff18}.main-shell{padding-bottom:45px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px;align-items:center;padding-top:56px;padding-bottom:40px}.eyebrow,.section-eyebrow,.filter-heading,.search-label{color:#ed9dce;font-weight:800;font-size:10px;letter-spacing:2px}.tiny-line{display:inline-block;width:21px;border-top:2px solid var(--pink);vertical-align:middle;margin-right:9px}.eyebrow-dot{color:#f3c7f0}.intro h1{font-size:clamp(37px,4.3vw,65px);font-weight:900;letter-spacing:-2.6px;line-height:1.1;margin:19px 0 19px}.intro h1 em{font-style:normal;background:linear-gradient(90deg,#ff66b7,#dca7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-description{max-width:680px;color:#c1b8cd;font-size:14px;line-height:1.85;margin:0}.intro-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.intro-tags span{font-size:10px;color:#edc5df;padding:7px 12px;border:1px solid #a152973e;border-radius:99px;background:#d55da810}.progress-card{border:1px solid #eeb4ef2e;background:linear-gradient(145deg,#28182c,#171023 72%);box-shadow:0 15px 55px #0006,inset 0 1px #fff2;border-radius:22px;padding:24px;position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;right:-30px;top:-55px;width:145px;height:145px;border-radius:50%;background:#de4dab22;filter:blur(22px)}.progress-card-top{display:flex;justify-content:space-between;color:#dbacdc;font-size:10px;font-weight:800;letter-spacing:1.5px}.sparkle{font-size:23px;color:#f17cce}.progress-figure{margin-top:20px;color:#fff}.progress-figure strong{font-size:58px;font-weight:850;letter-spacing:-4px}.progress-figure span{font-size:27px;color:var(--pink);margin-left:2px}.progress-track{height:7px;background:#4c3b53;border-radius:12px;overflow:hidden;margin-top:9px}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#ff4aa5,#c48ff5);border-radius:12px;transition:width .45s}.progress-card p{font-size:12px;color:#ead6ec;margin:16px 0 6px}.progress-card small{font-size:10px;color:#9a8ca8;line-height:1.55;display:block}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:37px}.stat{display:flex;align-items:center;gap:15px;padding:18px 17px;background:#151020cc;border:1px solid var(--border);border-radius:15px}.stat-icon{width:43px;height:43px;flex-shrink:0;border:1px solid #ff91d735;background:#dc52a31c;border-radius:12px;display:grid;place-items:center;color:#ffa3d4;font-size:23px}.stat strong{font-size:26px;display:block;letter-spacing:-1px}.stat div span{font-size:11px;color:#a79eb8}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px}.filters-panel{align-self:start;background:linear-gradient(180deg,#1c1527,#15101f);border:1px solid var(--border);border-radius:18px;padding:23px 20px;min-height:690px}.filter-top h2{font-size:23px;margin:9px 0 7px;letter-spacing:-.5px}.filter-top p{font-size:12px;line-height:1.55;color:#a79db5;margin:0 0 30px}.search-label{color:#c0b4c9;letter-spacing:.9px;font-size:10px}.search-wrap{margin-top:11px;margin-bottom:33px;display:flex;align-items:center;border:1px solid #6854737d;background:#100c19;border-radius:11px;gap:9px;padding:0 12px}.search-wrap span{color:#fa84ca;font-size:23px}.search-wrap input{width:100%;background:none;border:none;color:#fff;outline:none;padding:12px 0;font-size:12px;min-width:0}.search-wrap:focus-within{border-color:#d86fa7}.filter-heading{color:#ad9dbd;display:block;margin-bottom:13px}.rarity-filters{display:flex;flex-direction:column;gap:6px}.filter-btn{display:flex;align-items:center;gap:9px;text-align:left;width:100%;background:transparent;border:1px solid transparent;color:#c9bed4;padding:9px 10px;font-size:12px;border-radius:9px}.filter-btn:hover{background:#ffffff0a}.filter-btn.active{background:linear-gradient(90deg,#aa3d8038,#a238a210);border-color:#f58ed544;color:#fff}.rarity-symbol{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:10px;font-weight:900;border:1px solid currentColor}.filter-btn small{margin-left:auto;opacity:.66;font-size:11px}.rarity-C{color:#c7d0de}.rarity-R{color:#e27f98}.rarity-E{color:#bb91ff}.rarity-L{color:#f3c477}.rarity-S{color:#89dcf7}.rarity-HQ{color:#ff9dec}.panel-divider{border-top:1px solid var(--border);margin:24px 0}.toggle-label{display:flex;align-items:center;gap:9px;color:#c1b7ce;font-size:11px;line-height:1.5;margin:14px 0;cursor:pointer}.toggle-label input{accent-color:#e856a9;width:15px;height:15px}.panel-foot{margin-top:52px;border:1px solid #8b61804b;background:#ac4c7714;border-radius:12px;padding:16px;color:#d9b7d8;display:flex;gap:9px;align-items:start}.panel-foot>span{color:#f8a4d8}.panel-foot p{font-size:10px;line-height:1.65;margin:0}.binder-area{min-width:0}.binder-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:8px 0 21px}.binder-heading h2{font-size:clamp(20px,2.5vw,29px);margin:7px 0 0;letter-spacing:-.9px}.heading-spark{color:#fa75c4}.album-summary{font-size:11px;color:#ada1bb;white-space:nowrap}.binder-tools{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.binder-tools>span{font-size:11px;color:#c2b2d2}.pagination{display:flex;align-items:center;gap:9px;font-size:11px;color:#d7c9de}.pagination button{background:#251a30;border:1px solid #ffffff23;border-radius:7px;color:#efb9e3;font-size:24px;line-height:1;width:29px;height:29px}.pagination button:not(:disabled):hover{background:#422548}.binder{position:relative;border-radius:20px;padding:15px 15px 15px 31px;background:linear-gradient(138deg,#34263b,#241b30 48%,#1b1529);border:1px solid #9b71904b;box-shadow:0 24px 70px #0007,inset 0 2px #fff2}.binder:before{content:"";position:absolute;left:17px;top:0;bottom:0;width:2px;background:#0d0b13aa;box-shadow:2px 0 5px #0009}.binder-rings{position:absolute;left:4px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;z-index:2}.binder-rings i{display:block;width:30px;height:10px;border:3px solid #aca1bc;background:linear-gradient(#a49ab2,#ded4e0,#82798b);border-radius:22px;box-shadow:0 2px 4px #080611}.binder-inner{padding:16px;background:radial-gradient(ellipse at 50% 15%,#3a2a4766,transparent 70%),repeating-linear-gradient(145deg,#ffffff04 0 1px,transparent 1px 24px),#1a1525;border:1px solid #b391b32e;border-radius:12px;min-height:555px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.slot{position:relative;background:linear-gradient(145deg,#1b1527,#110e19);border:1px solid #aa8dad40;box-shadow:inset 0 1px 2px #fff1,0 2px 7px #0004;border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:265px}.slot:before{content:"";position:absolute;inset:4px;border:1px solid #ffffff09;border-radius:11px;pointer-events:none}.slot-card{position:relative;display:block;width:min(100%,159px);aspect-ratio:420/600;border-radius:10px;border:0;padding:0;appearance:none;background:transparent;perspective:800px;touch-action:pan-y;filter:drop-shadow(0 7px 11px #0009)}.slot-card:hover{z-index:3}.art-card{--rx:0deg;--ry:0deg;--px:50%;--py:50%;position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;isolation:isolate;transform:perspective(850px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease,filter .2s;backface-visibility:hidden;border:2px solid #e6bdd655;box-shadow:inset 0 0 0 2px #1d102e,0 5px 16px #0007;background:#180b23}.slot-card:hover .art-card{filter:brightness(1.12) saturate(1.2)}.art-image{width:100%;height:100%;object-fit:cover;display:block}.art-card:before{content:"";position:absolute;inset:-45%;z-index:3;mix-blend-mode:screen;pointer-events:none;opacity:.7;background:linear-gradient(114deg,transparent 37%,#fff3 43%,#fff9 48%,#fff2 54%,transparent 62%);transform:translateX(calc((var(--px) - 50%) / 2));transition:opacity .2s;animation:sweep 6s ease-in-out infinite}.foil-layer{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.5;background:linear-gradient(130deg,transparent,#ffffff2a,transparent);mix-blend-mode:color-dodge;background-position:var(--px) var(--py)}.rarity-C .foil-layer{background:linear-gradient(115deg,transparent 10%,#d6ecff60 34%,#fdf9ff22 44%,transparent 70%)}.rarity-R .foil-layer{background:repeating-linear-gradient(57deg,transparent 0 16px,#e863a44a 18px 23px,transparent 25px 46px),radial-gradient(circle at var(--px) var(--py),#ffc8dc7e,transparent 48%)}.rarity-E .foil-layer{background:repeating-conic-gradient(from 60deg at var(--px) var(--py),#b8a2ff33 0 9deg,transparent 13deg 28deg),radial-gradient(ellipse at var(--px) var(--py),#d083ff90,transparent 62%)}.rarity-L .foil-layer{background:repeating-linear-gradient(65deg,#fbeaa677 0 2px,transparent 5px 24px),radial-gradient(circle at var(--px) var(--py),#fff8b999,transparent 55%)}.rarity-S .foil-layer{opacity:.68;background:repeating-linear-gradient(117deg,#ef80b980 0,#75dfc180 11%,#d0b5ff80 22%,#ffdc8980 34%,#ef80b980 48%);background-size:230% 230%;background-position:var(--px) var(--py)}.rarity-HQ .foil-layer{opacity:.73;background:repeating-conic-gradient(from 22deg at var(--px) var(--py),#ffaaddaa 0deg,#a8f1f5aa 25deg,#ffc9a1aa 43deg,#a0a4ffaa 60deg,#ffaaddaa 80deg);background-size:145% 145%;mix-blend-mode:screen}.art-card.rarity-R{border-color:#e6a8bf}.art-card.rarity-E{border-color:#b89bfa}.art-card.rarity-L{border-color:#f0d088}.art-card.rarity-S{border-color:#a0e4e1}.art-card.rarity-HQ{border-color:#f9aedf;box-shadow:0 0 14px #b668d55c,inset 0 0 0 2px #481e62}.art-card.locked .art-image{filter:grayscale(1) brightness(.26);opacity:.65}.art-card.locked .foil-layer,.art-card.locked:before{opacity:0}.lock-overlay{position:absolute;inset:0;display:grid;place-items:center;color:#f9d9fa;font-size:31px;text-shadow:0 0 13px #000;z-index:5}.slot-caption{width:100%;display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:10px;margin-top:10px}.slot-name{max-width:75%;color:#e7dbef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.slot-qty{color:#d6acd3;border:1px solid #a378955b;background:#b86dac15;border-radius:6px;padding:3px 5px;white-space:nowrap}.slot-qty.empty{color:#827789}.slot-rarity{position:absolute;top:15px;right:15px;z-index:4;background:#211326e5;padding:4px 7px;border-radius:7px;font-size:10px;font-weight:900;border:1px solid #ffc4ef6b}.empty-state{min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#b6a4c5}.empty-state span{font-size:50px;color:#ff8dd0}.empty-state h3{margin:10px 0}.empty-state p{font-size:12px}.binder-tip{color:#9a8ca9;font-size:11px;margin-top:16px}.binder-tip span{color:#fda6d9}.sync-message{font-size:11px;color:#f7bad2;min-height:16px}.card-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(850px,calc(100vw - 30px));max-height:min(94vh,780px);overflow:auto;background:radial-gradient(ellipse at 15% 20%,#4d28548a,transparent 60%),#171021;color:#fff;border:1px solid #da9de15e;border-radius:24px;box-shadow:0 25px 100px #000c;padding:35px}.card-dialog::backdrop{background:#090610df;backdrop-filter:blur(10px)}.modal-close{position:absolute;right:16px;top:13px;border:1px solid #baa4ca46;background:#ffffff14;color:#fff;width:31px;height:31px;border-radius:50%;font-size:25px;line-height:1}.modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:37px;align-items:center}.modal-showcase{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:490px}.modal-card-scene{width:min(100%,270px);aspect-ratio:420/600;perspective:1000px;outline-offset:6px;touch-action:pan-y}.flip-card{position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.1,1);transform:rotateY(var(--flip,0deg))}.flip-card.flipped{--flip:180deg}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:17px;overflow:hidden}.flip-face .art-card{border-radius:17px}.flip-back{transform:rotateY(180deg);background:#21132d;border:2px solid #e8a3edb9;overflow:hidden}.flip-back img{width:100%;height:100%;display:block}.modal-hint{text-align:center;color:#ac9cb8;font-size:11px;line-height:1.6}.modal-rarity{display:inline-block;border:1px solid #ffffff55;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:850;letter-spacing:1px;color:#f8c3ed}.modal-info h2{font-size:clamp(29px,3.1vw,42px);line-height:1.12;letter-spacing:-1px;margin:22px 0 8px}.modal-number{color:#a997bc;font-size:12px;margin:0 0 21px}.modal-description{color:#c7b6d2;font-size:14px;line-height:1.75;margin-bottom:25px}.modal-quantity{border-top:1px solid #ffffff23;border-bottom:1px solid #ffffff23;padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#baa9c9}.modal-quantity strong{font-size:25px;color:#fff}.modal-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}.modal-buttons .ghost-btn{font-size:11px}.modal-buttons a[aria-disabled="true"]{opacity:.35;pointer-events:none}.locked-notice{font-size:11px;line-height:1.65;color:#edabc9;padding-top:10px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:24px;padding-bottom:28px;color:#93859e;font-size:11px}footer a{color:#d99fc7}@keyframes sweep{0%,100%{transform:translateX(-55%) rotate(0)}50%{transform:translateX(35%) rotate(0)}}
@media(max-width:980px){.workspace{grid-template-columns:205px minmax(0,1fr);gap:17px}.filters-panel{padding:20px 14px}.card-grid{gap:11px}.slot{padding:8px;min-height:205px}.binder-inner{padding:11px}.intro{gap:20px}.stats{gap:8px}.stat{padding:12px;gap:8px}.stat-icon{width:33px;height:33px;font-size:18px}.stat strong{font-size:22px}.stat div span{font-size:10px}}
@media(max-width:720px){.site-header{height:auto;min-height:75px;gap:8px}.brand-name{font-size:14px}.brand-name b{font-size:9px}.brand-name small{font-size:7px;letter-spacing:2px}.brand-emblem{height:38px;width:38px;font-size:25px}.connection-status{display:none}.top-actions{gap:7px}.top-actions .discord-btn{padding:10px;font-size:10px}.top-actions .ghost-btn{padding:10px;font-size:10px}.intro{grid-template-columns:1fr;padding:31px 0 22px;gap:20px}.intro h1{font-size:clamp(36px,7vw,53px)}.progress-card{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;align-items:center;padding:16px}.progress-card-top{grid-column:1/-1}.progress-figure{grid-column:1;grid-row:2/4;margin-top:0}.progress-figure strong{font-size:43px}.progress-track{grid-column:2;grid-row:2}.progress-card p{grid-column:2;grid-row:3;margin:0}.progress-card small{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.workspace{grid-template-columns:1fr}.filters-panel{min-height:0;padding:16px}.filter-top p{margin:0 0 13px}.search-wrap{margin-bottom:15px}.rarity-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.filter-btn{justify-content:center;padding:7px 3px;font-size:10px;gap:3px}.filter-btn small{display:none}.rarity-symbol{width:18px;height:18px;font-size:9px}.panel-divider,.panel-foot{display:none}.toggle-label{display:inline-flex;margin:15px 10px 0 0;font-size:10px}.binder-heading{margin-top:16px}.binder-inner{min-height:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slot{min-height:230px}.slot-card{max-width:145px}.binder{padding-left:27px;padding-right:9px}.binder-rings{left:3px}.binder-rings i{width:27px}.modal-layout{grid-template-columns:1fr;gap:15px}.modal-showcase{min-height:0}.card-dialog{padding:40px 20px 20px}.modal-card-scene{max-width:225px}.modal-info h2{font-size:28px;margin:12px 0 5px}.modal-description{margin:10px 0}.modal-hint{margin:0}.modal-buttons{margin-top:15px}footer{flex-direction:column;gap:9px}}
@media(max-width:380px){.brand-emblem{display:none}.site-header{padding-left:12px;padding-right:12px}.top-actions .discord-btn{font-size:9px;padding:9px}.slot-card{max-width:118px}.slot{min-height:195px}.rarity-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.art-card{transform:none!important}}