@import url(https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary:#a78bfa;--primary-light:#c4b5fd;--primary-dark:#8b5cf6;--accent:#e9d5ff;--text:#4c1d95;--text-light:#f5f3ff}body{margin:0;padding:0;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.glass-header{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 30px rgba(0,0,0,.08);border-bottom:1px solid rgba(255,255,255,.4)}.glass-footer{background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 40px rgba(0,0,0,.05);border-top:1px solid rgba(255,255,255,.4)}.game-card{background:rgba(255,255,255,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 35px rgba(167,139,250,.12);transition:.4s cubic-bezier(.175, .885, .32, 1.1);width:100%;max-width:900px;margin:0 auto 16px;padding:18px;position:relative;display:flex;align-items:center;justify-content:space-between}.game-card:hover{transform:translateY(-6px);box-shadow:0 15px 45px rgba(167,139,250,.2)}.game-content{display:flex;align-items:center;flex-grow:1}.game-image-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.game-image{max-width:100%;max-height:100%;object-fit:contain}.game-title{font-family:'El Messiri',sans-serif;font-weight:700;font-size:1.3rem;color:var(--text);letter-spacing:.5px;margin:0}.game-badge{position:absolute;top:0;right:0}.badge-hot{background:linear-gradient(45deg,#f87171,#ef4444);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.3)}.badge-popular{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px rgba(217,119,6,.3)}.badge-new{background:linear-gradient(45deg,#38bdf8,#0ea5e9);color:#fff;box-shadow:0 2px 8px rgba(14,165,233,.3)}.game-actions{display:flex;flex-direction:column;gap:8px}.bigsmall-btn,.number-btn{color:#fff;transition:.3s;border-radius:16px;font-size:.7rem;font-weight:600;padding:8px 12px;position:relative;overflow:hidden;display:inline-flex;align-items:center;white-space:nowrap;border:none;cursor:pointer}.bigsmall-btn{background:linear-gradient(45deg,#6b21a8,#9333ea);box-shadow:0 3px 10px rgba(107,33,168,.3)}.number-btn{background:linear-gradient(45deg,#7e22ce,#a855f7);box-shadow:0 3px 10px rgba(126,34,206,.3)}.btn-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.2);opacity:0;transition:opacity .3s}.bigsmall-btn:hover .btn-glow,.number-btn:hover .btn-glow{opacity:1}.bigsmall-btn i,.number-btn i{margin-left:4px;font-size:.7rem}.nav-icon{transition:.3s;color:#6b7280}.nav-icon:hover{color:var(--primary-dark);transform:scale(1.15)}.footer-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(167,139,250,.1);transition:.4s}.footer-icon:hover{background:var(--primary);color:#fff;transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px rgba(167,139,250,.4)}.footer-link{position:relative;transition:.3s}.footer-link::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s}.footer-link:hover::after{width:100%}.floating-coin{position:absolute;opacity:.7;animation:6s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width:640px){.game-card{padding:12px;margin-bottom:12px;flex-direction:row;align-items:center}.game-content{flex-grow:1}.game-image-container{width:60px;height:60px;margin-right:12px}.game-title{font-size:1.1rem}.game-actions{flex-direction:row;gap:6px}.bigsmall-btn,.number-btn{font-size:.65rem;padding:6px 10px}}