/* Diamonds Outta Dirt Arcade v4.6.11 — Diamonds, outfits, and animated selection. */
.player-hub-header-actions{display:flex;align-items:center;gap:10px;min-width:0}
.player-hub-diamond-wallet,.outfit-wallet-row,.diamond-vault-wallet{display:flex;align-items:center;gap:9px;border:1px solid rgba(103,232,249,.38);background:linear-gradient(135deg,rgba(103,232,249,.13),rgba(192,132,252,.09));box-shadow:inset 0 0 18px rgba(103,232,249,.05),0 0 18px rgba(103,232,249,.06);border-radius:12px;padding:8px 11px;color:#e8fbff}
.player-hub-diamond-wallet{padding:6px 9px;max-width:210px}
.player-hub-diamond-wallet small,.outfit-wallet-row small,.diamond-vault-wallet small{display:block;color:#8ddff0;font-size:.42rem;letter-spacing:.12em;line-height:1.1}
.player-hub-diamond-wallet strong,.outfit-wallet-row strong,.diamond-vault-wallet strong{display:block;margin-top:2px;font-size:.61rem;letter-spacing:.08em;white-space:nowrap}
.diamond-gem{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:radial-gradient(circle at 34% 28%,#fff 0 8%,#a5f3fc 18%,#22d3ee 44%,#7c3aed 100%);color:#fff;text-shadow:0 0 10px #fff;box-shadow:0 0 18px rgba(34,211,238,.38);animation:diamondWalletPulse 2.6s ease-in-out infinite}
.outfit-wallet-row,.diamond-vault-wallet{width:max-content;max-width:100%;margin:0 0 12px}
.diamond-vault-wallet{padding:13px 15px}.diamond-vault-wallet .diamond-gem{width:38px;height:38px;font-size:1.05rem}
.hub-diamonds-tab{border-color:rgba(103,232,249,.35)!important;color:#bef7ff!important}
.hub-diamonds-tab.active{color:#07110d!important}
.diamond-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.diamond-package-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:205px;padding:16px;border:1px solid rgba(103,232,249,.25);border-radius:16px;background:radial-gradient(circle at 85% 10%,rgba(103,232,249,.15),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(124,58,237,.06));box-shadow:inset 0 0 24px rgba(255,255,255,.018)}
.diamond-package-card::after{content:"";position:absolute;inset:-80% -40%;background:linear-gradient(100deg,transparent 43%,rgba(255,255,255,.11) 50%,transparent 57%);transform:translateX(-45%) rotate(10deg);animation:diamondPackageSweep 5s ease-in-out infinite;pointer-events:none}
.diamond-package-card:hover{border-color:#67e8f9;transform:translateY(-3px);box-shadow:0 12px 28px rgba(34,211,238,.12)}
.diamond-package-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e0f2fe,#22d3ee 45%,#7c3aed);font-size:1.15rem;color:#fff;box-shadow:0 0 22px rgba(34,211,238,.26)}
.diamond-package-card small{color:#81e6f4;font-size:.48rem;letter-spacing:.15em}.diamond-package-card strong{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.diamond-package-card b{font-size:1rem;color:#e8fbff}.diamond-package-card em{font-style:normal;color:#c4b5fd;font-size:.72rem}
.diamond-package-card button,.diamond-package-buy{position:relative;z-index:1;margin-top:auto;width:100%;min-height:35px;display:grid;place-items:center;border:1px solid rgba(103,232,249,.45);border-radius:9px;background:rgba(34,211,238,.1);color:#dffcff;text-decoration:none;font:800 .48rem/1 monospace;letter-spacing:.08em}.diamond-package-card button:disabled{opacity:.5}.diamond-package-buy:hover{background:#67e8f9;color:#061016}
.diamond-store-status,.diamond-safety-note{margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.025);font-size:.58rem;line-height:1.55;color:#aebbc0}.diamond-safety-note strong{color:#67e8f9;letter-spacing:.11em}.diamond-safety-note p{margin:5px 0 0}
.character-outfit-list{align-items:stretch}
.character-outfit{position:relative;overflow:hidden;display:grid!important;grid-template-columns:76px minmax(0,1fr) auto!important;align-items:center;gap:10px;min-height:118px!important;padding:9px!important;text-align:left!important}
.character-outfit-preview{position:relative;display:grid!important;place-items:end center!important;width:76px;height:98px;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 72%,rgba(103,232,249,.12),transparent 62%),rgba(0,0,0,.28)}
.character-outfit-preview img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 8px rgba(0,0,0,.45));transition:transform .28s ease,filter .28s ease}
.character-outfit-preview i{position:absolute;left:4px;bottom:4px;padding:3px 5px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(0,0,0,.75);color:#fff;font:700 .34rem/1 monospace;letter-spacing:.07em;font-style:normal}
.character-outfit:hover .character-outfit-preview img,.character-outfit.selected .character-outfit-preview img{transform:translateY(-3px) scale(1.07);filter:drop-shadow(0 8px 13px rgba(103,232,249,.32))}
.character-outfit.visual-chrome .character-outfit-preview img{filter:saturate(1.35) contrast(1.12) hue-rotate(145deg) drop-shadow(0 7px 10px rgba(34,211,238,.35))}
.character-outfit.visual-runway .character-outfit-preview img{filter:saturate(1.45) brightness(1.08) hue-rotate(305deg) drop-shadow(0 7px 12px rgba(192,132,252,.38))}
.character-outfit.visual-crown .character-outfit-preview img{filter:sepia(.35) saturate(1.7) brightness(1.08) drop-shadow(0 7px 12px rgba(251,191,36,.42))}
.character-outfit.visual-neon .character-outfit-preview img{filter:saturate(1.8) contrast(1.14) hue-rotate(40deg) drop-shadow(0 7px 13px rgba(0,255,157,.4))}
.character-outfit.visual-shadow .character-outfit-preview img{filter:saturate(.5) contrast(1.35) brightness(.72) drop-shadow(0 7px 12px rgba(124,58,237,.42))}
.outfit-action-label{align-self:stretch;display:grid;place-items:center;min-width:58px;padding:6px;border-left:1px solid rgba(255,255,255,.09);color:#67e8f9;font-size:.42rem;letter-spacing:.08em}.character-outfit.selected .outfit-action-label{color:#00ff9d}.character-outfit.locked .outfit-action-label{color:#c4b5fd}
.character-avatar-card{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.character-avatar-card::before{content:"";position:absolute;z-index:-1;inset:12% 8%;border-radius:50%;background:radial-gradient(circle,rgba(103,232,249,.16),transparent 67%);opacity:.24;transform:scale(.78);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.character-avatar-card:hover,.character-avatar-card.previewed,.character-avatar-card.selected{transform:translateY(-4px) scale(1.015)}
.character-avatar-card:hover::before,.character-avatar-card.previewed::before,.character-avatar-card.selected::before{opacity:1;transform:scale(1.12);animation:characterPremiumAura 2s ease-in-out infinite}
.character-avatar-card.previewed{border-color:#67e8f9!important;box-shadow:0 0 0 1px rgba(103,232,249,.3),0 12px 34px rgba(34,211,238,.13)!important}
.character-avatar-card .character-avatar-preview{position:relative}.character-avatar-card .character-avatar-preview::after{content:"";position:absolute;left:8%;right:8%;bottom:3px;height:8px;border-radius:50%;background:radial-gradient(ellipse,rgba(103,232,249,.58),transparent 68%);filter:blur(3px);opacity:0;transition:opacity .25s ease}
.character-avatar-card:hover .character-avatar-preview::after,.character-avatar-card.previewed .character-avatar-preview::after,.character-avatar-card.selected .character-avatar-preview::after{opacity:1;animation:characterStagePulse 1.4s ease-in-out infinite}
.character-avatar-card.locked[data-diamond-cost]::after{content:"◆ " attr(data-diamond-cost);position:absolute;right:7px;top:7px;padding:4px 6px;border:1px solid rgba(103,232,249,.36);border-radius:999px;background:rgba(3,8,14,.84);color:#c9f8ff;font:800 .39rem/1 monospace;letter-spacing:.05em}
@keyframes diamondWalletPulse{0%,100%{transform:scale(1) rotate(0deg);filter:brightness(1)}50%{transform:scale(1.07) rotate(4deg);filter:brightness(1.18)}}
@keyframes diamondPackageSweep{0%,35%{transform:translateX(-55%) rotate(10deg)}70%,100%{transform:translateX(55%) rotate(10deg)}}
@keyframes characterPremiumAura{0%,100%{filter:brightness(1);transform:scale(1.03)}50%{filter:brightness(1.35);transform:scale(1.15)}}
@keyframes characterStagePulse{0%,100%{transform:scaleX(.78);opacity:.45}50%{transform:scaleX(1.1);opacity:1}}
body.reduced-motion .diamond-gem,body.reduced-motion .diamond-package-card::after,body.reduced-motion .character-avatar-card::before,body.reduced-motion .character-avatar-preview::after{animation:none!important}
@media(max-width:680px){.player-hub-header-actions{gap:6px}.player-hub-diamond-wallet small{display:none}.player-hub-diamond-wallet{padding:5px 7px}.player-hub-diamond-wallet .diamond-gem{width:24px;height:24px}.player-hub-diamond-wallet strong{font-size:.51rem}.diamond-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diamond-package-card{min-height:190px;padding:12px}.character-outfit{grid-template-columns:67px minmax(0,1fr)!important}.character-outfit-preview{width:67px;height:90px}.outfit-action-label{grid-column:1/-1;min-height:25px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}}
@media(max-width:390px){.diamond-package-grid{grid-template-columns:1fr}.player-hub-diamond-wallet strong{max-width:82px;overflow:hidden;text-overflow:ellipsis}.character-outfit{grid-template-columns:58px minmax(0,1fr)!important}.character-outfit-preview{width:58px;height:82px}}
.character-avatar-card.visual-chrome .character-avatar-preview img{filter:saturate(1.35) contrast(1.12) hue-rotate(145deg) drop-shadow(0 6px 10px rgba(34,211,238,.35))}
.character-avatar-card.visual-runway .character-avatar-preview img{filter:saturate(1.45) brightness(1.08) hue-rotate(305deg) drop-shadow(0 6px 12px rgba(192,132,252,.38))}
.character-avatar-card.visual-crown .character-avatar-preview img{filter:sepia(.35) saturate(1.7) brightness(1.08) drop-shadow(0 6px 12px rgba(251,191,36,.42))}
.character-avatar-card.visual-neon .character-avatar-preview img{filter:saturate(1.8) contrast(1.14) hue-rotate(40deg) drop-shadow(0 6px 13px rgba(0,255,157,.4))}
.character-avatar-card.visual-shadow .character-avatar-preview img{filter:saturate(.5) contrast(1.35) brightness(.72) drop-shadow(0 6px 12px rgba(124,58,237,.42))}