.balance-bar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:2px solid #ffd7004d;margin:-32px -32px 32px;padding:16px 24px;position:sticky;top:0}@media screen and (max-width:600px){.balance-bar{margin:-16px -16px 24px;padding:12px 16px}}.balance-content{justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;display:flex}.balance-label{font-family:var(--font-lato);color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:300}.balance-amount{font-family:var(--font-jersey20);color:gold;text-shadow:0 0 10px #ffd70080;font-size:32px;font-weight:400;line-height:1}@media screen and (max-width:600px){.balance-label{font-size:12px}.balance-amount{font-size:24px}}
.reward-tile{cursor:pointer;text-align:left;color:#fff;font-family:var(--font-lato);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;min-height:160px;padding:16px;transition:all .2s;display:flex;position:relative}.reward-tile:hover:not(.disabled){background:#ffffff14;border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.reward-tile:focus-visible{outline-offset:2px;outline:3px solid gold}.reward-tile.disabled{cursor:not-allowed;opacity:.6}.reward-tile.success{background:#22c55e1a;border-color:#22c55e99}.reward-tile.error{background:#ef44441a;border-color:#ef444499}.reward-tile.loading{background:#3b82f61a;border-color:#3b82f699}.reward-tile.cooldown{background:#eab3080d;border-color:#eab30899}.reward-icon{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;display:flex}.icon-emoji{font-size:32px;line-height:1}.icon-placeholder{color:var(--color-text-faint);font-size:24px;font-weight:700}.reward-info{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.reward-name{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.reward-description{color:#fff9;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:300;line-height:1.3;display:-webkit-box;overflow:hidden}.reward-footer{justify-content:center;align-items:center;min-height:24px;display:flex}.reward-cost{font-family:var(--font-jersey20);color:gold;text-shadow:0 0 8px #ffd70066;font-size:24px;font-weight:400;line-height:1}.status-text{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;line-height:1}.status-text.success{color:#22c55e;animation:.5s pulse-success}.status-text.error{color:#ef4444;text-align:center;font-size:10px}.status-text.loading{color:#3b82f6}.status-text.cooldown{color:#eab308}.status-text.out-of-stock{color:#ef4444}.status-text.cant-afford{color:#f97316}.stock-indicator,.max-per-user-indicator{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ef4444cc;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.max-per-user-indicator{background:#3b82f6cc;top:auto;bottom:8px}@keyframes pulse-success{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media screen and (max-width:600px){.reward-tile{min-height:140px;padding:12px}.reward-icon{width:40px;height:40px}.icon-emoji{font-size:28px}.reward-name{font-size:13px}.reward-description{font-size:11px}.reward-cost{font-size:20px}}
.cosmetic-tile{text-align:left;color:#fff;font-family:var(--font-lato);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;min-height:180px;padding:16px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.cosmetic-rarity-bar{border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.rarity--common .cosmetic-rarity-bar{background:#9ca3af}.rarity--rare .cosmetic-rarity-bar{background:#3b82f6}.rarity--epic .cosmetic-rarity-bar{background:#a855f7}.rarity--legendary .cosmetic-rarity-bar{background:linear-gradient(90deg,var(--color-accent-gold),#fbbf24,var(--color-accent-gold))}.cosmetic-tile:not(.is-owned):not(.disabled):hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.rarity--common:not(.is-owned):not(.disabled):hover{border-color:#9ca3af66}.rarity--rare:not(.is-owned):not(.disabled):hover{border-color:#3b82f666}.rarity--epic:not(.is-owned):not(.disabled):hover{border-color:#a855f766}.rarity--legendary:not(.is-owned):not(.disabled):hover{border-color:#f59e0b66}.cosmetic-tile.is-owned:hover{background:#ffffff12}.rarity--legendary{border-color:#ffd70038;box-shadow:inset 0 0 0 1px #ffd70014}.rarity--legendary .cosmetic-rarity-bar{height:4px}.cosmetic-tile:focus-visible{outline:3px solid var(--color-accent-gold);outline-offset:2px}.cosmetic-tile.disabled{opacity:.65}.cosmetic-tile.success{background:#22c55e14;border-color:#22c55e99}.cosmetic-tile.success-equip{background:#ffd7000f;border-color:#ffd70080}.cosmetic-tile.error{background:#ef444414;border-color:#ef444499}.cosmetic-tile.loading{background:#3b82f60f;border-color:#3b82f680}.cosmetic-tile.equipped{background:#ffd70012;border-color:#ffd7008c;box-shadow:0 0 0 1px #ffd70033,0 4px 16px #ffd70014}.leaving-soon-tag{color:var(--color-accent-amber);letter-spacing:.3px;background:#f7a72c26;border:1px solid #f7a72c59;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;top:10px;left:10px}.cosmetic-preview{justify-content:center;align-items:center;min-height:56px;display:flex}.cosmetic-preview-frame-wrap{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.cosmetic-frame-img{pointer-events:none;z-index:1;object-fit:contain;width:76px;height:76px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cosmetic-preview-frame{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.frame-inner{background:#ffffff1a;border-radius:50%;width:36px;height:36px}.frame--golden{border:3px solid gold;box-shadow:0 0 8px #ffd70066}.frame--frost{border:3px solid #7dd3fc;box-shadow:0 0 8px #7dd3fc66}.frame--fire{border:3px solid #f97316;box-shadow:0 0 8px #f9731666}.frame--nature{border:3px solid #4ade80;box-shadow:0 0 8px #4ade8066}.frame--murloc{border:3px solid #06b6d4;box-shadow:0 0 12px #06b6d480}.frame--shadow{border:3px solid #8b5cf6;box-shadow:0 0 8px #8b5cf666}.cosmetic-preview-title{background:#ffffff0d;border-radius:4px;padding:4px 12px}.title-text{font-family:var(--font-lato);color:#fffc;font-size:14px;font-style:italic;font-weight:700}.cosmetic-preview-badge{justify-content:center;align-items:center;display:flex}.badge-emoji{font-size:36px;line-height:1}.cosmetic-badge-img{object-fit:contain;width:40px;height:40px}.cosmetic-preview-accent{justify-content:center;align-items:center;gap:8px;display:flex}.accent-chip{border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;width:32px;height:32px;box-shadow:0 2px 6px #00000059}.accent-chip--primary{width:40px;height:40px}.accent-chip--secondary{opacity:.8}.cosmetic-preview-background{border:1px solid #ffffff1f;border-radius:8px;width:100%;height:52px;position:relative;overflow:hidden}.cosmetic-preview-background--grid:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff12 0 1px,#0000 1px 16px),repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 16px);border-radius:8px;position:absolute;inset:0}.cosmetic-preview-background--crt:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff12 0 1px,#0000 1px 3px);border-radius:8px;position:absolute;inset:0}.cosmetic-info{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.cosmetic-name{color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.cosmetic-description{color:#fff9;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:300;line-height:1.3;display:-webkit-box;overflow:hidden}.cosmetic-footer{justify-content:center;align-items:center;min-height:32px;margin-top:auto;display:flex}.buy-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.buy-btn:disabled{cursor:not-allowed}.cosmetic-cost{font-family:var(--font-jersey20);color:var(--color-accent-gold);text-shadow:0 0 8px #ffd70066;font-size:24px;font-weight:400;line-height:1;transition:text-shadow .15s;display:block}.buy-btn:hover:not(:disabled) .cosmetic-cost{text-shadow:0 0 14px #ffd700b3}.equip-btn{font-family:var(--font-lato);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border:1px solid;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s}.equip-btn:disabled{cursor:not-allowed;opacity:.5}.equip-btn--idle{color:#ffffffbf;background:#ffffff0f;border-color:#fff3}.equip-btn--idle:hover:not(:disabled){color:#fff;background:#ffffff1f;border-color:#fff6}.equip-btn--active{color:var(--color-accent-gold);background:#ffd70024;border-color:#ffd70099}.equip-btn--active:hover:not(:disabled){color:#ffd700bf;background:#ffd70014;border-color:#ffd70059}.cosmetic-tile .status-text{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;line-height:1}.cosmetic-tile .status-text.success{color:var(--color-success)}.cosmetic-tile .status-text.success-equip{color:var(--color-accent-gold)}.cosmetic-tile .status-text.error{color:var(--color-danger);text-align:center;font-size:10px}.cosmetic-tile .status-text.loading{color:#3b82f6}.cosmetic-tile .status-text.out-of-stock{color:var(--color-danger)}.cosmetic-tile .status-text.cant-afford{color:var(--color-warning)}.cosmetic-tile .stock-indicator{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ef4444bf;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}@media screen and (max-width:600px){.cosmetic-tile{min-height:160px;padding:12px}.cosmetic-preview{min-height:48px}.badge-emoji{font-size:28px}.cosmetic-name{font-size:13px}.cosmetic-description{font-size:11px}.cosmetic-cost{font-size:20px}.equip-btn{padding:4px 10px;font-size:10px}}
.store-grid-container{flex-direction:column;gap:48px;display:flex}.category-section{flex-direction:column;gap:20px;display:flex}.category-title{font-family:var(--font-jersey20);color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:40px;font-weight:400;line-height:1}.store-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;width:100%;display:grid}@media screen and (min-width:600px){.store-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}}@media screen and (min-width:900px){.store-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media screen and (min-width:1200px){.store-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-title{font-size:48px}}@media screen and (max-width:600px){.store-grid-container{gap:32px}.category-title{font-size:32px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}.lybble-locker{border-top:1px solid #ffd7001f;flex-direction:column;gap:32px;padding-top:8px;display:flex}.lybble-locker-header{flex-direction:column;gap:8px;display:flex}.lybble-locker-title-row{flex-wrap:wrap;align-items:baseline;gap:20px;display:flex}.lybble-locker-heading{font-family:var(--font-jersey20);color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 24px #ffd70040;margin:0;font-size:40px;font-weight:400;line-height:1}.lybble-locker-profile-link{font-family:var(--font-lato);color:#ffd700bf;letter-spacing:.3px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.lybble-locker-profile-link:hover{color:var(--color-accent-gold);text-decoration:underline}.lybble-locker-tagline{font-family:var(--font-lato);color:var(--color-text-faint);max-width:520px;margin:0;font-size:14px;font-weight:300}.lybble-locker-collections{flex-direction:column;gap:48px;display:flex}.cosmetic-collection-section{border:1px solid #ffd7001a;border-left:3px solid var(--color-accent,gold);background:#ffffff05;border-radius:8px;flex-direction:column;gap:24px;padding:20px 20px 24px;display:flex}.cosmetic-collection-title{font-family:var(--font-jersey20);color:var(--color-accent-gold,gold);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 16px #ffd70033;margin:0;font-size:30px;font-weight:400;line-height:1}.cosmetic-collection-slots{flex-direction:column;gap:28px;display:flex}.cosmetic-slot-section{flex-direction:column;gap:12px;display:flex}.cosmetic-slot-title{font-family:var(--font-lato);text-transform:uppercase;letter-spacing:1.2px;color:var(--color-text-faint);border-bottom:1px solid #ffffff0f;margin:0;padding-bottom:6px;font-size:11px;font-weight:700}@media screen and (min-width:600px){.lybble-locker-heading{font-size:48px}.cosmetic-collection-title{font-size:34px}.lybble-locker-tagline{font-size:15px}}@media screen and (max-width:600px){.lybble-locker{gap:24px;padding-top:4px}.lybble-locker-heading{font-size:32px}.lybble-locker-collections{gap:32px}.cosmetic-collection-section{gap:18px;padding:14px 14px 18px}.cosmetic-collection-title{font-size:24px}.lybble-locker-tagline{font-size:13px}.cosmetic-collection-slots{gap:20px}}