:root{--bg:#030607;--panel:#090c13;--line:#49416b;--muted:#b2b0c4;--gold:#f3d99a}
body{background:radial-gradient(ellipse at 0 25%,#193b303b,transparent 44%),radial-gradient(ellipse at 100% 65%,#44216e45,transparent 50%),#030607;color:#f1eef9}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,#c6a7ff8a 1px,transparent 1.5px),radial-gradient(circle,#8deaff73 1px,transparent 1.5px);background-size:133px 177px,227px 113px;background-position:17px 30px,72px 11px;opacity:.38}
aside{background:linear-gradient(180deg,#06070cfa,#0b0a13f5);border-bottom:1px solid #8f68c4;box-shadow:0 4px 25px #b24dff15;padding:0 36px;gap:35px}
.brand{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:2px;color:#ecddff;text-shadow:0 0 9px #ad61ff,0 0 23px #36e7e759}.brand small{color:#c3bba9;font-family:system-ui,sans-serif;font-size:8px;letter-spacing:2px}nav a{border:1px solid transparent;color:#c2b8d1}nav a.active{background:linear-gradient(135deg,#51357188,#0c151ce0);color:#f4e6ff;border:1px solid #9c71c8;box-shadow:inset 0 0 15px #b55bff20,0 0 16px #a15eff15}nav a:hover{background:#34204a8a;border-color:#64516e}
header{max-width:1380px;height:53px}.balance{border-color:#997454;background:linear-gradient(135deg,#281c0c,#090d15);box-shadow:0 0 15px #d4a34b15;color:#f4d59b}.balance .avatar{background:#160e25;border-color:#b994e9;color:#f0deff}main{max-width:1380px;padding-top:8px}.notice{font-size:10px;letter-spacing:.4px;color:#958da9}.intro h1,h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.intro h1{font-size:29px;color:#ede0ff;text-shadow:0 0 17px #a871ff55}.intro p{color:#a99ebc}.intro button{background:linear-gradient(140deg,#33230c,#141018);border-color:#a78752;color:#ffdf9c;border-radius:3px}
.universe-banner{margin:12px 0 20px;position:relative;padding:3px;background:linear-gradient(125deg,#655cac,#d0d5fd,#a851d8,#7fb576,#5c91bb);border-radius:18px;box-shadow:0 0 32px #733ab52b,0 10px 45px #000b;overflow:hidden}.universe-banner img{display:block;width:100%;height:auto;border-radius:15px}.universe-caption{position:absolute;bottom:18px;right:22px;color:#dbc7fa;font-size:10px;background:#06080ed9;padding:5px 10px;border:1px solid #81609e;border-radius:3px;letter-spacing:1.5px}
.home-top{grid-template-columns:1fr 1fr;gap:20px}.open-pack,.hero,.panel,.stat{border:1px solid transparent;background:linear-gradient(135deg,#090b13f2,#0b0911f5) padding-box,linear-gradient(125deg,#6276b1,#8bb07b,#ad7cdd,#5ac3c3) border-box;border-radius:13px;box-shadow:inset 0 0 28px #a171d50d,0 5px 22px #0008;position:relative}.open-pack{background:radial-gradient(ellipse at 20% 80%,#7732c33d,transparent 60%) padding-box,linear-gradient(135deg,#090b13,#0b0911) padding-box,linear-gradient(125deg,#a384ec,#88bc76,#bf6de2,#7bb9da) border-box;min-height:250px}.open-pack:after,.panel:after{content:'✧';position:absolute;top:-12px;right:22px;font-size:20px;color:#c7a4f0;text-shadow:0 0 10px #a67dff;background:#080a0d;padding:0 8px;pointer-events:none}.open-pack h2{font-size:29px;color:#e9d8ff;text-shadow:0 0 16px #ba7bff55}.pack-art{filter:drop-shadow(0 0 18px #a45afc55)}.primary{border-radius:4px;background:linear-gradient(180deg,#422b5f,#1d112e);color:#f6e4ff;border:1px solid #bb8be1;box-shadow:inset 0 1px #e8ccff6b,inset 0 -5px 12px #0005,0 0 17px #b765ef22;font-weight:600}.primary:hover{background:linear-gradient(180deg,#65428a,#2d1948);box-shadow:0 0 24px #b77bff55}.tag{color:#ceacfa;letter-spacing:2px}.hero{min-height:250px}.hero>img{opacity:.85;object-position:35% center}.hero:after{background:linear-gradient(90deg,#070a13f0 0%,#090c14bb 42%,#0b0c1440 100%)}.hero h2{color:#fff0ce;text-shadow:0 1px 8px #000;font-size:28px}.hero p{color:#ddd7ec}.hero .tag{color:#f4d594}.hero .primary{border-color:#e0c988;color:#ffe8ab;background:linear-gradient(180deg,#4b371d,#1d1723)}.stat{border-radius:8px}.stat strong{color:#e5c5ff;text-shadow:0 0 12px #b277f247}.stats .stat:nth-child(2) strong{color:#9ae6ee}.stats .stat:nth-child(3) strong{color:#d7e6a0}.section-title{border-bottom:1px solid #7361825e;padding-bottom:12px;margin-top:28px}.section-title h2{font-size:24px;letter-spacing:.3px;color:#f0e4ff}.section-title h2:before{content:'✧';margin-right:12px;color:#bb8ce3;text-shadow:0 0 12px #ab66ee}.text-link{color:#d4b5f5}
.cards{gap:18px}.card{padding:0;border:0;border-radius:3px;background:transparent;box-shadow:none}.card img{border-radius:3px;filter:drop-shadow(0 4px 9px #000);transition:filter .2s,transform .2s}.card:hover{transform:translateY(-5px)}.card:hover img{filter:drop-shadow(0 0 11px #ac68e97a)}.card-info{padding:11px 7px;border-top:1px solid #5e467c66;margin-top:8px;background:linear-gradient(#281b3a55,transparent)}.card strong{font-family:Georgia,serif;font-size:16px;font-weight:400;color:#ece0fc}.chip{color:#d3afee}.card small{color:#a196af}.toolbar input,.toolbar select{background:#0b0c13;border-color:#5d4976;border-radius:4px}.panel h2{color:#ead5ff}.progress{border:1px solid #8c70aa;background:#06070b;height:12px}.progress span{background:linear-gradient(90deg,#6132c8,#d28aff,#84e8df);box-shadow:0 0 12px #af73ed}.danger{background:#260f1f;border-color:#a74f7d}dialog{background:radial-gradient(ellipse at top,#352044,#080a12);border-color:#b283e6;box-shadow:0 0 65px #a863dd35}dialog img{filter:drop-shadow(0 0 15px #c18dff30)}#toast{background:#1e112f;border:1px solid #b994e9;color:#f1e0ff}.booster{background:radial-gradient(ellipse at left,#5c277a40,transparent 70%),#090b12}
@media(min-width:1500px){.universe-banner{max-height:550px}.universe-banner img{max-height:544px;object-fit:contain;background:#020405}}
@media(max-width:1050px){aside{padding:0 20px;gap:20px}.brand{font-size:30px}.home-top{gap:14px}.open-pack{padding:20px 16px;gap:16px}.open-pack h2{font-size:24px}}
@media(max-width:720px){aside{padding:8px 15px 0}.brand{font-size:28px}.intro h1{font-size:24px}.universe-banner{padding:2px;border-radius:10px;margin:10px 0 19px}.universe-banner img{border-radius:8px}.universe-caption{bottom:8px;right:8px;font-size:7px;padding:3px 5px}.home-top{grid-template-columns:1fr}.open-pack{min-height:220px;padding:20px 26px;gap:25px}.hero{min-height:220px}.hero h2{font-size:26px}.section-title h2{font-size:21px}.cards{gap:11px}.card strong{font-size:13px}.card-info{padding:8px 3px}.chip{letter-spacing:.4px}.stat{padding:9px}.intro button{font-size:10px}.brand small{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}