.cosmetic-shop{margin:24px 0;padding:28px;border:1px solid var(--border-color,#34404d);border-radius:20px;background:var(--card-bg,#151b23)}
.cosmetic-shop>header{margin-bottom:20px}.cosmetic-shop h2,.cosmetic-shop h3{margin:.2em 0}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cosmetic-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--border-color,#34404d);border-radius:16px;background:rgba(8,14,23,.3)}.cosmetic-card.seasonal.cosmetic-card-halloween{border-color:#df873a;background:linear-gradient(145deg,rgba(173,79,17,.22),rgba(8,14,23,.3))}.cosmetic-card>strong{margin-top:auto}.cosmetic-card form,.cosmetic-card button{width:100%}.cosmetic-icon{font-size:2rem}.cosmetic-card span{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#75baff}.reaction-shop{margin-top:24px;margin-bottom:20px}.reaction-shop form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.reaction-shop label{display:grid;gap:6px}.reaction-shop select{width:100%}
.cosmetic-frame{position:relative;box-shadow:0 0 0 2px #4b9cff,0 0 13px rgba(75,156,255,.75)}.cosmetic-frame-golden-glow{box-shadow:0 0 0 2px #ffc247,0 0 18px rgba(255,194,71,.85)}.cosmetic-frame-pumpkin-orbit{box-shadow:0 0 0 3px #ff8b2c,0 0 18px rgba(168,67,255,.85)}
.name-effect-starlight-name{color:#88c8ff!important;text-shadow:0 0 8px rgba(72,162,255,.8)}.name-effect-rainbow-name{background:linear-gradient(90deg,#ff5a78,#ffc247,#69e48c,#68b8ff,#c884ff);background-size:200% auto;color:transparent!important;background-clip:text;-webkit-background-clip:text;animation:miggie-rainbow 3s linear infinite}.name-effect-ghost-name{color:#d6f8ff!important;text-shadow:0 0 4px #fff,0 0 12px #9d72ff}
@keyframes miggie-rainbow{to{background-position:200% center}}
.game-page.game-cosmetic-neon-arcade .game-shell{border-color:#57eaff;box-shadow:0 0 24px rgba(87,234,255,.28)}.game-page.game-cosmetic-haunted-arcade .game-shell{border-color:#a45cff;box-shadow:0 0 24px rgba(164,92,255,.35)}
@media(max-width:800px){.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reaction-shop form{grid-template-columns:1fr}}@media(max-width:520px){.cosmetic-grid{grid-template-columns:1fr}.cosmetic-shop{padding:20px}}
