:root{--bg-primary: #fbfbfd;--bg-secondary: #f5f5f7;--bg-card: #ffffff;--bg-input: #e8e8ed;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-link: #0071e3;--accent: #0071e3;--accent-hover: #0077ed;--accent-light: rgba(0, 113, 227, .08);--success: #34c759;--warning: #ff9f0a;--error: #ff3b30;--rating-gold: #ffd60a;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.12);--shadow-card: 0 2px 8px rgba(0,0,0,.04);--shadow-card-hover: 0 8px 30px rgba(0,0,0,.12);--glass-bg: rgba(251, 251, 253, .72);--glass-border: rgba(0, 0, 0, .06);--glass-blur: saturate(180%) blur(20px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 980px;--font-cn: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-cn);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}[dir=rtl]{font-family:"Tajawal",var(--font-cn)}.hero-title{font-size:56px;font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--text-primary);margin-bottom:16px}.hero-title .accent{color:var(--accent)}.hero-tagline{font-size:21px;color:var(--text-secondary);line-height:1.5;margin-bottom:32px}.section-heading{font-size:40px;font-weight:600;letter-spacing:-.5px;line-height:1.15;color:var(--text-primary)}.card-title{font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary)}.caption{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-tertiary)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:17px;font-weight:600;transition:all .2s;border:none}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);font-size:17px;font-weight:600;border:1px solid var(--accent);transition:all .2s}.btn-secondary:hover{background:var(--accent);color:#fff}.nav-bar{position:sticky;top:0;z-index:100;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:.5px solid var(--glass-border);padding:0 32px;height:48px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:18px;font-weight:700;color:var(--text-primary)}.nav-logo .accent{color:var(--accent)}.nav-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary)}.nav-brand:hover{color:var(--text-primary)}.nav-links{display:flex;gap:24px}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-link:hover{color:var(--text-primary)}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:8px 0;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200}.lang-menu a{display:block;padding:10px 16px;font-size:14px;color:var(--text-secondary);transition:background .15s}.lang-menu a:hover{background:var(--bg-secondary);color:var(--text-primary)}.lang-menu a.active{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:6px}.nav-pill{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:var(--radius-full);background:var(--bg-input);border:none;color:var(--text-primary);font-size:13px;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none;white-space:nowrap}.nav-pill:hover{background:#dcdce0;color:var(--text-primary)}.nav-pill:focus-visible{box-shadow:0 0 0 3px var(--accent-light);outline:none}.nav-pill-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-tertiary)}.nav-pill-accent{background:var(--accent);color:#fff;font-weight:600}.nav-pill-accent:hover{background:var(--accent-hover);color:#fff}.nav-pill-search{padding:0 12px 0 34px;position:relative;width:200px;transition:width .3s}.nav-pill-search:focus{width:280px;box-shadow:0 0 0 3px var(--accent-light);outline:none}.nav-pill-search::placeholder{color:var(--text-tertiary)}.nav-pill-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.hero-section{position:relative;padding:120px 0 80px;text-align:center}.hero-actions{display:flex;gap:16px;justify-content:center}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:32px 0}.stat-item{text-align:center}.stat-number{font-size:48px;font-weight:700;letter-spacing:-2px;color:var(--accent)}.stat-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-top:4px}.game-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s;display:block}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.game-card-visual{aspect-ratio:16/9;position:relative;overflow:hidden}.game-card-content{padding:20px}.game-card-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.game-card-tagline{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.game-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rating-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:14px;font-weight:700;position:absolute;top:12px;right:12px;z-index:2;background:#ffd60ae6;color:#1d1d1f}.feature-tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500;background:var(--accent-light);color:var(--accent)}.info-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.info-panel-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.icon-box{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.footer{background:var(--bg-secondary);padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.footer-brand{font-size:20px;font-weight:700;color:var(--text-primary)}.footer-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:12px}.footer-heading{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-tertiary);margin-bottom:16px;text-transform:uppercase}.footer-link{font-size:14px;color:var(--text-secondary);transition:color .2s}.footer-link:hover{color:var(--accent)}.footer-copyright{font-size:12px;color:var(--text-tertiary);text-align:center;margin-top:32px;padding-top:24px;border-top:.5px solid var(--glass-border)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.container-sm{max-width:1024px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:48px 0}.grid{display:grid;gap:20px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.rating-bar{height:4px;border-radius:2px;background:var(--bg-input);overflow:hidden}.rating-bar-fill{height:100%;border-radius:2px;background:var(--success);transition:width .6s ease}.premium-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:56px 48px;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--accent-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease-out forwards}.fade-up-d1{animation:fadeUp .6s ease-out .1s both}.fade-up-d2{animation:fadeUp .6s ease-out .2s both}.fade-up-d3{animation:fadeUp .6s ease-out .3s both}.mobile-menu{position:fixed;inset:48px 0 0;background:var(--bg-primary);z-index:150;padding:24px;display:flex;flex-direction:column;gap:16px}.hamburger-btn{display:none;width:40px;height:40px;border:none;background:none;color:var(--text-primary)}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:48px}.section-heading{font-size:32px}}@media(max-width:768px){.hero-title{font-size:36px}.section-heading{font-size:28px}.stats-bar{grid-template-columns:repeat(2,1fr);gap:16px}.stat-number{font-size:32px}.footer-grid{grid-template-columns:1fr 1fr}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 16px}.hero-section{padding:80px 0 48px}.section{padding:48px 0}.nav-links{display:none}.hamburger-btn{display:flex}.nav-bar{padding:0 16px}.nav-pill-search{width:140px}.nav-pill-search:focus{width:180px}}.hidden{display:none!important}@media(min-width:640px){.sm\:inline{display:inline!important}.sm\:hidden{display:none!important}}@media(min-width:769px){.md\:flex{display:flex}.md\:block{display:block!important}.md\:hidden{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-light);color:var(--text-primary)}.game-hero{padding:80px 0 40px}.game-hero-title{font-size:56px;font-weight:700;letter-spacing:-2px;color:var(--text-primary)}.game-hero-tagline{font-size:18px;color:var(--text-secondary);margin-top:8px}.game-hero-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px}