/* A compact collection interface, retaining the original NeXuS artwork. */
:root{--bg:#100e16;--panel:#1b1723;--line:#352c40;--muted:#a99fb6;--gold:#e7bc75}
body{background:radial-gradient(ellipse at 50% -20%,#38214566,transparent 65%),var(--bg);font-size:14px}
.layout{display:block}.main{width:100%}aside{position:sticky;z-index:4;top:0;height:auto;display:flex;flex-direction:row;align-items:center;gap:30px;padding:0 32px;background:#14101cf5;border:0;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.brand{font-size:27px;padding:14px 0;letter-spacing:1px;flex-shrink:0}.brand small{font-size:8px;letter-spacing:1.8px;color:#a89ab7}nav{display:flex;gap:5px;overflow-x:auto;margin:0;align-self:stretch;align-items:center}nav a{white-space:nowrap;font-size:13px;padding:11px 13px;border-radius:7px;color:#b9afc5}nav a:hover{background:#302436}nav a.active{background:#3d293e;color:#f1d299;box-shadow:inset 0 -2px #dfb46e}aside footer{display:none}
header{max-width:1280px;margin:auto;height:55px;padding:0 30px;border-bottom:0}.tag{font-size:10px;letter-spacing:1.5px;color:#d5b184}.balance{background:#1c1723;border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:13px}.balance img{width:22px;height:22px}.avatar{padding:1px 8px;margin-left:0;background:#3c2e48}
main{max-width:1280px;padding:18px 30px 65px}.notice{background:transparent;border:0;font-size:11px;color:#8e829e;padding:0;margin:0 0 17px}.intro{margin-bottom:20px}h1{font-size:27px;letter-spacing:-.7px;margin-top:0}h2{font-size:18px}p{font-size:13px;margin-bottom:15px}.intro p{margin-bottom:0}.intro button{font-size:12px;background:#312539;color:#edd2a5;border-color:#624969}
.home-top{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px}.open-pack{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;padding:25px 32px;background:radial-gradient(ellipse at 20% 40%,#57355b80,transparent 70%),#1e1727;border:1px solid #55405e;border-radius:12px;min-height:245px}.pack-art{position:relative;width:142px;flex-shrink:0;height:195px}.pack-art img{position:absolute;width:108px;height:185px;object-fit:contain;filter:drop-shadow(0 8px 10px #0009);left:16px;top:2px;transform:rotate(-10deg)}.pack-art img+img{left:36px;transform:rotate(9deg)}.open-pack h2{font-size:26px;letter-spacing:-.6px;margin:8px 0}.open-pack p{max-width:250px}.open-pack .tag{color:#c3a0d7}.primary{background:linear-gradient(135deg,#ead09c,#d3a55f);color:#201523;box-shadow:0 4px 16px #0003;border:1px solid #f4d69e;border-radius:7px;font-size:13px}.primary:hover{background:#f1d5a2}
.hero{min-height:245px;margin:0;border-radius:12px;border-color:#4a364c}.hero>img{object-position:65% center;opacity:.72}.hero:after{background:linear-gradient(90deg,#1c1421f2,#1c142173 70%)}.hero-copy{padding:25px;max-width:355px}.hero h2{font-size:23px;line-height:1.25;margin:9px 0}.hero p{font-size:12px;max-width:265px}.hero .primary{font-size:12px;padding:8px 13px!important}.stats{margin:18px 0 23px;gap:12px}.stat{padding:12px 18px;background:#1b1621;border-color:#332a3d;display:flex;justify-content:space-between;align-items:center}.stat strong{margin:0;font-size:19px;color:#e4c38e}.stat small{font-size:12px}.section-title{margin-top:23px}.text-link{font-size:12px;color:#d5b88d}.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.card{padding:6px;background:#1a1520;border-color:#362a40;border-radius:9px;transition:transform .16s,border-color .16s}.card img{border-radius:4px}.card:hover{border-color:#b58c63}.card-info{padding:10px 3px 3px}.card strong{font-size:13px}.card small{font-size:10px}.chip{float:none;display:block;font-size:9px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px;color:#bda0d5}.panel{border-color:var(--line);background:var(--panel)}.toolbar input,.toolbar select{background:#1c1724}.two{margin-top:20px}.progress span{background:linear-gradient(90deg,#9060b7,#e7bc75)}dialog{background:#1e1727;border-color:#786084}#toast{background:#ead09c}.shelf-label{color:#a89ab7;font-size:12px}
@media(min-width:1500px){.cards{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){aside{gap:18px;padding:0 20px}.brand small{display:none}nav a{padding:10px;font-size:12px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.home-top{grid-template-columns:1fr 1fr}.open-pack{padding:20px;gap:10px}.pack-art{width:106px}.pack-art img{width:83px;left:0}.pack-art img+img{left:18px}.open-pack h2{font-size:22px}.hero-copy{padding:20px}}
@media(max-width:720px){aside{display:block;position:sticky;padding:8px 15px 0}.brand{display:block;padding:0;font-size:24px}nav{padding:6px 0 9px;gap:2px}nav a{padding:8px 11px}header{padding:0 17px;height:49px}main{padding:12px 17px 45px}.intro{display:flex;gap:10px}.intro h1{font-size:23px}.intro button{max-width:130px;padding:8px;font-size:11px}.home-top{grid-template-columns:1fr}.open-pack{min-height:214px;padding:20px 25px;gap:30px}.pack-art{height:175px;width:118px}.pack-art img{height:165px;width:97px}.open-pack h2{font-size:26px}.hero{min-height:180px}.hero-copy{padding:20px;max-width:90%}.hero h2{font-size:21px}.hero p{max-width:230px}.stats{gap:7px}.stat{display:block;padding:10px}.stat strong{font-size:18px;margin-top:4px}.stat small{font-size:10px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.card{padding:4px}.card strong{font-size:11px}.chip{font-size:8px}.card-info{padding:6px 2px}.card small{font-size:9px}.card button[data-buy]{font-size:10px;padding:7px 3px}.section-title h2{font-size:17px}}
@media(max-width:380px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.open-pack{gap:10px;padding:18px}.intro{align-items:flex-start}}