:root{--bg: #0a0e1a;--bg-2: #0a0f1e;--bg-3: #101830;--card: #0d1428;--card-2: #111c38;--border: rgba(0, 212, 255, .14);--border-strong: rgba(0, 212, 255, .35);--cyan: #00d4ff;--blue: #1e40af;--orange: #f59e0b;--purple: #8b5cf6;--text: #e8f0ff;--muted: #93a5c9;--radius: 18px;--radius-sm: 12px;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--glow-cyan: 0 0 24px rgba(0, 212, 255, .35);--font: "Segoe UI", system-ui, -apple-system, "Noto Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Noto Sans Arabic", "Tahoma", sans-serif;--header-h: 68px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(52% 38% at 82% -4%,rgba(0,212,255,.13),transparent 65%),radial-gradient(46% 42% at 6% 108%,rgba(139,92,246,.13),transparent 65%),radial-gradient(38% 30% at 50% 55%,rgba(30,64,175,.1),transparent 70%),linear-gradient(rgba(0,212,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.035) 1px,transparent 1px);background-size:auto,auto,auto,44px 44px,44px 44px;mask-image:radial-gradient(ellipse 100% 85% at 50% 0%,#000 25%,#0000008c 70%,#00000059)}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(2px 2px at 12% 18%,rgba(232,240,255,.55),transparent 60%),radial-gradient(1.6px 1.6px at 68% 12%,rgba(0,212,255,.5),transparent 60%),radial-gradient(2px 2px at 86% 38%,rgba(139,92,246,.5),transparent 60%),radial-gradient(1.6px 1.6px at 30% 62%,rgba(232,240,255,.35),transparent 60%),radial-gradient(2px 2px at 52% 84%,rgba(0,212,255,.35),transparent 60%),radial-gradient(1.6px 1.6px at 8% 78%,rgba(139,92,246,.35),transparent 60%),linear-gradient(115deg,transparent 44%,rgba(0,212,255,.05) 50%,transparent 56%),linear-gradient(65deg,transparent 62%,rgba(139,92,246,.04) 68%,transparent 74%)}img{max-width:100%;height:auto;display:block}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:none}ul{padding-inline-start:1.2rem}.container{width:100%;max-width:1140px;margin-inline:auto;padding-inline:20px}h1,h2,h3{overflow-wrap:break-word}.hero-grid>*,.split>*,.game-hero-grid>*,.games-grid>*{min-width:0}.skip-link{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{width:auto;height:auto;clip-path:none;overflow:visible;inset-inline-start:12px;top:12px;z-index:999;background:var(--blue);color:#fff;padding:8px 14px;border-radius:8px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:.98rem;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn-primary{background:linear-gradient(120deg,var(--blue),var(--cyan));color:#04121f;box-shadow:0 8px 26px #2e7dff73}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #00d4ff8c,var(--glow-cyan)}.btn-accent{background:linear-gradient(120deg,#ff9d2e,#ff6a3d);color:#1c0d00;box-shadow:0 8px 26px #ff9d2e66}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 12px 34px #ff9d2e8c}.btn-ghost{background:#00d4ff14;color:var(--cyan);border-color:var(--border-strong)}.btn-ghost:hover{background:#00d4ff29;transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.site-header{position:sticky;top:0;z-index:100;background:#05070fd1;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:14px;height:var(--header-h)}.brand{display:flex;align-items:center;gap:10px}.brand img{height:40px;width:auto;border-radius:8px;box-shadow:0 0 14px #00d4ff40}.main-nav{display:flex;gap:4px;margin-inline-start:auto}.main-nav a{color:var(--muted);font-weight:600;font-size:.95rem;padding:9px 14px;border-radius:10px;transition:color .2s,background .2s}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--cyan);background:#00d4ff14}.lang-switcher{position:relative}.lang-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#00d4ff14;border:1px solid var(--border);color:var(--text);padding:8px 13px;border-radius:10px;min-height:40px;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .2s,border-color .2s}.lang-btn:hover{background:#00d4ff29;border-color:var(--border-strong)}.lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:150px;background:var(--card-2);border:1px solid var(--border-strong);border-radius:12px;padding:6px;display:none;box-shadow:var(--shadow)}.lang-menu.open{display:block}.lang-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted);font-weight:600;font-size:.9rem}.lang-menu a:hover{background:#00d4ff1a;color:var(--cyan)}.lang-menu a.active{color:var(--orange)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px;border-radius:10px;background:#00d4ff14;border:1px solid var(--border);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.theme-toggle:hover{background:#00d4ff29;border-color:var(--border-strong);color:var(--cyan)}.theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-sun{display:block}:root[data-theme=light] .theme-toggle .icon-moon{display:none}.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--text);cursor:pointer}@media (max-width: 760px){:root{--header-h: 56px}.header-inner{gap:10px;padding-inline:14px}.brand img{height:32px}.menu-toggle{display:inline-flex;align-items:center;padding:8px;min-width:40px;min-height:40px;justify-content:center}.main-nav{position:absolute;top:var(--header-h);inset-inline:0;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--border);padding:10px 14px 14px;display:none;gap:2px}.main-nav a{padding:12px 14px}.main-nav.open{display:flex}.lang-btn{padding:8px 10px;font-size:.82rem}}@media (max-width: 400px){.lang-btn .lang-label{display:none}.lang-btn{min-width:40px}}.hero{position:relative;padding:56px 0 60px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 85% 15%,rgba(30,64,175,.3),transparent 60%),radial-gradient(40% 55% at 8% 90%,rgba(139,92,246,.2),transparent 60%),radial-gradient(38% 45% at 60% 100%,rgba(0,212,255,.15),transparent 60%),linear-gradient(180deg,transparent 78%,var(--bg) 100%);pointer-events:none}.hero:after{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.55),rgba(139,92,246,.5),transparent);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-chips{grid-column:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.eyebrow{display:inline-block;padding:5px 13px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);background:#ff9d2e1a;border:1px solid rgba(255,157,46,.3)}.hero h1{font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.14;margin:14px 0 12px}.grad-text{background:linear-gradient(100deg,var(--cyan),var(--blue) 55%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{color:var(--muted);font-size:1.02rem;max-width:50ch;margin:0 0 22px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hchip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#00d4ff0f;border:1px solid var(--border);color:var(--muted);font-size:.8rem;font-weight:600}.hchip b{color:var(--cyan);font-size:.92rem}.hchip-accent{background:#ff9d2e14;border-color:#ff9d2e4d}.hchip-accent b{color:var(--orange);font-size:.7rem}.hero-visual{position:relative;width:100%;display:grid;place-items:center}.hero-visual:before,.hero-visual:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);opacity:.5;filter:blur(.5px);z-index:0;animation:drift 9s ease-in-out infinite}.hero-visual:before{top:12%;inset-inline-start:8%;box-shadow:60px 40px 0 -1px #8a5cff80,120px -20px 0 -2px #00d4ff66}.hero-visual:after{bottom:16%;inset-inline-end:10%;background:var(--purple);box-shadow:-70px -30px 0 -1px #00d4ff73;animation-delay:3.5s}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-art{position:relative;z-index:1;width:100%;max-width:620px;height:auto;background:transparent;will-change:transform;filter:drop-shadow(0 22px 44px rgba(0,0,0,.5)) drop-shadow(0 0 34px rgba(0,212,255,.2))}.hero-art-glow{position:absolute;inset:2% -6%;border-radius:50%;pointer-events:none;background:radial-gradient(50% 50% at 50% 60%,rgba(30,64,175,.38),transparent 70%),radial-gradient(35% 40% at 30% 30%,rgba(139,92,246,.28),transparent 70%),radial-gradient(30% 35% at 75% 35%,rgba(0,212,255,.26),transparent 70%);filter:blur(30px)}@media (max-width: 860px){.hero{padding:16px 0 30px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero .eyebrow{display:none}.hero h1{font-size:clamp(1.55rem,7vw,1.9rem);margin:0 0 10px}.hero p.lead{display:none}.hero-visual{margin-top:0}.hero-art{max-width:min(100%,400px)}.hero-chips{margin-top:0}.hchip{padding:6px 12px;font-size:.76rem}}.section{padding:56px 0}.section-alt{background:radial-gradient(70% 100% at 50% 0%,rgba(46,125,255,.06),transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg))}.section-head{max-width:640px;margin-bottom:38px}.section-head-tight{margin-bottom:20px}@media (max-width: 640px){.section-head-tight{margin-bottom:8px}.section-head-tight h2{margin:10px 0 0}}.section-head h2{font-size:clamp(1.5rem,3.6vw,2.2rem);margin:12px 0 10px}.section-head p{color:var(--muted);margin:0}.flipcard.reveal{opacity:1;transform:none;transition:none}.flipcard{transform-style:preserve-3d}.flipcard .card-media,.flipcard .card-body,.flipcard .card-char{backface-visibility:hidden}.card-back{position:absolute;inset:0;z-index:4;border-radius:inherit;background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid var(--border);display:grid;place-items:center;transform:rotateY(180deg);backface-visibility:hidden;pointer-events:none}.card-back img{height:58px;width:auto;border-radius:12px;opacity:.9}html.js .flipcard{opacity:0}html.js .flipcard.in{animation:card-flip .55s cubic-bezier(.25,.7,.3,1) var(--d, 0ms) both}@keyframes card-flip{0%{opacity:0;transform:perspective(1000px) rotateY(-80deg)}40%{opacity:1}to{opacity:1;transform:perspective(1000px) rotateY(0)}}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 22px}.game-card{--accent: var(--cyan);--accent-soft: rgba(0,212,255,.14);position:relative;background:linear-gradient(170deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;margin-top:34px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.game-card:before{content:"";position:absolute;inset-inline:14%;top:-1px;height:2px;z-index:2;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}@property --beam-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.game-card:after{content:"";position:absolute;inset:-1px;z-index:2;border-radius:inherit;padding:1px;background:conic-gradient(from var(--beam-angle),transparent 0deg,transparent 300deg,var(--accent) 330deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.55;pointer-events:none;animation:beam-spin 7s linear infinite}@keyframes beam-spin{to{--beam-angle: 360deg}}@media (prefers-reduced-motion: reduce){.game-card:after{animation:none;opacity:.3}}.game-card:hover{transform:translateY(-6px);box-shadow:var(--shadow),0 0 28px var(--accent-soft);border-color:var(--accent)}.game-card:hover:before{opacity:1}.card-media{position:relative;height:190px;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.card-bg{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,15,.15),transparent 35%,rgba(5,7,15,.82) 96%),linear-gradient(120deg,var(--accent-soft),transparent 55%)}.game-card:hover .card-bg{transform:scale(1.07)}.card-genre{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:#05070fb8;backdrop-filter:blur(6px);border:1px solid var(--accent);color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px}.card-char{position:absolute;z-index:3;pointer-events:none;inset-inline-end:-10px;top:-38px;height:215px;width:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));opacity:0;transform:translateY(16px) scale(.94);transition:opacity .55s ease .08s,transform .55s cubic-bezier(.2,.7,.3,1.15) .08s,filter .35s ease}.reveal.in .card-char,.game-card.in .card-char{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(.15s + var(--d, 0ms))}.game-card:hover .card-char{transform:translateY(-7px) scale(1.045);filter:drop-shadow(0 16px 22px rgba(0,0,0,.5)) drop-shadow(0 0 16px var(--accent-soft))}.card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.card-body h3{margin:0;font-size:1.08rem}.card-body p{margin:0;color:var(--muted);font-size:.88rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{margin-top:6px;align-self:flex-start;padding:10px 20px;font-size:.9rem}@media (max-width: 640px){.games-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.game-card{margin-top:26px;border-radius:14px}.card-media{height:118px;border-radius:14px 14px 0 0}.card-char{height:140px;top:-26px;inset-inline-end:-6px}.card-body{padding:12px 12px 14px;gap:6px}.card-body h3{font-size:.95rem}.card-body p{font-size:.8rem;-webkit-line-clamp:2}.card-link{padding:8px 15px;font-size:.8rem}}@media (max-width: 350px){.games-grid{grid-template-columns:1fr}.card-media{height:130px}.card-char{height:155px}}.showcase-section{position:relative;overflow:clip}.showcase{position:relative}.showcase-aura{position:absolute;inset:4% 12%;z-index:0;pointer-events:none;background:var(--show-accent, #00d4ff);opacity:.1;filter:blur(90px);border-radius:50%;transition:background .6s ease}.showcase-track{position:relative;z-index:1;display:flex;gap:18px;align-items:stretch}.showcase-track .game-card{flex:1 1 0;min-width:0;margin-top:46px;cursor:pointer;transition:flex-grow .55s cubic-bezier(.3,.7,.25,1),transform .35s ease,box-shadow .35s ease,border-color .35s ease,opacity .35s ease}.showcase-track .card-media{transition:height .55s cubic-bezier(.3,.7,.25,1)}.showcase-track .game-card:not(.is-active){opacity:.82}.showcase-track .game-card:not(.is-active) .card-media{height:150px}.showcase-track .game-card:not(.is-active) .card-char{opacity:0!important;transform:translateY(14px) scale(.88)!important}.showcase-track .game-card:not(.is-active) .card-body p{max-height:1.7em}.showcase-track .game-card:not(.is-active) .card-body h3{font-size:1rem}.showcase-track .game-card:not(.is-active):after{opacity:.25}.showcase-track .game-card.is-active{flex-grow:2.35;cursor:default;opacity:1;transform:translateY(-8px);border-color:var(--accent);box-shadow:var(--shadow),0 0 34px var(--accent-soft),inset 0 0 24px #0000002e}.showcase-track .game-card.is-active:before{opacity:1}.showcase-track .game-card.is-active:after{opacity:.85}.showcase-track .game-card.is-active .card-media{height:240px}.showcase-track .game-card.is-active .card-bg{transform:scale(1.05)}.showcase-track .game-card.is-active .card-char{height:235px;top:-42px;inset-inline-end:-14px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.55)) drop-shadow(0 0 18px var(--accent-soft))}.showcase-track .game-card.is-active:hover{transform:translateY(-8px)}.showcase-track .game-card.is-active:hover .card-bg{transform:scale(1.07)}.showcase-dots{display:none}@media (max-width: 860px){.showcase-aura{inset:8% 0;opacity:.09;filter:blur(70px)}.showcase-track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-20px;padding:40px 8% 10px;gap:14px}.showcase-track::-webkit-scrollbar{display:none}.showcase-track .game-card{flex:0 0 84%;scroll-snap-align:center;margin-top:0;border-radius:16px;transform:scale(.93);opacity:.7}.showcase-track .game-card:not(.is-active) .card-media{height:140px}.showcase-track .game-card:not(.is-active) .card-body p{-webkit-line-clamp:2}.showcase-track .game-card.is-active{flex:0 0 84%;transform:scale(1);opacity:1}.showcase-track .game-card.is-active .card-media{height:158px}.showcase-track .game-card.is-active .card-char{height:175px;top:-32px;inset-inline-end:-8px}.showcase-track .card-body{padding:13px 14px 15px}.showcase-track .card-body h3{font-size:1.02rem}.showcase-track .card-body p{font-size:.82rem;-webkit-line-clamp:2}.showcase-track .card-link{padding:9px 17px;font-size:.84rem}.showcase-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.showcase-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;cursor:pointer;background:var(--border-strong);opacity:.6;transition:width .3s ease,background .3s ease,opacity .3s ease}.showcase-dot.is-active{width:22px;background:var(--accent, #00d4ff);opacity:1}}@media (max-width: 350px){.showcase-track{padding-inline:6%}.showcase-track .game-card,.showcase-track .game-card.is-active{flex-basis:88%}}@media (prefers-reduced-motion: reduce){.showcase-aura{transition:none}}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}@media (max-width: 820px){.split{grid-template-columns:1fr}}.split img{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.feature-list{display:grid;gap:14px;margin-top:22px}.feature-item{display:flex;gap:14px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .25s,transform .25s}.feature-item:hover{border-color:var(--border-strong);transform:translate(4px)}html[dir=rtl] .feature-item:hover{transform:translate(-4px)}.feature-item .fi-icon{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#00d4ff1a;color:var(--cyan)}.feature-item h3{margin:0 0 4px;font-size:1rem}.feature-item p{margin:0;color:var(--muted);font-size:.9rem}.stat-row{display:flex;gap:30px;flex-wrap:wrap;margin-top:26px}.stat b{display:block;font-size:1.7rem;color:var(--orange)}.stat span{color:var(--muted);font-size:.85rem}.comm-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:44px;border-radius:24px;overflow:hidden;background:radial-gradient(70% 120% at 85% 10%,rgba(138,92,255,.16),transparent 60%),radial-gradient(60% 100% at 10% 100%,rgba(46,125,255,.16),transparent 60%),linear-gradient(150deg,#0c1430,#0a1024 60%,#0d1230);border:1px solid var(--border-strong);box-shadow:inset 0 0 40px #00d4ff0a,0 20px 50px #00000059}.comm-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.comm-eyebrow svg{flex:0 0 auto}.comm-text h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:14px 0 10px;line-height:1.25}.comm-text p{color:var(--muted);margin:0;max-width:40ch}.comm-links{display:grid;gap:12px}.comm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comm-btn{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#00d4ff0d;border:1px solid var(--border-strong);border-radius:14px;color:var(--text);font-weight:700;font-size:.95rem;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.comm-btn svg:first-child{color:var(--cyan);flex:0 0 auto}.comm-btn span{flex:1;text-align:start}.comm-btn svg:last-child{color:var(--muted);transition:color .25s,transform .25s}.comm-btn:hover,.comm-btn:focus-visible{background:#00d4ff1f;border-color:var(--cyan);box-shadow:0 0 22px #00d4ff2e;transform:translateY(-2px)}.comm-btn:hover svg:last-child,.comm-btn:focus-visible svg:last-child{color:var(--cyan);transform:translate(2px,-2px)}html[dir=rtl] .comm-btn:hover svg:last-child{transform:translate(-2px,-2px)}@media (max-width: 860px){.comm-panel{grid-template-columns:1fr;gap:24px;padding:28px 20px}}@media (max-width: 380px){.comm-row{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border);background:var(--bg-2);padding:40px 0 24px;margin-top:40px}@media (max-width: 760px){.site-footer{padding:30px 0 18px;margin-top:24px}.copyright{margin-top:20px}}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr auto;gap:30px;align-items:start}@media (max-width: 760px){.footer-grid{grid-template-columns:1fr;gap:22px}}.footer-brand img{height:38px;width:auto;border-radius:8px;margin-bottom:10px}.footer-brand p{color:var(--muted);font-size:.88rem;max-width:44ch;margin:0}.site-footer h4{margin:0 0 12px;font-size:.92rem;color:var(--cyan);letter-spacing:.04em}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-links a{color:var(--muted);font-size:.88rem}.footer-links a:hover{color:var(--cyan)}.footer-social{display:flex;gap:8px;flex-wrap:wrap}.footer-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#00d4ff14;border:1px solid var(--border);color:var(--muted);transition:color .2s,border-color .2s,transform .2s}.footer-social a:hover{color:var(--cyan);border-color:var(--border-strong);transform:translateY(-3px)}.footer-social svg{width:19px;height:19px}.copyright{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;text-align:center}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.84rem;color:var(--muted);padding:16px 0 0}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--cyan)}.breadcrumbs .sep{opacity:.5}html[dir=rtl] .breadcrumbs .sep{transform:scaleX(-1);display:inline-block}.game-hero{position:relative;padding:26px 0 56px}.game-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(45% 55% at 18% 30%,var(--accent-soft, rgba(0,212,255,.12)),transparent 70%)}.game-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}@media (max-width: 860px){.game-hero-grid{grid-template-columns:1fr;gap:28px}}.gh-visual{position:relative}.game-hero-img{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--accent, var(--border-strong));box-shadow:var(--shadow),0 0 26px var(--accent-soft, rgba(0,212,255,.25))}.game-hero-img img{width:100%;aspect-ratio:4/5;object-fit:cover}.game-hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,var(--accent-soft, rgba(46,125,255,.16)),transparent 45%,rgba(5,7,15,.5))}.gh-char{position:absolute;z-index:2;pointer-events:none;inset-inline-end:-16px;top:-11%;height:66%;width:auto;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5)) drop-shadow(0 0 14px var(--accent-soft, transparent));animation:char-in .7s cubic-bezier(.2,.7,.3,1.1) .15s both}@keyframes char-in{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}@media (max-width: 860px){.gh-char{height:76%;top:-9%;inset-inline-end:-8px}.game-hero{padding:18px 0 44px}.game-hero-grid{gap:20px}.game-hero-img{border-radius:16px}.game-hero-img img{aspect-ratio:16 / 10}}.game-hero .eyebrow{color:var(--accent, var(--orange));background:var(--accent-soft, rgba(255,157,46,.1));border-color:var(--accent, rgba(255,157,46,.3))}.game-hero h1{font-size:clamp(1.55rem,4.4vw,2.5rem);line-height:1.2;margin:14px 0}.game-hero .lead{color:var(--muted);margin:0 0 22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.info-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.chip{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:.82rem;color:var(--muted)}.chip b{color:var(--cyan);display:block;font-size:.9rem}.reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.reward-card{display:flex;gap:14px;padding:16px;background:linear-gradient(150deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:var(--radius-sm);transition:transform .25s,border-color .25s}.reward-card:hover{transform:translateY(-4px);border-color:#ff9d2e66}.reward-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#ff9d2e1f;color:var(--orange);font-size:1.15rem}.reward-card b{display:block;font-size:.95rem}.reward-card span{color:var(--muted);font-size:.85rem}.tl-groups{display:grid;gap:22px}.tl-group h3{margin:0 0 10px;font-size:1rem;color:var(--cyan)}.tl-strip{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 2px 12px;margin-inline:-2px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.tl-strip::-webkit-scrollbar{height:5px}.tl-strip::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.tl-stage{flex:0 0 auto;scroll-snap-align:start;min-width:108px;background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:12px;padding:12px 14px;transition:border-color .25s,box-shadow .25s}.tl-stage:hover{border-color:var(--accent, var(--border-strong));box-shadow:0 6px 18px #00000040}.tl-stage b{display:block;color:var(--orange);font-size:.86rem}.tl-stage span{color:var(--muted);font-size:.84rem}@media (max-width: 640px){.tl-strip{margin-inline:-20px;padding-inline:20px}.tl-stage{min-width:96px;padding:10px 12px}}.timeline{position:relative;margin:8px 0;padding-inline-start:26px}.timeline:before{content:"";position:absolute;inset-inline-start:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--cyan),var(--purple));border-radius:2px}.timeline-item{position:relative;padding:12px 0}.timeline-item:before{content:"";position:absolute;inset-inline-start:-25px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:3px solid var(--cyan);box-shadow:0 0 10px #00d4ff99}.timeline-item b{color:var(--orange)}.timeline-item p{margin:2px 0 0;color:var(--muted);font-size:.92rem}.timeline-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.timeline-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px}.timeline-box h3{margin:0 0 8px;font-size:1rem;color:var(--cyan)}.code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.code-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;transition:border-color .25s,transform .25s}.code-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.code-value{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#050a18;border:1px dashed var(--border-strong);border-radius:10px;padding:10px 12px}.code-value code{font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;color:var(--cyan);font-size:.95rem;word-break:break-all;direction:ltr}.copy-btn{flex:0 0 auto;background:#00d4ff1a;border:1px solid var(--border-strong);color:var(--cyan);border-radius:8px;padding:6px 12px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.copy-btn:hover{background:#00d4ff38}.copy-btn:active{transform:scale(.95)}.copy-btn.copied{color:#35e08c;border-color:#35e08c80;animation:copied-pulse .5s ease}@keyframes copied-pulse{0%{box-shadow:0 0 #35e08c80}to{box-shadow:0 0 0 12px #35e08c00}}.code-rewards{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}.code-rewards li{color:var(--muted);font-size:.86rem;display:flex;gap:8px;align-items:baseline}.code-rewards li:before{content:"▸";color:var(--orange);flex:0 0 auto}.resp-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.resp-table th,.resp-table td{padding:13px 16px;text-align:start;border-bottom:1px solid var(--border);font-size:.92rem}.resp-table th{background:#2e7dff1f;color:var(--cyan);font-size:.82rem;letter-spacing:.05em;text-transform:uppercase}.resp-table tr:last-child td{border-bottom:0}.resp-table tr:hover td{background:#00d4ff0a}@media (max-width: 640px){.resp-table.cards thead{display:none}.resp-table.cards,.resp-table.cards tbody,.resp-table.cards tr,.resp-table.cards td{display:block;width:100%}.resp-table.cards tr{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 14px;background:var(--card)}.resp-table.cards td{border:0;padding:4px 0}.resp-table.cards td:before{content:attr(data-label);display:block;font-size:.72rem;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.05em}}.topup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.topup-card{background:linear-gradient(150deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:var(--radius-sm);padding:15px 17px;transition:transform .25s,border-color .25s}.topup-card:hover{transform:translateY(-4px);border-color:#ff9d2e73;box-shadow:0 10px 26px #ff9d2e24}.topup-amount{font-weight:800;color:var(--orange);font-size:1.05rem;direction:ltr;unicode-bidi:embed}.topup-reward{color:var(--muted);font-size:.88rem;margin-top:4px}.steps{counter-reset:step;display:grid;gap:14px}.step{display:flex;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.step:before{counter-increment:step;content:counter(step);flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(120deg,var(--blue),var(--cyan));color:#04121f;font-weight:800}.step p{margin:4px 0 0;color:var(--muted);font-size:.92rem}.step b{display:block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 760px){.two-col{grid-template-columns:1fr}}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);margin-bottom:12px;overflow:hidden}.faq-item summary{cursor:pointer;padding:16px 18px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-item summary:after{content:"+";color:var(--cyan);font-size:1.3rem;transition:transform .25s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-item .faq-body{padding:0 18px 16px;color:var(--muted);font-size:.94rem}.other-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.other-card{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;transition:transform .25s,border-color .25s;color:var(--text)}.other-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.other-card img{width:62px;height:62px;border-radius:10px;object-fit:cover}.other-card b{display:block;font-size:.95rem}.other-card span{color:var(--muted);font-size:.8rem}.sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:90;display:none;background:#05070feb;backdrop-filter:blur(12px);border-top:1px solid var(--border-strong);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0));transform:translateY(110%);transition:transform .3s ease}.sticky-cta.visible{transform:translateY(0)}.sticky-cta .btn{width:100%;justify-content:center}@media (max-width: 860px){.sticky-cta{display:block}}.sticky-spacer{display:none}@media (max-width: 860px){.sticky-spacer{display:block;height:70px}}.strip{border-block:1px solid var(--border);background:#00d4ff0a;overflow:hidden;padding:11px 0;position:relative;isolation:isolate;contain:paint}.strip-track{display:flex;gap:36px;width:max-content;animation:marquee 26s linear infinite}.strip-track span{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.strip-track span i{color:var(--cyan);font-style:normal;margin-inline-end:36px}@keyframes marquee{to{transform:translate(-50%)}}html[dir=rtl] .strip-track{animation-direction:reverse}@media (max-width: 480px){.strip-track{gap:24px}.strip-track span{font-size:.74rem;letter-spacing:.06em}.strip-track span i{margin-inline-end:24px}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none}}html.js .gh-visual{animation:gh-tilt .6s cubic-bezier(.25,.7,.3,1) both}@keyframes gh-tilt{0%{opacity:0;transform:rotate(1.6deg) translateY(12px)}to{opacity:1;transform:none}}.section-head-tight h2{position:relative;display:block}.section-head-tight h2:after{content:"";position:absolute;inset-inline-start:2px;bottom:-8px;height:2px;width:130px;border-radius:2px;background:linear-gradient(90deg,var(--cyan),rgba(138,92,255,.6),transparent)}html[dir=rtl] .section-head-tight h2:after{background:linear-gradient(-90deg,var(--cyan),rgba(138,92,255,.6),transparent)}html.js .section-head-tight:not(.in) h2:after{transform:scaleX(0);transform-origin:left}html[dir=rtl].js .section-head-tight:not(.in) h2:after{transform-origin:right}html.js .section-head-tight.in h2:after{animation:draw-line .8s ease .15s both}@keyframes draw-line{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}html[dir=rtl] .section-head-tight.in h2:after{animation-name:draw-line-rtl}@keyframes draw-line-rtl{0%{transform:scaleX(0);transform-origin:right}to{transform:scaleX(1);transform-origin:right}}@media (prefers-reduced-motion: reduce){html.js .flipcard{opacity:1}html.js .gh-visual{animation:none}}:root[data-theme=light]{--bg: #edf1f8;--bg-2: #e3e9f4;--bg-3: #d7e0ef;--card: #f8fafd;--card-2: #eef3fa;--border: rgba(30, 84, 160, .16);--border-strong: rgba(30, 84, 160, .34);--cyan: #0b83c4;--blue: #2068e8;--purple: #7147e8;--orange: #e07f12;--text: #12203c;--muted: #4b5c7e;--shadow: 0 16px 36px rgba(34, 60, 110, .14);--glow-cyan: 0 0 22px rgba(20, 130, 210, .18)}:root[data-theme=light] body:before{background:radial-gradient(52% 38% at 82% -4%,rgba(20,130,210,.08),transparent 65%),radial-gradient(46% 42% at 6% 108%,rgba(113,71,232,.07),transparent 65%),radial-gradient(38% 30% at 50% 55%,rgba(32,104,232,.05),transparent 70%),linear-gradient(rgba(30,84,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,84,160,.05) 1px,transparent 1px);background-size:auto,auto,auto,44px 44px,44px 44px}:root[data-theme=light] body:after{opacity:.35}:root[data-theme=light] .site-header{background:#edf1f8db}:root[data-theme=light] .hero:before{background:radial-gradient(55% 70% at 85% 15%,rgba(46,125,255,.12),transparent 60%),radial-gradient(40% 55% at 8% 90%,rgba(138,92,255,.1),transparent 60%),radial-gradient(38% 45% at 60% 100%,rgba(0,212,255,.1),transparent 60%),linear-gradient(180deg,transparent 78%,var(--bg) 100%)}:root[data-theme=light] .hero-art{filter:drop-shadow(0 18px 34px rgba(34,60,110,.22)) drop-shadow(0 0 26px rgba(20,130,210,.14))}:root[data-theme=light] .hero-art-glow{opacity:.55}:root[data-theme=light] .hchip{background:#1482d212}:root[data-theme=light] .hchip-accent{background:#e07f121a}:root[data-theme=light] .strip{background:#1482d20d}:root[data-theme=light] .btn-primary{color:#f4f9ff;box-shadow:0 8px 22px #2068e84d}:root[data-theme=light] .btn-accent{color:#fff7ec}:root[data-theme=light] .btn-ghost{background:#1482d214}:root[data-theme=light] .eyebrow{background:#e07f121a;border-color:#e07f1259}:root[data-theme=light] .game-card,:root[data-theme=light] .feature-item,:root[data-theme=light] .tl-stage,:root[data-theme=light] .timeline-box,:root[data-theme=light] .code-card,:root[data-theme=light] .topup-card,:root[data-theme=light] .faq-item,:root[data-theme=light] .other-card,:root[data-theme=light] .step,:root[data-theme=light] .chip{box-shadow:0 4px 14px #223c6e0f}:root[data-theme=light] .card-genre{background:#0a12248c;color:#7cd4ff}:root[data-theme=light] .card-back{background:linear-gradient(160deg,#eef3fa,#e2eaf6)}:root[data-theme=light] .code-value{background:#e8eef8;border-color:var(--border-strong)}:root[data-theme=light] .code-value code{color:#0a6ea8}:root[data-theme=light] .copy-btn{background:#1482d21a}:root[data-theme=light] .resp-table th{background:#2068e81a}:root[data-theme=light] .resp-table tr:hover td{background:#1482d20d}:root[data-theme=light] .comm-panel{background:radial-gradient(70% 120% at 85% 10%,rgba(138,92,255,.1),transparent 60%),radial-gradient(60% 100% at 10% 100%,rgba(46,125,255,.1),transparent 60%),linear-gradient(150deg,#e6ecf7,#dfe7f3 60%,#e4eaf7);box-shadow:inset 0 0 40px #1482d208,0 18px 44px #223c6e24}:root[data-theme=light] .comm-btn{background:#ffffff8c}:root[data-theme=light] .comm-btn:hover,:root[data-theme=light] .comm-btn:focus-visible{background:#1482d21f;box-shadow:0 0 20px #1482d229}:root[data-theme=light] .site-footer{background:var(--bg-2)}:root[data-theme=light] .main-nav{background:var(--bg-2)}:root[data-theme=light] .lang-menu{background:#f4f7fc}:root[data-theme=light] .sticky-cta{background:#edf1f8f0}:root[data-theme=light] .game-hero:before{background:radial-gradient(45% 55% at 18% 30%,var(--accent-soft, rgba(20,130,210,.1)),transparent 70%)}:root[data-theme=light] .hero-visual:before,:root[data-theme=light] .hero-visual:after{opacity:.35}:root[data-theme=light] .skip-link:focus{color:#fff}:root[data-theme=light] .showcase-aura{opacity:.12}:root[data-theme=light] .showcase-track .game-card.is-active{box-shadow:0 18px 40px #223c6e2e,0 0 26px var(--accent-soft);border-color:var(--accent)}:root[data-theme=light] .showcase-track .game-card.is-active .card-char{filter:drop-shadow(0 14px 20px rgba(34,60,110,.3)) drop-shadow(0 0 14px var(--accent-soft))}:root[data-theme=light] .showcase-track .game-card:not(.is-active){opacity:.88}html[lang=ar] body{font-family:Cairo,Segoe UI,system-ui,Noto Sans Arabic,Tahoma,sans-serif}html[lang=ar] .hero h1{font-size:clamp(2.15rem,5.8vw,3.5rem);line-height:1.24;font-weight:900;letter-spacing:0}@media (max-width: 860px){html[lang=ar] .hero h1{font-size:clamp(1.7rem,7.8vw,2.1rem);line-height:1.28}}.section-alt{position:relative;overflow:clip}.section-alt:before{content:"";position:absolute;inset-inline-end:-60px;bottom:-60px;width:360px;height:360px;pointer-events:none;background:url(/assets/logo.png) center / contain no-repeat;opacity:.045}.section-alt .container{position:relative;z-index:1}:root[data-theme=light]{--border: rgba(30, 84, 160, .2);--border-strong: rgba(30, 84, 160, .4)}:root[data-theme=light] .strip{border-block-color:rgba(201,143,31,.35);background:linear-gradient(90deg,#c98f1f12,#1482d20d 50%,#c98f1f12)}:root[data-theme=light] .strip-track span i{color:#b9811a}:root[data-theme=light] .comm-panel{border-color:#c98f1f73;box-shadow:inset 0 0 40px #1482d208,0 18px 44px #223c6e24,0 0 0 1px #c98f1f14}:root[data-theme=light] .comm-eyebrow{color:#b9811a}:root[data-theme=light] .comm-eyebrow svg{color:#b9811a}:root[data-theme=light] .section-head-tight h2:after{background:linear-gradient(90deg,var(--cyan),rgba(113,71,232,.55),rgba(201,143,31,.7),transparent)}:root[data-theme=light] .section-alt:before{opacity:.03}html[dir=rtl]:root[data-theme=light] .section-head-tight h2:after,:root[data-theme=light] html[dir=rtl] .section-head-tight h2:after{background:linear-gradient(-90deg,var(--cyan),rgba(113,71,232,.55),rgba(201,143,31,.7),transparent)}