.pagination-controls{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;padding:8px 4px 10px;flex-wrap:wrap;max-width:100%;overflow:hidden}.pagination-controls button{background-color:#2c2c2e;border:1px solid #3a3a3c;color:#8e8e93;padding:6px 10px;min-height:44px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;min-width:36px;font-size:13px;flex-shrink:0}.pagination-controls button:hover:not(:disabled){background-color:#3a3a3c;color:#fff}.pagination-controls button.active{background-color:#007aff;color:#fff;border-color:#007aff}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls span{color:#8e8e93;padding:0 2px;font-size:13px}@media (prefers-reduced-motion: reduce){.pagination-controls button{transition:none}}@media (max-width: 480px){.pagination-controls{gap:4px;margin-top:12px;padding:6px 2px 8px}.pagination-controls button{padding:5px 8px;min-width:32px;font-size:12px;border-radius:6px}.pagination-controls span{font-size:12px;padding:0 1px}}.upgrade-grid-wrapper{background-color:#1c1c1e;border-radius:16px;padding:16px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;min-width:0}.upgrade-grid-header{display:flex;flex-direction:column;gap:12px}.upgrade-grid-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.controls-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.sort-controls,.filter-controls{display:flex;gap:8px;align-items:center}.sort-controls button,.multiplier-controls button{background-color:#2c2c2e;border:1px solid #3a3a3c;color:#8e8e93;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px}.sort-controls button.active,.multiplier-controls button.active{background-color:#007aff;color:#fff;border-color:#007aff}.filter-controls input{background-color:#2c2c2e;border:1px solid #3a3a3c;color:#fff;border-radius:8px;padding:8px;width:80px;font-family:var(--font-main)}.filter-controls input::placeholder{color:#8e8e93}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:16px;width:100%;contain:layout style}@media (max-width: 768px){.upgrade-grid-wrapper{padding:12px;gap:12px;overflow:hidden}.upgrade-grid-header{gap:8px}.upgrade-grid-header h3{font-size:15px}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:8px}.sort-label{display:none}.sort-controls button,.multiplier-controls button{padding:5px 8px;font-size:11px;min-height:44px}.controls-container{gap:6px}.filter-controls input{font-size:16px;min-height:44px}.grid-item-card{aspect-ratio:1 / 1.2}.grid-item-card:hover{transform:none;z-index:auto}.grid-item-card.selected{transform:none;z-index:5}.grid-item-image-container{padding:8px}.grid-item-info{padding:6px 4px}.grid-item-name{font-size:10px}.grid-item-price{font-size:10px;gap:3px}.grid-item-price img{width:14px;height:14px}}@media (max-width: 480px){.upgrade-grid-wrapper{padding:10px;gap:10px;border-radius:12px;overflow:hidden}.upgrade-grid-header h3{font-size:14px}.upgrade-grid{grid-template-columns:repeat(2,1fr);gap:8px}.grid-item-card{aspect-ratio:1 / 1.25}.grid-item-image-container{padding:10px}.grid-item-info{padding:6px 4px}.grid-item-name{font-size:11px}.grid-item-price{font-size:11px;gap:3px}.grid-item-price img{width:16px;height:16px}.sort-controls button,.multiplier-controls button{padding:5px 8px;font-size:11px}}.grid-item-card{box-sizing:border-box;display:flex;flex-direction:column;background-color:#2c2c2e;border-radius:12px;border:2px solid transparent;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;overflow:hidden;position:relative;aspect-ratio:1 / 1.35;contain:layout paint style}.grid-item-card:hover{transform:scale(1.05);z-index:10}.grid-item-card.selected{transform:scale(1.08);box-shadow:inset 0 0 0 2px #007aff,0 0 15px #007aff80;z-index:10}.grid-item-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:80%;background:radial-gradient(circle at 50% 100%,var(--item-glow-color) 0%,transparent 70%);z-index:0;opacity:.9;filter:blur(10px);transition:opacity .3s ease-in-out}.grid-item-card:hover:before{opacity:1}.grid-item-card.selected:before{opacity:1}.grid-item-image-container{flex-grow:1;min-height:0;padding:12px;display:flex;align-items:center;justify-content:center;z-index:2;position:relative}.grid-item-animation,.grid-item-image-container .tg-gift-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.grid-item-image-container .tg-gift-image,.grid-item-image-container .tg-gift-lottie{width:100%;height:100%;object-fit:contain}.grid-item-info{flex-shrink:0;padding:8px;background-color:#0003;text-align:center;z-index:2}.grid-item-name{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-item-price{font-size:12px;font-weight:600;color:#a0a0a0;display:flex;align-items:center;justify-content:center;gap:4px}.grid-item-price img{width:18px;height:18px}@media (prefers-reduced-motion: reduce){.sort-controls button,.multiplier-controls button,.grid-item-card,.grid-item-card:before{transition:none}}.grid-empty{grid-column:1 / -1;text-align:center;padding:30px;color:#8e8e93}.upgrade-auth-prompt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;background:linear-gradient(135deg,#1a1b1ff2,#2a2d37f2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,165,0,.3);box-shadow:0 4px 20px #0000004d,0 0 40px #ffa5001a;overflow:hidden;text-align:center;min-height:200px;grid-column:1 / -1}.upgrade-auth-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.upgrade-auth-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,165,0,.15) 0%,transparent 70%);animation:upgrade-glow-pulse 2.5s ease-in-out infinite}@keyframes upgrade-glow-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.15)}}.upgrade-auth-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#ffa50033,#ff8c0033);border:2px solid rgba(255,165,0,.4);border-radius:50%;color:orange;box-shadow:0 0 25px #ffa5004d,inset 0 0 15px #ffa50026}.upgrade-auth-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem;max-width:100%}.upgrade-auth-content h4{margin:0;font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(255,165,0,.3)}.upgrade-auth-content p{margin:0;font-size:.95rem;color:#a0a0a0;line-height:1.4}.upgrade-auth-button{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;min-height:44px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff8c00,orange);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff8c0066,0 0 15px #ffa50033;overflow:hidden}.upgrade-auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.upgrade-auth-button:hover:before{left:100%}.upgrade-auth-button:hover{box-shadow:0 6px 20px #ff8c0099,0 0 25px #ffa50066;transform:translateY(-2px)}.upgrade-auth-button:active{transform:translateY(0)}@media (max-width: 768px){.upgrade-auth-prompt{padding:1.5rem 1.25rem;gap:.875rem;min-height:180px}.upgrade-auth-icon{width:60px;height:60px}.upgrade-auth-icon svg{width:28px;height:28px}.upgrade-auth-content h4{font-size:1.25rem}.upgrade-auth-content p{font-size:.9rem}.upgrade-auth-button{padding:.65rem 1.5rem;font-size:.95rem}.upgrade-auth-button:hover{transform:none}}@media (max-width: 480px){.upgrade-auth-prompt{padding:1.25rem 1rem;min-height:160px}.upgrade-auth-content h4{font-size:1.15rem}.upgrade-auth-button{padding:.6rem 1.35rem}}@media (prefers-reduced-motion: reduce){.upgrade-auth-glow{animation:none}.upgrade-auth-button:before{transition:none}.upgrade-auth-button:hover{transform:none}}
