:root{--primary:#4573ff;--primary-soft:#8aa8ff;--primary-deep:#2c50e0;--secondary:#22c58b;--secondary-deep:#149868;--dark:#0d1531;--darker:#090e22;--deep:#060a18;--light:#eef2ff;--text:#dbe2f7;--muted:#8f9cc0;--card:#111a3a;--card-hover:#16224c;--border:#8aa8ff24;--radius:16px;--font-head:"Sora", sans-serif;--font-body:"Manrope", sans-serif;--shadow-lg:0 20px 50px #03061299;--glow:0 0 28px color-mix(in srgb, var(--primary) 30%, transparent);--container:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--deep);color:var(--text);-webkit-font-smoothing:antialiased;font-synthesis:none;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:#fff;letter-spacing:-.015em;font-weight:700;line-height:1.15}a{color:var(--primary);text-decoration:none;transition:color .25s}a:hover{color:var(--primary-soft)}img{max-width:100%;display:block}.pixelated{image-rendering:pixelated}button{cursor:pointer;font-family:inherit}::selection{background:var(--primary);color:#fff}.skip-link{z-index:200;background:var(--primary);color:#fff;font-family:var(--font-head);border-radius:10px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:700;transition:top .25s;position:fixed;top:-60px;left:16px}.skip-link:focus-visible{color:#fff;top:16px}:focus-visible{outline:2px solid var(--primary-soft);outline-offset:3px;border-radius:4px}.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--darker)}::-webkit-scrollbar-thumb{background:#1c2a5e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{width:min(var(--container), 92%);margin-inline:auto}.section{padding:5rem 0}.section-title{text-align:center;max-width:640px;margin:0 auto 3rem}.section-title .eyebrow{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--primary-soft);align-items:center;gap:.65rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-flex}.section-title .eyebrow:before,.section-title .eyebrow:after{content:"";background:linear-gradient(135deg, var(--primary-soft), var(--primary));width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--primary) 55%, transparent);border-radius:1.5px;transform:rotate(45deg)}.section-title h2{font-size:clamp(1.7rem,4vw,2.6rem)}.btn{font-family:var(--font-head);will-change:transform;border:2px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%) 130% 0/250% 100%;transition:opacity .2s;position:absolute;inset:0}.btn:hover:before{opacity:1;animation:.7s forwards btnSheen}@keyframes btnSheen{to{background-position:-30% 0}}@media (prefers-reduced-motion:reduce){.btn:before{display:none}}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-deep));color:#fff;box-shadow:inset 0 1px 0 #ffffff38, 0 8px 24px color-mix(in srgb, var(--primary) 35%, transparent)}.btn-primary:hover{box-shadow:inset 0 1px 0 #ffffff38, 0 12px 32px color-mix(in srgb, var(--primary) 52%, transparent);color:#fff;transform:translateY(-2px)}.btn-outline{color:#fff;background:0 0;border-color:#fff6}.btn-outline:hover{border-color:var(--primary-soft);background:color-mix(in srgb, var(--primary) 14%, transparent);color:#fff;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg, var(--secondary), var(--secondary-deep));color:#fff;box-shadow:inset 0 1px 0 #ffffff38, 0 8px 24px color-mix(in srgb, var(--secondary) 35%, transparent)}.btn-secondary:hover{color:#fff;transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}.route-fade{animation:.45s both routeFade}@keyframes routeFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.route-fallback{min-height:60vh}.spot{position:relative}.spot:before{content:"";z-index:1;border-radius:inherit;background:radial-gradient(220px circle at var(--sx,50%) var(--sy,50%), color-mix(in srgb, var(--accent,var(--primary)) 14%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.spot:hover:before{opacity:1}@media (prefers-reduced-motion:reduce){.route-fade{animation:none}.spot:before{display:none}.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.page-header{text-align:center;background:radial-gradient(ellipse at 18% -10%, color-mix(in srgb, var(--primary) 26%, transparent), transparent 55%), radial-gradient(ellipse at 85% 110%, color-mix(in srgb, var(--secondary) 12%, transparent), transparent 55%), linear-gradient(160deg, var(--dark), var(--darker));padding:9.5rem 0 5rem;position:relative;overflow:hidden}.page-header:after{content:"";background:radial-gradient(ellipse 60% 40% at 50% 0%, color-mix(in srgb, var(--primary-soft) 10%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.page-header h1{z-index:1;margin-bottom:.75rem;font-size:clamp(2.4rem,6vw,3.8rem);position:relative}.page-header .crumbs{z-index:1;font-family:var(--font-head);color:var(--muted);justify-content:center;align-items:center;gap:.6rem;font-weight:700;display:flex;position:relative}.page-header .crumbs a{color:var(--text)}.page-header .crumbs a:hover{color:var(--primary-soft)}.page-header .crumbs .sep{color:var(--primary);font-size:.7rem}.site-nav{z-index:100;background:linear-gradient(#060a18d9,#060a1800);transition:background .35s,box-shadow .35s,padding .35s;position:fixed;top:0;left:0;right:0}.site-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090e22eb;box-shadow:0 8px 30px #0306128c}.site-nav.scrolled:after{content:"";background:linear-gradient(90deg, transparent 5%, color-mix(in srgb, var(--primary) 55%, transparent), transparent 95%);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.site-nav-inner{width:min(var(--container), 94%);justify-content:space-between;align-items:center;margin-inline:auto;padding:1rem 0;display:flex}.brand{font-family:var(--font-head);color:#fff;letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.55rem;font-weight:800;display:flex}.brand-logo{object-fit:cover;width:40px;height:40px;box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 45%, transparent), 0 0 18px color-mix(in srgb, var(--primary) 40%, transparent);border-radius:50%;transition:transform .3s,box-shadow .3s}.brand:hover .brand-logo{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 70%, transparent), 0 0 24px color-mix(in srgb, var(--primary) 60%, transparent);transform:rotate(-8deg)scale(1.06)}.brand em{background:linear-gradient(105deg, var(--primary-soft), var(--primary));-webkit-text-fill-color:transparent;color:var(--primary);-webkit-background-clip:text;background-clip:text;font-style:normal}.brand:hover{color:#fff}.nav-toggle{color:#fff;background:0 0;border:none;padding:.4rem;display:none}.nav-links{align-items:center;gap:.4rem;display:flex}.nav-links>a,.nav-dropdown-toggle{font-family:var(--font-head);color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:.3rem;padding:.55rem .9rem;font-size:.93rem;font-weight:600;transition:color .25s,background .25s;display:inline-flex}.nav-links>a:hover,.nav-dropdown-toggle:hover{color:#fff;background:#ffffff12}.nav-links>a.active{color:var(--primary-soft);background:color-mix(in srgb, var(--primary) 13%, transparent)}.nav-dropdown{position:relative}.nav-dropdown-menu{background:var(--darker);border:1px solid var(--border);opacity:0;visibility:hidden;min-width:180px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:.15rem;padding:.5rem;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)}.nav-dropdown.show .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{color:var(--text);border-radius:8px;padding:.55rem .85rem;font-size:.92rem;font-weight:600}.nav-dropdown-menu a:hover{background:color-mix(in srgb, var(--primary) 15%, transparent);color:#fff}@media (width<=900px){.nav-toggle{display:inline-flex}.nav-links{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;background:#090e22fa;flex-direction:column;align-items:stretch;gap:.2rem;padding:.75rem 1.25rem 1.25rem;transition:opacity .3s,transform .3s,visibility .3s;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}.nav-links.open{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:#ffffff0a;border:none;margin-top:.25rem;display:none;position:static;transform:none}.nav-dropdown.show .nav-dropdown-menu{display:flex}}.site-footer{background:linear-gradient(180deg, var(--darker), var(--deep));border-top:1px solid var(--border);margin-top:5rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;padding:4rem 0 3rem;display:grid}.footer-logo{margin-bottom:1rem;font-size:1.4rem;display:inline-flex}.footer-brand p{color:var(--muted);max-width:300px;margin-bottom:1.25rem;font-size:.95rem}.footer-col h3{margin-bottom:1.1rem;padding-bottom:.6rem;font-size:1.05rem;position:relative}.footer-col h3:after{content:"";background:linear-gradient(90deg, var(--primary) 0 20px, transparent 20px 24px, var(--primary-soft) 24px 30px);border-radius:3px;width:30px;height:3px;position:absolute;bottom:0;left:0}.footer-links{flex-direction:column;gap:.55rem;display:flex}.footer-links a{color:var(--muted);align-items:center;gap:.45rem;font-size:.94rem;transition:color .25s,transform .25s;display:inline-flex}.footer-links a svg{color:var(--primary);flex-shrink:0}.footer-links a:hover{color:#fff;transform:translate(4px)}.socials{gap:.55rem;display:flex}.socials a{background:color-mix(in srgb, var(--primary) 12%, transparent);border:1px solid var(--border);width:38px;height:38px;color:var(--primary-soft);border-radius:12px;justify-content:center;align-items:center;transition:background .25s,transform .25s,color .25s;display:inline-flex}.socials a:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding:1.4rem 0}.footer-bottom p{color:var(--muted);font-size:.88rem}.footer-bottom a{color:var(--text);border-bottom:1px solid var(--muted)}.footer-bottom a:hover{color:var(--primary-soft)}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=540px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.back-to-top{z-index:90;background:linear-gradient(135deg, var(--primary), var(--primary-deep));color:#fff;width:46px;height:46px;box-shadow:0 10px 26px color-mix(in srgb, var(--primary) 45%, transparent);opacity:0;visibility:hidden;border:none;border-radius:12px;justify-content:center;align-items:center;transition:opacity .3s,transform .3s,visibility .3s;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{transform:translateY(-3px)}.game-card{--accent:var(--primary);border-radius:var(--radius);background:linear-gradient(170deg, var(--card), var(--darker));border:1px solid var(--border);transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}.game-card:hover{border-color:color-mix(in srgb, var(--accent) 65%, transparent);box-shadow:0 18px 44px #030612a6, 0 0 26px color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-8px)}.game-card-link{height:100%;color:inherit;flex-direction:column;display:flex}.game-card-media{aspect-ratio:16/9;background:var(--darker);position:relative;overflow:hidden}.game-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .55s}.game-card:hover .game-card-media img{transform:scale(1.07)}.game-card-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#060a18b3);position:absolute;inset:0}.game-badge{z-index:2;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.32rem .75rem;font-size:.72rem;font-weight:800;position:absolute;top:12px;left:12px}.game-badge.released{background:color-mix(in srgb, var(--secondary) 85%, transparent);color:#04120c}.game-badge.dev{background:color-mix(in srgb, var(--primary) 85%, transparent);color:#fff}.game-badge.play{background:color-mix(in srgb, var(--accent) 88%, transparent);color:#fff;box-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);left:auto;right:12px}.game-card-body{flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.6rem;display:flex}.game-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.game-card-head h3{font-size:1.3rem}.game-platforms{color:var(--muted);gap:.35rem;display:flex}.game-platforms span{border:1px solid var(--border);background:#ffffff0f;border-radius:7px;padding:.3rem;display:inline-flex}.game-genre{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:.3rem 0 .65rem;font-size:.78rem;font-weight:700}.game-tagline{color:var(--muted);flex:1;font-size:.95rem}.game-more{font-family:var(--font-head);color:var(--primary-soft);align-items:center;gap:.4rem;margin-top:1.1rem;font-size:.92rem;font-weight:800;transition:gap .25s;display:inline-flex}.game-card:hover .game-more{gap:.7rem}.game-card.coming-soon{opacity:.85}.game-card.coming-soon:hover{transform:translateY(-4px)}.coming-soon-art{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 60%), repeating-linear-gradient(45deg, #ffffff06 0 12px, transparent 12px 24px), var(--darker);color:#96a5d766;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.coming-soon-art .qmark{font-family:var(--font-head);color:#96a5d729;-webkit-user-select:none;user-select:none;font-size:4.4rem;font-weight:800;position:absolute}.hero{height:min(92vh,820px);min-height:560px;position:relative;overflow:hidden}.hero-slide{opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{object-fit:cover;width:100%;height:100%;transition:transform 7s;transform:scale(1.06)}.hero-slide.active img{transform:scale(1)}.hero-overlay{background:linear-gradient(180deg, #060a188c 0%, #060a1859 45%, var(--deep) 100%), radial-gradient(ellipse at center, #0c143226, #060a1899);position:absolute;inset:0}.hero:after{content:"";z-index:1;background:radial-gradient(ellipse 70% 45% at 50% -5%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.hero-content{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:0 6vw;display:flex;position:absolute;inset:0}.hero-eyebrow{font-family:var(--font-head);letter-spacing:.35em;text-transform:uppercase;color:var(--primary-soft);text-shadow:0 2px 12px #0009;margin-bottom:1rem;font-size:.85rem;font-weight:700}.hero-content h1{text-shadow:0 4px 30px #0000008c;margin-bottom:1.2rem;font-size:clamp(2.6rem,7vw,5rem);font-weight:800}.hero-slide.active .hero-eyebrow,.hero-slide.active h1,.hero-slide.active .hero-text,.hero-slide.active .hero-actions{animation:.8s both heroRise}.hero-slide.active h1{animation-delay:.1s}.hero-slide.active .hero-text{animation-delay:.2s}.hero-slide.active .hero-actions{animation-delay:.3s}@keyframes heroRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero-text{max-width:560px;color:var(--text);text-shadow:0 2px 14px #000000b3;margin-bottom:2rem;font-size:1.08rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.hero-arrow{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#060a1873;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .25s,border-color .25s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:var(--primary);border-color:var(--primary)}.hero-arrow.prev{left:22px}.hero-arrow.next{right:22px}.hero-dots{z-index:3;gap:.55rem;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero-dots button{background:#ffffff4d;border:none;border-radius:4px;width:30px;height:5px;transition:background .3s,width .3s}.hero-dots button.active{background:var(--primary);width:46px}@media (width<=640px){.hero-arrow{display:none}}.pillars{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.pillar-card{background:linear-gradient(160deg, var(--card), var(--darker));border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:2.2rem 1.8rem;transition:transform .35s,border-color .35s,box-shadow .35s}.pillar-card:hover{border-color:color-mix(in srgb, var(--primary) 50%, transparent);box-shadow:var(--glow);transform:translateY(-6px)}.pillar-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 25%, transparent), color-mix(in srgb, var(--primary) 5%, transparent));border:1px solid color-mix(in srgb, var(--primary) 40%, transparent);width:62px;height:62px;color:var(--primary-soft);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 1.2rem;display:flex}.pillar-card h3{margin-bottom:.6rem;font-size:1.15rem}.pillar-card p{color:var(--muted);font-size:.95rem}@media (width<=860px){.pillars{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.featured{background:radial-gradient(ellipse at 85% 20%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 50%), radial-gradient(ellipse at 10% 80%, color-mix(in srgb, var(--secondary) 7%, transparent), transparent 50%)}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem;display:grid}.featured-cta{text-align:center;margin-top:2.6rem}@media (width<=1020px){.featured-grid{grid-template-columns:repeat(2,1fr);max-width:900px;margin-inline:auto}}@media (width<=760px){.featured-grid{grid-template-columns:1fr;max-width:440px}}.cta-banner{background:radial-gradient(ellipse at 15% 0%, color-mix(in srgb, var(--primary) 32%, transparent), transparent 55%), linear-gradient(135deg, var(--dark), var(--darker));border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);box-shadow:var(--shadow-lg);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2.6rem 3rem;display:flex}.cta-banner h2{margin-bottom:.35rem;font-size:1.7rem}.cta-banner p{color:var(--muted)}@media (width<=640px){.cta-banner{text-align:center;justify-content:center;padding:2rem 1.5rem}}