:root{--void:#050507;--surface:#0f0f13;--surface-2:#17171d;--line:#2a2a34;--text:#e8e8ec;--muted:#9b9ba6;--violet:#b296f8;--cyan:#25f4ee;--pink:#fe2c55;--max:1240px}
html{scroll-behavior:smooth}body{background:var(--void)!important;color:var(--text)!important;font-family:Inter,"Segoe UI",sans-serif!important;letter-spacing:0!important}.cosmic-mesh{display:none!important}.container{max-width:var(--max)!important;padding-left:28px!important;padding-right:28px!important}
.nav-header{position:fixed!important;top:18px!important;left:0;right:0;width:min(1200px,calc(100% - 32px))!important;margin:auto!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(5,5,7,.72)!important;backdrop-filter:blur(22px)!important;box-shadow:0 18px 50px rgba(0,0,0,.35)!important;transition:background .25s,transform .25s!important}.nav-header.scrolled{background:rgba(5,5,7,.94)!important;transform:translateY(-8px)}.nav-wrapper{height:72px!important;padding:0 18px!important}.brand-badge{background:var(--violet)!important;color:#09090c!important;box-shadow:0 0 28px rgba(178,150,248,.38)!important;border-radius:8px!important}.brand-title span{color:var(--violet)!important}.nav-links a{color:#c8c8d0!important;font-size:13px!important}.nav-links a:hover{color:#fff!important}.nav-actions .btn,.nav-actions .btn-order{border-radius:8px!important;background:transparent!important;border:1px solid var(--line)!important;box-shadow:none!important}.nav-actions .btn-tiktok{background:var(--violet)!important;color:#08080b!important;border-color:var(--violet)!important}
.hero{position:relative!important;min-height:100svh!important;padding:0!important;background:#050507 url('/portal-hero-v2.png') center/cover no-repeat!important;overflow:hidden!important}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.97) 0%,rgba(5,5,7,.82) 27%,rgba(5,5,7,.18) 62%,rgba(5,5,7,.2) 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(0deg,var(--void),transparent);pointer-events:none}.hero-grid{position:relative;z-index:2;min-height:100svh!important;display:flex!important;align-items:center!important;padding-top:116px!important;padding-bottom:96px!important}.hero-content{max-width:710px!important}.hero-badge-pill{width:max-content!important;border:1px solid rgba(178,150,248,.45)!important;background:rgba(13,13,18,.68)!important;color:#ded3ff!important;border-radius:10px!important;padding:9px 13px!important;letter-spacing:.14em!important}.hero-badge-pill .dot{background:var(--violet)!important;box-shadow:0 0 14px var(--violet)!important}.hero-title{max-width:700px!important;margin:24px 0!important;font-size:clamp(58px,7.4vw,112px)!important;line-height:.9!important;font-weight:950!important;color:#fff!important;text-wrap:balance!important}.hero-title .gradient-text{display:block;color:var(--violet)!important;background:none!important;-webkit-text-fill-color:initial!important}.hero-desc{max-width:610px!important;font-size:18px!important;line-height:1.65!important;color:#c6c6cf!important}.hero-cta-group{margin-top:32px!important;gap:10px!important}.hero-cta-group .btn{min-height:54px!important;border-radius:10px!important;font-size:14px!important;box-shadow:none!important}.hero-cta-group .btn-tiktok{background:var(--violet)!important;color:#09090c!important}.hero-cta-group .btn-order{background:#111116!important;border:1px solid #30303a!important}.hero-cta-group .btn-outline{background:rgba(5,5,7,.62)!important;border-color:#444450!important}.hero-version-tag{margin-top:28px!important;color:#aaaab5!important}.hero-version-tag span{color:var(--violet)!important}.arena-interactive-card{position:absolute!important;right:28px!important;bottom:72px!important;width:410px!important;transform:perspective(1100px) rotateY(-4deg)!important;background:rgba(11,11,16,.72)!important;border:1px solid rgba(178,150,248,.32)!important;border-radius:10px!important;box-shadow:0 34px 90px rgba(0,0,0,.62),0 20px 70px rgba(178,150,248,.16)!important;backdrop-filter:blur(18px)!important}.arena-card-header{background:transparent!important}.demo-tab{border-radius:8px!important;background:#121218!important;border-color:#292934!important}.demo-tab.active{background:var(--violet)!important;color:#09090c!important;border-color:var(--violet)!important}.arena-instructions{color:#d8ceff!important;border-color:#51436f!important;background:rgba(178,150,248,.08)!important}
.portal-marquee{position:relative;z-index:5;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#09090c}.portal-marquee-track{display:flex;width:max-content;padding:17px 0;animation:portalTicker 25s linear infinite}.portal-marquee span{padding:0 34px;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.portal-marquee b{color:var(--violet);margin-right:18px}@keyframes portalTicker{to{transform:translateX(-50%)}}
section:not(.hero){position:relative!important;padding:112px 0!important;background:var(--void)!important;border-top:1px solid rgba(255,255,255,.055)!important}.section-header{text-align:left!important;display:grid!important;grid-template-columns:240px 1fr!important;column-gap:46px!important;align-items:start!important;margin-bottom:54px!important}.section-tag{color:var(--violet)!important;font-size:11px!important;letter-spacing:.2em!important}.section-title{max-width:850px!important;margin:0!important;font-size:clamp(42px,5vw,72px)!important;line-height:1!important;font-weight:950!important;color:#fff!important;text-align:left!important}.section-desc{grid-column:2;max-width:720px!important;margin:24px 0 0!important;color:var(--muted)!important;font-size:17px!important;line-height:1.7!important;text-align:left!important}
.games-grid{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:16px!important}.game-card{grid-column:span 6;min-height:470px!important;padding:28px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;box-shadow:none!important;transition:transform .3s,border-color .3s,box-shadow .3s!important;overflow:hidden!important}.game-card:first-child{grid-column:span 12;min-height:520px!important;background:linear-gradient(100deg,rgba(15,15,19,.98),rgba(15,15,19,.72)),url('/portal-hero-v2.png') right center/cover!important}.game-card:hover{transform:translateY(-6px)!important;border-color:rgba(178,150,248,.7)!important;box-shadow:0 25px 50px -12px rgba(178,150,248,.2)!important}.game-card-icon{border-radius:10px!important;background:#18181f!important;border-color:#343440!important}.game-card-title{font-size:34px!important;color:#fff!important}.game-card-desc{font-size:16px!important;line-height:1.65!important;color:#aaaab4!important}.game-card-features li{color:#d5d5dc!important}.game-card-features svg{color:var(--violet)!important}.game-card-badge,.sparkle-badge{border-radius:10px!important;background:transparent!important;border:1px solid #4b3f71!important;color:#ede9fe!important}.game-card .btn{border-radius:8px!important;background:transparent!important;border:1px solid #41414c!important}.game-card .btn-tiktok{background:var(--violet)!important;color:#08080b!important;border-color:var(--violet)!important}.ecosystem-banner{margin-top:24px!important;border-radius:10px!important;background:var(--surface)!important;border-color:var(--line)!important}
.steps-grid{gap:1px!important;background:var(--line)!important;border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden!important}.step-box{min-height:280px!important;border:0!important;border-radius:0!important;background:var(--surface)!important;padding:30px!important}.step-number{width:48px!important;height:48px!important;border-radius:10px!important;background:var(--violet)!important;color:#09090c!important}.step-title{font-size:24px!important}.step-desc{color:var(--muted)!important;line-height:1.65!important}
#download>div>div{max-width:1100px!important;border-radius:10px!important;background:var(--surface)!important;border-color:#353540!important;box-shadow:0 25px 70px rgba(178,150,248,.12)!important}#download .section-title{text-align:center!important;margin:auto!important}.feedback-card{border-radius:10px!important;background:var(--surface)!important;border-color:var(--line)!important}.form-input,.form-select,.form-textarea{border-radius:8px!important;background:#09090d!important;border-color:#33333c!important}.btn{border-radius:8px!important}.btn-tiktok{background:var(--violet)!important;color:#09090c!important;box-shadow:none!important}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
footer{background:#08080b!important;border-top:1px solid var(--line)!important}.footer-logo span,.footer-col a:hover{color:var(--violet)!important}
@media(max-width:1050px){.nav-links{display:none!important}.arena-interactive-card{display:none!important}.hero-content{max-width:760px!important}.hero:before{background:rgba(5,5,7,.68)}.games-grid .game-card,.game-card:first-child{grid-column:span 12!important}}
@media(max-width:720px){.nav-header{top:8px!important}.nav-wrapper{height:62px!important}.brand-title{font-size:13px!important}.nav-actions .btn-order{display:none!important}.hero-grid{padding-top:110px!important;align-items:flex-end!important}.hero-title{font-size:54px!important}.hero-desc{font-size:16px!important}.hero-cta-group{display:grid!important}.hero-cta-group .btn{width:100%!important;justify-content:center!important}.section-header{grid-template-columns:1fr!important}.section-title,.section-desc{grid-column:1!important}.section-tag{margin-bottom:16px!important}.games-grid{display:block!important}.game-card{margin-bottom:14px!important;min-height:auto!important;padding:22px!important}.steps-grid{grid-template-columns:1fr!important}.portal-marquee span{padding:0 18px}section:not(.hero){padding:80px 0!important}}
@media(prefers-reduced-motion:reduce){.portal-marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.gift-trail-canvas{position:fixed;z-index:99990;inset:0;width:100%;height:100%;pointer-events:none}.gift-trail-item{position:fixed;z-index:99991;left:0;top:0;width:42px;height:42px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 14px rgba(37,244,238,0.95)) drop-shadow(0 0 8px rgba(254,44,85,0.85));animation:giftTrailFloat 1.08s cubic-bezier(.16,.8,.26,1) forwards}.gift-trail-spark{position:fixed;z-index:99989;left:0;top:0;width:8px;height:8px;border-radius:50%;pointer-events:none;background:hsl(var(--trail-hue) 95% 70%);box-shadow:0 0 16px hsl(var(--trail-hue) 95% 68%);animation:giftTrailSpark .8s ease-out forwards}@keyframes giftTrailFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(var(--gift-rotation))}15%{opacity:1;transform:translate(-50%,-70%) scale(1.08) rotate(0)}72%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--gift-drift)),calc(-50% - 74px)) scale(.62) rotate(var(--gift-end-rotation))}}@keyframes giftTrailSpark{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.1)}}@media(prefers-reduced-motion:reduce){.gift-trail-canvas,.gift-trail-item,.gift-trail-spark{display:none!important}}
.download-stage{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,3,6,.82);backdrop-filter:blur(18px)}.download-stage[hidden]{display:none}.download-panel{position:relative;width:min(760px,100%);overflow:hidden;border:1px solid rgba(178,150,248,.42);border-radius:10px;background:#0d0d12;box-shadow:0 34px 100px rgba(0,0,0,.72),0 20px 80px rgba(178,150,248,.2)}.download-visual{position:relative;min-height:235px;padding:38px;background:url('/portal-hero-v2.png') center 43%/cover}.download-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,8,.95),rgba(5,5,8,.54))}.download-visual>*{position:relative}.download-kicker{color:#d9ccff;font-size:11px;font-weight:800;letter-spacing:.18em}.download-visual h2{max-width:500px;margin:15px 0 12px;color:#fff;font-size:42px;line-height:1;font-weight:950}.download-visual p{max-width:470px;color:#c2c2cb;line-height:1.6}.download-body{padding:26px 38px 34px}.download-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:24px;overflow:hidden;border:1px solid #292933;border-radius:8px;background:#292933}.download-meta div{padding:14px;background:#121218}.download-meta small{display:block;color:#7f7f8d;font-size:10px}.download-meta strong{display:block;margin-top:4px;color:#fff;font-size:13px}.download-actions{display:flex;gap:10px}.download-now{flex:1;min-height:52px;border:0;border-radius:8px;background:var(--violet);color:#09090c;font-weight:900;cursor:pointer}.download-cancel{min-height:52px;padding:0 20px;border:1px solid #34343e;border-radius:8px;background:transparent;color:#d8d8df;cursor:pointer}.download-close{position:absolute;z-index:2;right:14px;top:14px;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(7,7,10,.72);color:#fff;font-size:20px;cursor:pointer}@media(max-width:620px){.download-visual{padding:28px 22px}.download-visual h2{font-size:34px}.download-body{padding:22px}.download-meta{grid-template-columns:1fr}.download-actions{display:grid}.download-cancel{order:2}}