*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI}
body{
background:radial-gradient(circle at top,#2b0b4a,#07000f);
color:#fff;
overflow-x:hidden;
}
canvas{position:fixed;inset:0;z-index:0}
.side{position:fixed;top:0;bottom:0;width:160px}
.left{left:0;background:linear-gradient(to right,rgba(0,0,0,.7),transparent)}
.right{right:0;background:linear-gradient(to left,rgba(0,0,0,.7),transparent)}

.back-home{
position:fixed;top:20px;left:20px;
background:#ffd86a;color:#000;
padding:10px 18px;border-radius:20px;
font-weight:800;text-decoration:none;
}

.shop-header{text-align:center;padding:120px 20px 60px}
.shop-logo{width:120px}
.shop-header h1{color:#ffd86a}

.shop-section{padding:60px 5%}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}

.shop-card{
padding:30px;border-radius:25px;
text-align:center;
animation:card .8s ease forwards;
opacity:0;transform:translateY(40px);
transition:.4s;
}
.shop-card:hover{
transform:translateY(-12px) scale(1.05);
box-shadow:0 0 40px rgba(255,216,106,.8);
}

.shop-card img{width:100%;max-height:180px;object-fit:contain}

button{
margin-top:12px;
background:#ffd86a;
border:none;
padding:12px 28px;
border-radius:30px;
font-weight:900;
cursor:pointer;
animation:pulse 2s infinite;
}

.vip{background:linear-gradient(160deg,#3a0000,#ff2a2a)}
.puma{background:linear-gradient(160deg,#2a004a,#9b4dff)}
.god{background:linear-gradient(160deg,#3a2a00,#ffcf4a);color:#000}
.item{background:linear-gradient(160deg,#001f3f,#005eff)}
.chunk{background:linear-gradient(160deg,#003f1f,#00ff9c)}

@keyframes card{to{opacity:1;transform:none}}
@keyframes pulse{
0%{box-shadow:0 0 0 #ffd86a}
70%{box-shadow:0 0 30px #ffd86a}
100%{box-shadow:0 0 0 #ffd86a}
}

footer{text-align:center;padding:40px}