.album-promo{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px;border:1px solid #b8ff6140;background:radial-gradient(ellipse at 85% 50%,#b8ff610c,transparent 65%),var(--panel);overflow:hidden}.album-promo h2{font-size:42px;letter-spacing:-1.5px}.album-promo p{max-width:450px;color:var(--muted);font-size:13px}.album-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-3deg);align-self:center}.album-mini>div{background:#101521;border:1px dashed var(--line);padding:13px;position:relative}.album-mini img{width:110px;height:100px;object-fit:contain;margin:auto;filter:grayscale(1);opacity:.3}.album-mini span{display:block;text-align:center;font:6px var(--mono);color:var(--dim);margin-top:6px}.album-mini .found{border:1px solid #b8ff6140}.album-mini .found img{filter:none;opacity:1;animation:album-float 4s ease-in-out infinite}.album-mini .found span{color:var(--lime)}.album-mini>div:nth-child(2n) img{animation-delay:-1.5s}
.album-rarities{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin:20px 0 30px}.album-rarities>div{padding:18px 22px;border-right:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:14px;position:relative}.album-rarities>div:last-child{border:0}.album-rarities span{font:10px var(--mono);color:var(--rarity)}.album-rarities b{font:15px var(--display);margin-left:auto}.album-rarities i{display:block;width:100%;height:3px;background:#363e4c;overflow:hidden}.album-rarities i i{background:var(--rarity);height:100%;transition:width .5s}.album-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:18px}.album-tabs button{border:0;background:transparent;padding:14px 24px;color:var(--muted);font:10px var(--mono);border-bottom:2px solid transparent}.album-tabs button.active{color:var(--lime);border-bottom-color:var(--lime);background:#b8ff6107}.album-tabs button:hover{color:var(--ink)}
.album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.album-slot{background:var(--panel);border:1px solid var(--line);padding:15px;text-align:left;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.album-slot:hover{transform:translateY(-5px);border-color:var(--rarity);background:#1c2131}.album-slot.collected{border-top:2px solid var(--rarity)}.album-slot-top{display:flex;justify-content:space-between;font:7px var(--mono);color:var(--dim);gap:5px}.album-slot.collected .album-slot-top>span:last-child{color:var(--lime)}.album-art{height:160px;display:grid;place-items:center;position:relative;margin:12px 0;background:radial-gradient(ellipse,#a79bff0a,transparent 70%)}.album-art img{height:100%;width:100%;object-fit:contain}.album-slot.missing .album-art img{filter:grayscale(1) brightness(.5);opacity:.4}.album-art b{position:absolute;font:62px var(--display);color:#a5adbf66}.album-slot.collected:hover img{animation:album-float 2.5s ease-in-out infinite}.album-slot h3{font-size:19px;letter-spacing:-.5px;margin-bottom:10px}.album-slot p{display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);color:var(--rarity);gap:8px}.album-slot p span{color:var(--muted);font-size:7px}.album-slot-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font:6px var(--mono);color:var(--dim)}.album-slot-bottom span{font-size:12px;color:var(--rarity)}
.vault-utilities{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.history-actions{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:110px}.craft-intro{display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:center;margin-bottom:25px}.craft-intro img{width:130px;height:150px;object-fit:contain;animation:album-float 4s ease-in-out infinite}.craft-intro h3{font-size:23px;margin:14px 0 10px}.craft-intro p{font-size:12px;color:var(--muted)}.craft-intro strong{font:10px var(--mono);color:var(--lime)}.craft-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.craft-options>div{padding:20px;border:1px solid var(--line);background:var(--panel)}.craft-options>div:nth-child(2){border-color:#ff63ba40}.craft-options h3{font-size:19px}.craft-options p{font-size:11px;color:var(--muted);min-height:40px}.craft-options .button{font-size:9px;padding:12px 7px}.craft-options small{display:block;font:8px var(--mono);color:var(--yellow);margin-top:12px;text-align:center}.spare-list{max-height:350px;overflow-y:auto;margin:20px 0;border-block:1px solid var(--line)}.spare-list>div{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.spare-list img{width:55px;height:55px;object-fit:contain}.spare-list b{font:18px var(--display)}.spare-list small{display:block;font:8px var(--mono);color:var(--muted);margin-top:5px}.spare-list span{font:12px var(--mono);color:var(--lime);margin-left:auto}.recycle-total{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:var(--muted);margin:20px 0}.recycle-total strong{color:var(--lime);font:22px var(--display)}
.restore-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.restore-grid article{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid var(--line);background:var(--panel)}.restore-grid img{width:80px;height:80px;object-fit:contain}.restore-grid h3{font-size:20px;margin-bottom:8px}.restore-grid p{font:8px var(--mono);color:var(--muted);margin:0}.restore-grid .button{margin-left:auto}.detail-stats small{display:block}
@media(max-width:760px){.restore-grid{grid-template-columns:1fr}.restore-grid article{padding:16px;gap:12px}.restore-grid img{width:55px;height:55px}.restore-grid h3{font-size:17px}.restore-grid .button{font-size:7px;white-space:nowrap}}
@keyframes album-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:1100px){.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.album-promo{gap:25px;padding:30px}.album-promo h2{font-size:33px}.album-rarities>div{padding:15px 12px}.album-rarities span{font-size:8px}.album-tabs button{font-size:9px;padding:14px 18px}.album-art{height:140px}}
@media(max-width:760px){.album-promo{grid-template-columns:1fr;padding:24px;gap:26px}.album-mini{max-width:470px;width:100%;margin:0 auto 15px;transform:rotate(-2deg)}.album-rarities{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:22px}.album-rarities>div{padding:12px 7px;gap:10px;display:block}.album-rarities span{font-size:6px}.album-rarities b{display:block;font-size:15px;margin:7px 0}.album-rarities i{height:2px}.album-tabs button{padding:13px 6px;flex:1;font-size:7px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.album-slot{padding:10px}.album-slot-top{font-size:5px}.album-art{height:110px;margin:9px 0}.album-slot h3{font-size:15px}.album-slot p{font-size:6px;gap:3px;flex-wrap:wrap}.album-slot p span{font-size:5px}.album-slot-bottom{font-size:5px;gap:3px;line-height:1.6}.album-art b{font-size:44px}.vault-utilities{gap:8px}.vault-utilities .button{font-size:7px;padding:9px}.craft-intro{grid-template-columns:90px 1fr;gap:14px}.craft-intro img{width:90px;height:110px}.craft-intro h3{font-size:20px}.craft-intro strong{font-size:8px}.craft-options{grid-template-columns:1fr}.craft-options>div{padding:17px}.craft-options p{min-height:0}.history-actions{min-width:100px}}
@media(max-width:400px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-slot{padding:12px}.album-slot-top{font-size:6px}.album-art{height:120px}.album-slot h3{font-size:18px}.album-slot p{font-size:8px}.album-slot p span{font-size:6px}.album-slot-bottom{font-size:6px}.album-rarities span{font-size:5px}.album-tabs button{font-size:6px}}