@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d0d1a;--bg-secondary: #1a1a2e;--bg-card: #252540;--bg-sidebar: #16162a;--accent-primary: #7c3aed;--accent-secondary: #a855f7;--accent-tertiary: #ec4899;--accent-gradient: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #ec4899 100%);--accent-gradient-glow: linear-gradient(135deg, rgba(124, 58, 237, .6) 0%, rgba(168, 85, 247, .4) 50%, rgba(236, 72, 153, .3) 100%);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--border-color: #2a2a4a;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--shadow-glow: 0 0 40px rgba(124, 58, 237, .4);--shadow-glow-intense: 0 0 60px rgba(124, 58, 237, .6), 0 0 100px rgba(168, 85, 247, .3);--shadow-card: 0 10px 40px rgba(0, 0, 0, .4);--shadow-card-hover: 0 25px 60px rgba(124, 58, 237, .4), 0 15px 40px rgba(0, 0, 0, .5);--font-3d-shadow: 0 2px 0 rgba(0, 0, 0, .3), 0 4px 10px rgba(0, 0, 0, .4)}html,body{width:100%;height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 20%,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.05) 0%,transparent 70%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:900;letter-spacing:-.02em;text-shadow:var(--font-3d-shadow)}#root{min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input{font-family:inherit;border:none;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed66}50%{box-shadow:0 0 40px #7c3aedcc}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #7c3aed66,0 0 40px #a855f733}50%{box-shadow:0 0 40px #7c3aed99,0 0 80px #a855f766}}@keyframes rotate3d{0%{transform:perspective(1000px) rotateY(0)}to{transform:perspective(1000px) rotateY(360deg)}}@keyframes bounce3d{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes colorShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}to{filter:hue-rotate(0deg)}}.text-3d{font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.15),0 2px 0 rgba(0,0,0,.2),0 3px 0 rgba(0,0,0,.15),0 4px 0 rgba(0,0,0,.1),0 5px 10px rgba(0,0,0,.4),0 10px 20px rgba(124,58,237,.3);background:linear-gradient(180deg,#fff,#e0e0f0,#c0c0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-effect{position:relative}.glow-effect:before{content:"";position:absolute;inset:-2px;background:var(--accent-gradient);border-radius:inherit;opacity:0;z-index:-1;filter:blur(10px);transition:opacity .3s ease}.glow-effect:hover:before{opacity:.6}.logo-component{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-component.small .logo-icon-wrapper{width:36px;height:36px}.logo-component.medium .logo-icon-wrapper{width:45px;height:45px}.logo-component.large .logo-icon-wrapper{width:60px;height:60px}.logo-icon-wrapper{position:relative;filter:drop-shadow(0 4px 12px rgba(124,58,237,.4))}.logo-svg{width:100%;height:100%}.logo-text-gradient{font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899 60%,#06b6d4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 3s ease infinite;text-shadow:none;letter-spacing:-.5px}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo-component.small .logo-text-gradient{font-size:1.1rem}.logo-component.large .logo-text-gradient{font-size:1.8rem}.sidebar{position:fixed;left:0;top:0;height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 15px;border-bottom:1px solid var(--border-color);min-height:70px;position:relative}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:var(--accent-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:var(--shadow-glow)}.logo-text{font-size:1.3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.toggle-btn{width:30px;height:30px;background:var(--bg-card);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.toggle-btn:hover{background:var(--accent-primary);color:#fff}.sidebar-nav{flex:1;padding:15px 10px;overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:10px}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);padding:10px 12px;letter-spacing:.5px}.nav-divider{height:1px;background:var(--border-color);margin:10px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:10px;cursor:pointer;transition:all .2s;color:var(--text-secondary);white-space:nowrap;margin-bottom:4px}.nav-item:hover{background:#7c3aed26;color:var(--text-primary)}.nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}.nav-icon{font-size:1.1rem;min-width:20px}.nav-icon.fire{color:#f59e0b}.nav-icon.star{color:#22c55e}.categories{max-height:calc(100vh - 350px);overflow-y:auto}.sidebar-footer{padding:15px;border-top:1px solid var(--border-color);text-align:center}.footer-text{font-size:.75rem;color:var(--text-muted)}.sidebar.closed .nav-item{justify-content:center;padding:12px}.sidebar.closed .logo{justify-content:center}.sidebar.closed .sidebar-header{justify-content:center;flex-direction:column;gap:10px}.sidebar.closed .toggle-btn{position:absolute;top:25px;right:10px}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px;z-index:2000}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #00000080}.sidebar-nav{padding:10px}.nav-item{padding:14px 15px;font-size:.95rem}.nav-icon{font-size:1.2rem}}@media(max-width:480px){.sidebar{width:85vw;max-width:300px}.logo-text{font-size:1.1rem}.logo-icon{width:36px;height:36px;font-size:1rem}}.nav-item span{display:block!important}@media(min-width:769px)and (max-width:1024px){.sidebar:not(.closed){width:260px}.sidebar:not(.closed) .logo-text,.sidebar:not(.closed) .nav-section-title,.sidebar:not(.closed) .footer-text,.sidebar:not(.closed) .nav-item span:not(.nav-icon){display:block}}.language-switcher{position:relative;z-index:1100}.language-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#252540,#1a1a2e);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .3s}.language-btn:hover{border-color:var(--accent-primary);box-shadow:0 4px 15px #7c3aed33}.globe-icon{color:var(--accent-primary);font-size:1rem}.current-flag{font-size:1.2rem}.current-name{font-size:.85rem;font-weight:600}.chevron{font-size:.7rem;color:var(--text-muted)}.language-dropdown{position:fixed;top:70px;left:10px;right:10px;max-width:280px;max-height:60vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 20px 50px #000c;padding:8px;z-index:9999}@media(min-width:769px){.language-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:auto;min-width:200px;max-width:none;max-height:350px}}.language-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s}.language-option:hover{background:#7c3aed26}.language-option.selected{background:linear-gradient(135deg,#7c3aed33,#a855f726);border:1px solid rgba(124,58,237,.3)}.option-flag{font-size:1.3rem}.option-name{color:var(--text-primary);font-size:.9rem;font-weight:500}@media(max-width:768px){.current-name{display:none}.language-btn{padding:10px 12px}.language-dropdown{top:65px;left:10px;right:10px;max-width:none;width:calc(100vw - 20px);max-height:50vh}.language-option{padding:12px 16px}.option-flag{font-size:1.4rem}.option-name{font-size:1rem}}@media(max-width:480px){.language-btn{padding:8px 10px;border-radius:10px}.globe-icon{font-size:.9rem}.current-flag{font-size:1rem}.chevron{font-size:.6rem}.language-dropdown{top:60px;max-height:55vh}.language-option{padding:14px 16px}.option-flag{font-size:1.3rem}.option-name{font-size:.95rem}}.header{position:fixed;top:0;right:0;left:260px;height:70px;background:#0d0d1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 30px;z-index:900;transition:left .3s ease}.sidebar-closed~.main-content .header{left:70px}.header-left{display:flex;align-items:center;gap:15px}.menu-btn{display:none;width:40px;height:40px;background:linear-gradient(135deg,#252540,#1a1a2e);border-radius:12px;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem;transition:all .3s;border:1px solid var(--border-color)}.menu-btn:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:transparent;box-shadow:0 5px 20px #7c3aed66}.search-form{display:flex;align-items:center;background:linear-gradient(135deg,#252540,#1a1a2e);border-radius:25px;padding:0 20px;width:400px;max-width:50vw;border:2px solid var(--border-color);transition:all .3s ease}.search-form.focused{border-color:var(--accent-primary);box-shadow:0 0 25px #7c3aed66;background:linear-gradient(135deg,#2a2a4a,#1f1f35)}.search-icon{color:var(--text-muted);font-size:1rem}.search-input{flex:1;background:transparent;padding:12px 15px;color:var(--text-primary);font-size:.95rem}.search-input::placeholder{color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:12px}.header-btn{width:42px;height:42px;background:linear-gradient(135deg,#252540,#1a1a2e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;transition:all .3s;position:relative;border:1px solid var(--border-color)}.header-btn:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border-color:transparent;box-shadow:0 5px 20px #7c3aed66;transform:translateY(-2px)}.bookmark-header-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:10px 18px;border-radius:25px;font-weight:600;font-size:.85rem;box-shadow:0 5px 20px #f59e0b4d;transition:all .3s;border:none}.bookmark-header-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f59e0b80;background:linear-gradient(135deg,#fbbf24,#fb923c)}.notification-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #ef444480}@media(max-width:1024px){.header{left:70px}.search-form{width:300px}.bookmark-header-btn span{display:none}.bookmark-header-btn{width:42px;height:42px;padding:0;border-radius:12px;justify-content:center}}@media(max-width:768px){.header{left:0;padding:0 15px;height:65px}.menu-btn{display:flex}.search-form{width:200px;max-width:40vw}.bookmark-header-btn span{display:none}.bookmark-header-btn{width:42px;height:42px;padding:0;border-radius:12px;justify-content:center}}@media(max-width:480px){.header{padding:0 10px;height:60px}.header-left{gap:8px}.search-form{width:120px;max-width:35vw;padding:0 12px;border-radius:20px}.search-input{padding:10px 8px;font-size:.85rem}.menu-btn,.header-btn,.bookmark-header-btn{width:38px;height:38px;border-radius:10px}.header-right{gap:8px}}@media(max-width:360px){.search-form{width:100px;max-width:30vw}}@media(min-width:769px)and (max-width:1024px){.header{padding:0 20px}}.notification-wrapper{position:relative}.header-btn.has-favorites{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border-color:transparent}.favorites-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #7c3aed80}.notifications-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:linear-gradient(135deg,#1a1a2e,#252540);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 50px #00000080;z-index:1000;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.notifications-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.notifications-header .close-btn{width:28px;height:28px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;border:none;cursor:pointer}.notifications-header .close-btn:hover{background:#fff3;color:var(--text-primary)}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{display:flex;gap:12px;padding:14px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.notification-item:hover{background:#7c3aed1a}.notification-item.unread{background:#7c3aed14}.notification-item.unread:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.notification-icon{width:40px;height:40px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-content h4{color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0 0 4px}.notification-content p{color:var(--text-secondary);font-size:.75rem;margin:0 0 6px;line-height:1.4}.notification-time{color:var(--text-muted);font-size:.7rem}.mark-all-read{width:100%;padding:14px;background:transparent;border:none;color:var(--accent-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;border-top:1px solid var(--border-color)}.mark-all-read:hover{background:#7c3aed1a}.search-wrapper{position:relative}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#252540);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 50px #00000080;z-index:1000;overflow:hidden;max-height:350px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05)}.suggestion-item:hover{background:#7c3aed26}.suggestion-item:last-child{border-bottom:none}.suggestion-img{width:45px;height:45px;border-radius:10px;object-fit:cover}.suggestion-info{display:flex;flex-direction:column;gap:4px}.suggestion-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.suggestion-category{color:var(--text-muted);font-size:.75rem}.theme-toggle{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none}.theme-toggle:hover{background:linear-gradient(135deg,#fbbf24,#fb923c)}.game-card{position:relative;background:linear-gradient(145deg,var(--bg-card) 0%,rgba(37,37,64,.9) 100%);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;perspective:1000px;border:1px solid rgba(124,58,237,.2);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.game-card:hover,.game-card.hovered{box-shadow:0 30px 60px #7c3aed66,0 15px 30px #0006,inset 0 1px #ffffff1a;border-color:#a855f780}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c3aed26,#a855f71a,#ec48990d);opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.game-card:hover:before,.game-card.hovered:before{opacity:1}.game-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);transform:rotate(45deg);transition:all .6s ease;pointer-events:none;z-index:2}.game-card:hover:after{animation:shimmerCard 1.5s ease infinite}@keyframes shimmerCard{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.card-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:20px 20px 0 0}.animated-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(124,58,237,.4) 0%,transparent 70%);z-index:3;pointer-events:none;mix-blend-mode:screen}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),filter .3s ease;position:relative;z-index:1;filter:saturate(1.1) contrast(1.05)}.game-card:hover .card-image,.game-card.hovered .card-image{filter:saturate(1.3) contrast(1.1) brightness(1.05)}.card-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s;z-index:0}.card-fallback.show,.card-image-wrapper.show-fallback .card-fallback{opacity:1;z-index:1}.fallback-icon-wrapper{display:flex;align-items:center;justify-content:center}.fallback-icon{font-size:3.5rem;color:#fffffff2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(124,58,237,.3))}.fallback-title{font-size:.85rem;font-weight:600;color:#fff;text-align:center;padding:0 15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 2px 4px rgba(0,0,0,.5)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;z-index:5}.game-card:hover .card-overlay{opacity:1}.play-btn{width:65px;height:65px;background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;box-shadow:0 0 30px #7c3aedb3,0 0 60px #a855f766,inset 0 2px #ffffff4d;transform:translateY(20px) scale(.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,255,255,.2)}.game-card:hover .play-btn,.game-card.hovered .play-btn{transform:translateY(0) scale(1);animation:playBtnPulse 1.5s ease-in-out infinite}@keyframes playBtnPulse{0%,to{box-shadow:0 0 30px #7c3aedb3,0 0 60px #a855f766}50%{box-shadow:0 0 50px #7c3aede6,0 0 80px #a855f799}}.card-badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:10}.badge{padding:5px 12px;border-radius:10px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 2px 8px #0000004d}.badge.hot{background:linear-gradient(135deg,#ef4444,#f97316);animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #ef44444d}50%{box-shadow:0 4px 16px #ef444499}}.badge.category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.favorite-btn{position:absolute;top:10px;right:10px;width:34px;height:34px;background:linear-gradient(135deg,#00000080,#0000004d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.85rem;opacity:0;transition:all .3s;z-index:10;border:1px solid rgba(255,255,255,.1)}.game-card:hover .favorite-btn{opacity:1}.favorite-btn:hover{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border-color:transparent}.card-content{padding:16px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%)}.card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:-.01em}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.rating{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.8rem}.star-icon{color:#f59e0b;font-size:.75rem}.developer{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.card-3d-effect{position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#7c3aed,#a855f7 40%,#ec4899,#f472b6);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 20px #7c3aed99,0 0 40px #a855f74d}.game-card:hover .card-3d-effect,.game-card.hovered .card-3d-effect{transform:scaleX(1);animation:glowBar 1.5s ease-in-out infinite}@keyframes glowBar{0%,to{box-shadow:0 0 20px #7c3aed99,0 0 40px #a855f74d}50%{box-shadow:0 0 30px #7c3aedcc,0 0 60px #a855f780}}.game-card.featured{grid-column:span 2;grid-row:span 2}.game-card.featured .card-image-wrapper{aspect-ratio:16/9}.game-card.featured .card-title{font-size:1.3rem}.game-card.featured .play-btn{width:80px;height:80px;font-size:1.5rem}.game-card.featured .fallback-icon{font-size:5rem}.game-card.featured .fallback-title{font-size:1.1rem}@media(max-width:768px){.game-card.featured{grid-column:span 1;grid-row:span 1}.game-card.featured .card-title{font-size:.95rem}.card-title{font-size:.85rem}.fallback-icon{font-size:2rem}.fallback-title{font-size:.75rem}.play-btn{width:50px;height:50px;font-size:1rem}.card-content{padding:12px}}@media(max-width:480px){.game-card{border-radius:14px}.card-image-wrapper{border-radius:14px 14px 0 0}.card-title{font-size:.75rem;margin-bottom:6px}.card-content{padding:10px}.card-meta{gap:6px}.rating{font-size:.7rem}.star-icon{font-size:.65rem}.developer{font-size:.65rem;max-width:70px}.badge{padding:3px 8px;font-size:.55rem}.favorite-btn{width:28px;height:28px;font-size:.75rem;opacity:1}.play-btn{width:40px;height:40px;font-size:.9rem}}@media(hover:none)and (pointer:coarse){.favorite-btn{opacity:1}.game-card:active{transform:scale(.98)}}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.no-games{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:1.1rem}@media(max-width:1400px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:1024px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}}@media(max-width:768px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media(max-width:480px){.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:360px){.game-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(min-width:1600px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}}@media(min-width:2000px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}}.featured-section{margin-bottom:40px}.featured-header{margin-bottom:20px}.featured-title{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.fire-icon{color:#f59e0b}.featured-carousel{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:21/9;max-height:400px;margin-bottom:15px}.featured-slide,.featured-image-wrapper{position:absolute;inset:0}.featured-image{width:100%;height:100%;object-fit:cover}.featured-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,26,.95) 0%,rgba(13,13,26,.7) 30%,rgba(13,13,26,.3) 60%,transparent 100%)}.featured-content{position:absolute;left:40px;bottom:40px;max-width:500px;z-index:10}.featured-badge{display:inline-block;background:var(--accent-gradient);color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.featured-game-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.featured-meta{display:flex;align-items:center;gap:20px;margin-bottom:20px}.featured-category{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:12px;font-size:.85rem;color:#fff}.featured-rating{display:flex;align-items:center;gap:6px;color:#fff;font-size:.9rem}.featured-rating .star{color:#f59e0b}.featured-play-btn{display:flex;align-items:center;gap:10px;background:var(--accent-gradient);color:#fff;padding:14px 30px;border-radius:30px;font-size:1rem;font-weight:600;box-shadow:0 10px 30px #7c3aed66;transition:all .3s}.featured-play-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #7c3aed80}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;z-index:20;transition:all .3s;opacity:0}.featured-carousel:hover .carousel-btn{opacity:1}.carousel-btn:hover{background:var(--accent-primary)}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}.carousel-dots{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;z-index:20}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s}.dot.active{background:var(--accent-primary);transform:scale(1.2)}.dot:hover{background:#fff9}.featured-thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.thumbnail{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;cursor:pointer;opacity:.6;transition:all .3s;border:3px solid transparent}.thumbnail.active{opacity:1;border-color:var(--accent-primary);box-shadow:0 0 20px #7c3aed66}.thumbnail:hover{opacity:1}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;align-items:flex-end;padding:10px}.thumbnail-overlay span{font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.featured-carousel{aspect-ratio:16/9}.featured-game-title{font-size:2rem}.featured-thumbnails{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.featured-carousel{aspect-ratio:4/3;max-height:300px}.featured-content{left:20px;bottom:20px;right:20px;max-width:none}.featured-game-title{font-size:1.5rem}.featured-play-btn{padding:10px 20px;font-size:.9rem}.featured-thumbnails{display:none}.carousel-btn{width:40px;height:40px;font-size:1rem;opacity:1}}@media(max-width:480px){.featured-section{margin-bottom:25px}.featured-carousel{aspect-ratio:16/12;max-height:250px;border-radius:16px}.featured-content{left:15px;bottom:15px;right:15px}.featured-badge{padding:4px 12px;font-size:.65rem;margin-bottom:10px}.featured-game-title{font-size:1.2rem;margin-bottom:8px}.featured-meta{gap:12px;margin-bottom:12px}.featured-category{padding:4px 10px;font-size:.75rem}.featured-rating{font-size:.8rem}.featured-play-btn{padding:8px 16px;font-size:.85rem;border-radius:20px}.carousel-btn{width:35px;height:35px;font-size:.9rem}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-dots{bottom:10px;right:10px;gap:6px}.dot{width:8px;height:8px}}@media(min-width:1400px){.featured-carousel{max-height:450px}.featured-game-title{font-size:3rem}.featured-content{max-width:600px}}.bookmark-badge{background:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899);padding:14px 20px;margin-bottom:25px;border-radius:16px;box-shadow:0 10px 40px #7c3aed66;position:relative;overflow:hidden}.bookmark-badge:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.bookmark-badge-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.bookmark-icon-wrapper{position:relative;width:50px;height:50px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bookmark-phone-icon{font-size:1.5rem;color:#fff}.bookmark-star{position:absolute;top:-5px;right:-5px;font-size:.9rem;color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.8));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.bookmark-text{flex:1;display:flex;flex-direction:column;gap:2px}.bookmark-title{font-size:1rem;font-weight:700;color:#fff}.bookmark-subtitle{font-size:.85rem;color:#fffc}.bookmark-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#f0f0f0);color:#7c3aed;padding:12px 24px;border-radius:30px;font-weight:700;font-size:.9rem;box-shadow:0 5px 20px #0003;transition:all .3s;flex-shrink:0}.bookmark-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.bookmark-close{width:32px;height:32px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;transition:all .3s;flex-shrink:0}.bookmark-close:hover{background:#ffffff4d;transform:rotate(90deg)}@media(max-width:768px){.bookmark-badge{padding:12px 15px;margin-bottom:20px}.bookmark-badge-content{flex-wrap:wrap;gap:12px}.bookmark-icon-wrapper{width:40px;height:40px}.bookmark-phone-icon{font-size:1.2rem}.bookmark-text{flex:1;min-width:150px}.bookmark-title{font-size:.9rem}.bookmark-subtitle{font-size:.75rem}.bookmark-btn{padding:10px 16px;font-size:.8rem;width:100%;justify-content:center;order:3}.bookmark-close{position:absolute;top:-8px;right:-8px;width:26px;height:26px}}.tools-bar{padding:15px 0;margin-bottom:20px;overflow-x:auto}.tools-container{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:12px;border:none;cursor:pointer;color:#fff;min-width:115px;min-height:75px;box-shadow:0 6px 20px #00000059,0 3px 8px #0003,inset 0 2px #ffffff40,inset 0 -3px #00000026;transition:all .3s ease;position:relative;overflow:hidden;transform:perspective(500px) rotateX(3deg);transform-style:preserve-3d}.tool-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none;border-radius:12px 12px 0 0}.tool-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:#0003;border-radius:0 0 12px 12px}.tool-btn:hover{transform:perspective(500px) rotateX(3deg) translateY(-5px);box-shadow:0 12px 30px #00000073,0 6px 15px #00000040,inset 0 2px #ffffff59,inset 0 -3px #0003}.tool-btn:active{transform:perspective(500px) rotateX(3deg) translateY(2px);box-shadow:0 3px 10px #0000004d,inset 0 2px #ffffff26,inset 0 -1px #0000001a}.tool-icon{font-size:1.6rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4));transform:translateZ(10px)}.tool-name{font-size:.72rem;font-weight:700;text-align:center;line-height:1.2;text-shadow:0 2px 3px rgba(0,0,0,.4);max-width:95px;transform:translateZ(5px)}@media(max-width:1024px){.tools-container{justify-content:flex-start;flex-wrap:nowrap;padding:0 10px}.tool-btn{min-width:100px;min-height:70px;padding:14px 16px}}@media(max-width:768px){.tools-bar{padding:10px 0}.tool-btn{min-width:85px;min-height:65px;padding:12px 14px;border-radius:10px}.tool-icon{font-size:1.4rem}.tool-name{font-size:.65rem}}@media(max-width:480px){.tools-bar{padding:8px 0;margin-bottom:15px}.tools-container{gap:8px;padding:0 5px}.tool-btn{min-width:72px;min-height:58px;padding:10px 12px;border-radius:8px}.tool-icon{font-size:1.2rem}.tool-name{font-size:.58rem;max-width:70px}}@media(max-width:360px){.tool-btn{min-width:65px;min-height:52px;padding:8px 10px}.tool-icon{font-size:1.1rem}.tool-name{font-size:.52rem}}.footer{background:linear-gradient(135deg,#0d0d1a,#1a1a2e);border-top:1px solid var(--border-color);padding:40px 30px 20px;margin-top:40px}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:40px;max-width:1200px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:15px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo-icon{font-size:2rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-logo-text{font-size:1.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-tagline{color:var(--text-secondary);font-size:.9rem}.footer-rating{display:flex;flex-direction:column;gap:8px}.stars{display:flex;gap:4px}.star{color:#3a3a4a;font-size:1.1rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.star.filled{color:#f59e0b;animation:starPulse 2s ease-in-out infinite}.star.half{color:#f59e0b;opacity:.5}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rating-text{color:var(--text-muted);font-size:.8rem}.footer-links h4,.footer-trust h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.links-list{display:flex;flex-direction:column;gap:10px}.footer-link{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:all .3s;padding:8px 12px;border-radius:8px;background:transparent}.footer-link:hover{color:var(--accent-primary);background:#7c3aed1a;transform:translate(5px)}.link-icon{font-size:.9rem;color:var(--accent-primary)}.trust-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#7c3aed1a;border-radius:12px;border:1px solid rgba(124,58,237,.2);transition:all .3s}.trust-badge-3d{box-shadow:0 4px 15px #0003,inset 0 1px #ffffff1a,inset 0 -2px #0000001a;transform:perspective(500px) rotateX(2deg)}.trust-badge:hover{transform:perspective(500px) rotateX(2deg) translateY(-3px);box-shadow:0 8px 25px #7c3aed4d,inset 0 1px #ffffff26;border-color:#7c3aed66}.badge-icon{font-size:1.3rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.trust-badge span:last-child{color:var(--text-secondary);font-size:.75rem;font-weight:600}.footer-bottom{text-align:center;padding-top:25px;margin-top:30px;border-top:1px solid var(--border-color)}.footer-bottom p{color:var(--text-muted);font-size:.8rem}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr}.footer-trust{grid-column:span 2}}@media(max-width:768px){.footer{padding:30px 15px 15px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-trust{grid-column:span 1}.trust-badges{grid-template-columns:1fr}.footer-logo-text{font-size:1.3rem}.footer-tagline{font-size:.85rem}}@media(max-width:480px){.footer{padding:25px 12px 15px;margin-top:25px}.footer-content{gap:25px}.footer-logo-text{font-size:1.2rem}.footer-links h4,.footer-trust h4{font-size:.9rem;margin-bottom:12px}.footer-link{font-size:.8rem;padding:6px 10px}.trust-badge{padding:10px 14px;border-radius:10px}.badge-icon{font-size:1.1rem}.trust-badge span:last-child{font-size:.7rem}.footer-bottom{padding-top:20px;margin-top:20px}.footer-bottom p{font-size:.75rem}}.rating-badge-container{display:flex;justify-content:center;margin-bottom:20px}.rating-badge{display:flex;align-items:center;gap:15px;padding:12px 25px;background:linear-gradient(135deg,#7c3aed26,#a855f71a);border:1px solid rgba(124,58,237,.3);border-radius:50px;box-shadow:0 4px 20px #7c3aed33,inset 0 1px #ffffff1a}.rating-stars{display:flex;gap:3px}.rating-star{font-size:1.1rem;color:#3a3a4a;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rating-star.filled{color:#f59e0b}.rating-star.half-filled{color:#f59e0b;opacity:.6}.rating-score{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rating-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.85rem}.users-icon{color:var(--accent-primary);font-size:.9rem}@media(max-width:768px){.rating-badge{padding:10px 18px;gap:10px}.rating-star{font-size:.9rem}.rating-score{font-size:1.1rem}.rating-info{font-size:.75rem}}.policy-page{max-width:900px;margin:0 auto;padding:30px 20px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#252540,#1a1a2e);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:30px}.back-btn:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:transparent;transform:translate(-5px)}.policy-header{text-align:center;margin-bottom:40px}.policy-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 10px 30px #7c3aed66,inset 0 2px #fff3;transform:perspective(500px) rotateX(5deg)}.policy-icon.contact-icon{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 10px 30px #06b6d466,inset 0 2px #fff3}.policy-icon.about-icon{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 10px 30px #f59e0b66,inset 0 2px #fff3}.policy-header h1{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.last-updated{color:var(--text-muted);font-size:.95rem}.policy-content{background:linear-gradient(135deg,#25254080,#1a1a2e80);border:1px solid var(--border-color);border-radius:20px;padding:40px;box-shadow:0 10px 40px #0003,inset 0 1px #ffffff0d}.policy-content section{margin-bottom:30px}.policy-content section:last-child{margin-bottom:0}.policy-content h2{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:15px;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.policy-content p{color:var(--text-secondary);line-height:1.8;font-size:1rem}.contact-content{max-width:600px;margin:0 auto}.contact-form{background:linear-gradient(135deg,#25254080,#1a1a2e80);border:1px solid var(--border-color);border-radius:20px;padding:40px;box-shadow:0 10px 40px #0003}.form-group{margin-bottom:25px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.input-icon{color:var(--accent-primary)}.form-group input,.form-group textarea{width:100%;padding:14px 18px;background:linear-gradient(135deg,#1a1a2e,#252540);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 20px #7c3aed4d;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 25px #7c3aed66,inset 0 2px #fff3;transition:all .3s}.submit-btn:hover{box-shadow:0 12px 35px #7c3aed99,inset 0 2px #fff3;transform:translateY(-2px)}.success-message{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:2px solid rgba(34,197,94,.3);border-radius:20px}.success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff}.success-message h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:10px}.success-message p{color:var(--text-secondary)}.about-content{background:linear-gradient(135deg,#25254080,#1a1a2e80);border:1px solid var(--border-color);border-radius:20px;padding:40px}.about-intro p{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;text-align:center;margin-bottom:40px}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}.feature-card{background:linear-gradient(135deg,#1a1a2e,#252540);border:1px solid var(--border-color);border-radius:16px;padding:25px;text-align:center;transition:all .3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 30px #7c3aed33}.feature-icon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.feature-card:nth-child(2) .feature-icon{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.feature-card:nth-child(3) .feature-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)}.feature-card:nth-child(4) .feature-icon{background:linear-gradient(135deg,#ec4899,#f43f5e)}.feature-card h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:10px}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.about-mission{text-align:center;padding-top:30px;border-top:1px solid var(--border-color)}.about-mission h2{font-size:1.5rem;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px}.about-mission p{color:var(--text-secondary);line-height:1.8;font-size:1rem}@media(max-width:768px){.policy-page{padding:20px 15px}.policy-header h1{font-size:1.8rem}.policy-content,.contact-form,.about-content{padding:25px 20px}.about-features{grid-template-columns:1fr}}.app{display:flex;min-height:100vh;background:var(--bg-primary);position:relative}.mobile-overlay{display:none}@media(max-width:768px){.mobile-overlay{display:block;position:fixed;inset:0;background:#000000b3;z-index:1500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;min-height:100vh}.main-content.sidebar-open{margin-left:260px}.main-content.sidebar-closed{margin-left:70px}.content-wrapper{flex:1;padding:90px 30px 20px;overflow-x:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid var(--bg-card);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section{margin-bottom:40px}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:12px}.section-title-3d{font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.1),0 2px 0 rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);background:linear-gradient(180deg,#fff,#c0c0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;transform:perspective(500px) rotateX(3deg)}.hot-badge{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.7rem;padding:4px 10px;border-radius:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px #ef444466,inset 0 1px #fff3;animation:pulseBadge 2s ease-in-out infinite}.new-badge{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;font-size:.7rem;padding:4px 10px;border-radius:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px #22c55e66,inset 0 1px #fff3;animation:pulseBadge 2s ease-in-out infinite}.fav-badge{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.7rem;padding:4px 10px;border-radius:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px #ef444466,inset 0 1px #fff3}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empty-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#1a1a2e,#252540);border-radius:20px;border:2px dashed var(--border-color);text-align:center;box-shadow:inset 0 2px 10px #0003}.empty-favorites p{color:var(--text-secondary);font-size:1rem;max-width:300px}@media(max-width:1024px){.main-content.sidebar-open{margin-left:70px}.content-wrapper{padding:90px 15px 20px}}@media(max-width:768px){.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0}.content-wrapper{padding:80px 10px 15px}.section-title{font-size:1.2rem}}@media(max-width:480px){.content-wrapper{padding:75px 8px 10px}.section-title{font-size:1rem;gap:8px}.section{margin-bottom:25px}.hot-badge,.new-badge,.fav-badge{font-size:.6rem;padding:3px 8px}}@media(min-width:1200px)and (max-width:1400px){.main-content.sidebar-open{margin-left:240px}}@media(min-width:769px)and (max-width:1024px){.content-wrapper{padding:85px 20px 20px}}@media(hover:none)and (pointer:coarse){.game-card:hover .card-overlay{opacity:0}.game-card:active .card-overlay{opacity:1}}