:root {
  --ink: #05070d;
  --panel: #0b101b;
  --line: rgba(124, 230, 255, .18);
  --cyan: #54e8ff;
  --violet: #8b5cff;
  --text: #f4f8ff;
  --muted: #8996aa;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--text); background: var(--ink); font-family: "Rajdhani", sans-serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
:focus-visible { outline:2px solid var(--cyan);outline-offset:4px }

#particle-canvas { position: fixed; inset: 0; z-index: -3; width: 100%; height: 100%; }
.ambient-glow { position: fixed; z-index: -2; width: 42vw; aspect-ratio: 1; border-radius: 50%; filter: blur(100px); opacity: .1; pointer-events: none; }
.wave-1 { top: -20%; right: -10%; background: var(--cyan); animation: drift 13s ease-in-out infinite alternate; }
.wave-2 { bottom: -25%; left: -15%; background: var(--violet); animation: drift 16s ease-in-out infinite alternate-reverse; }
.cursor-glow { position: fixed; z-index: 20; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(84,232,255,.08), transparent 68%); transform: translate(-50%,-50%); pointer-events: none; }
.scroll-progress { position:fixed; z-index:100; top:0; left:0; width:0; height:2px; background:linear-gradient(90deg,var(--violet),var(--cyan)); box-shadow:0 0 12px var(--cyan); }
.screen-noise { position:fixed; z-index:90; inset:0; opacity:.025; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }

.page-loader { position: fixed; inset: 0; z-index: 999; display: grid; place-content: center; gap: 18px; background: #03050a; transition: opacity .55s, visibility .55s; }
.page-loader.done { opacity: 0; visibility: hidden; }
.loader-mark { color: var(--cyan); font: 900 2rem "Orbitron"; letter-spacing: .3em; text-shadow: 0 0 25px var(--cyan); }
.loader-track { width: 150px; height: 2px; background: #172232; overflow: hidden; }
.loader-track span { display: block; height: 100%; background: var(--cyan); animation: load 1s ease both; }

.navbar { position: fixed; top: 0; z-index: 50; width: 100%; height: 84px; padding: 0 clamp(24px,5vw,80px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid transparent; transition: .35s; }
.navbar.scrolled { height: 66px; background: rgba(5,7,13,.82); backdrop-filter: blur(18px); border-color: var(--line); }
.nav-logo { display: flex; align-items: center; gap: 12px; font: 800 1rem "Orbitron"; letter-spacing: .12em; }
.logo-name span, .eyebrow, .text-link { color: var(--cyan); }
.logo-name > span { position: relative; display: inline-block; }
.logo-name > span::after { content: ""; position: absolute; left: 0; right: .12em; bottom: -6px; height: 2px; background: linear-gradient(90deg, var(--cyan), rgba(84,232,255,.15)); box-shadow: 0 0 8px rgba(84,232,255,.7); transform: scaleX(.72); transform-origin: left; transition: transform .25s ease; }
.nav-logo:hover .logo-name > span::after { transform: scaleX(1); }
.nav-links { display: flex; align-items: center; gap: clamp(18px,3vw,42px); margin: 0; padding: 0; list-style: none; }
.nav-links a { position: relative; color: #abb6c7; font-weight: 700; letter-spacing: .14em; font-size: .84rem; }
.nav-links a::after { content:""; position:absolute; left:0; bottom:-10px; width:0; height:2px; background:var(--cyan); box-shadow:0 0 10px var(--cyan); transition:.25s; }
.nav-links a:hover, .nav-links a.active { color:white; }
.nav-links a:hover::after, .nav-links a.active::after { width:100%; }
.mobile-toggle { display:none; background:none; border:0; }

.hero-section { position: relative; min-height: 100svh; display:grid; place-items:center; overflow:hidden; padding: 120px 24px 80px; isolation:isolate; background:#03050a; }
.hero-section::before { content:""; position:absolute; inset:0; z-index:-2; background: radial-gradient(circle at 50% 42%, rgba(8,18,34,.12), rgba(3,7,16,.48) 44%, rgba(3,5,10,.82) 78%), linear-gradient(to bottom, rgba(5,7,13,.18), var(--ink) 97%); }
.hero-section[data-active-scene="prime"]::before { background:radial-gradient(circle at 50% 42%,transparent 0,rgba(3,7,16,.18) 48%,rgba(3,5,10,.55) 84%),linear-gradient(to bottom,rgba(5,7,13,.05),rgba(5,7,13,.2) 68%,var(--ink) 99%) }
.hero-section[data-active-scene="void"]::before { background:radial-gradient(ellipse at 50% 43%,rgba(3,5,10,.24),rgba(3,5,10,.58) 52%,rgba(3,5,10,.74) 86%),linear-gradient(to bottom,rgba(5,7,13,.08),rgba(5,7,13,.28) 64%,var(--ink) 98%) }
.hero-section[data-active-scene="mythic"]::before { background:radial-gradient(ellipse at 50% 40%,rgba(8,12,23,.28),rgba(4,7,15,.52) 52%,rgba(3,5,10,.76) 88%),linear-gradient(to bottom,rgba(5,7,13,.1),rgba(5,7,13,.25) 62%,var(--ink) 98%) }
.hero-section[data-active-scene="rival"]::before { background:radial-gradient(ellipse at 50% 44%,rgba(3,5,10,.38),rgba(3,5,10,.62) 54%,rgba(3,5,10,.8) 88%),linear-gradient(to bottom,rgba(5,7,13,.12),rgba(5,7,13,.34) 62%,var(--ink) 98%) }
.hero-section[data-active-scene="chrono"]::before { background:radial-gradient(ellipse at 50% 42%,rgba(4,6,12,.32),rgba(3,5,10,.6) 53%,rgba(3,5,10,.8) 88%),linear-gradient(to bottom,rgba(5,7,13,.1),rgba(5,7,13,.32) 62%,var(--ink) 98%) }
.hero-backdrop{position:absolute;z-index:-3;inset:-3%;overflow:hidden;background:#03050a}.hero-backdrop::after{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,rgba(3,5,10,.15),transparent 30%,transparent 70%,rgba(3,5,10,.18));pointer-events:none}.hero-backdrop::before{content:"";position:absolute;z-index:5;top:0;bottom:0;left:-18%;width:15%;opacity:0;background:linear-gradient(90deg,transparent,rgba(84,232,255,.5),rgba(193,111,255,.25),transparent);filter:blur(12px);transform:skewX(-12deg);pointer-events:none}.hero-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.08);filter:saturate(.78) blur(2px);clip-path:inset(0 0 0 100%);transition:translate .25s ease-out}.hero-backdrop img.active{z-index:2;opacity:1;transform:scale(1.035);filter:saturate(.9);clip-path:inset(0)}.hero-backdrop img.entering{z-index:3;animation:sceneEnter .9s cubic-bezier(.22,.72,.16,1) both}.hero-backdrop img.outgoing{z-index:2;animation:sceneExit .9s ease both}.hero-backdrop.changing::before{animation:sceneScan .9s ease-out both}
.hero-grid { position:absolute; z-index:-3; inset:42% -20% -30%; background-image: linear-gradient(rgba(84,232,255,.15) 1px,transparent 1px), linear-gradient(90deg,rgba(84,232,255,.15) 1px,transparent 1px); background-size:70px 70px; transform:perspective(400px) rotateX(63deg); mask-image:linear-gradient(to bottom,transparent,black 20%,transparent); animation:gridMove 5s linear infinite; }
.hero-content { position:relative; z-index:2; width:min(1100px,100%); text-align:center; }
.hero-kicker { display:flex; justify-content:space-between; width:min(680px,90vw); margin:0 auto 22px; color:#718096; font:700 .65rem "Orbitron"; letter-spacing:.16em; animation:heroIn .8s .35s both; }.hero-kicker b{color:var(--cyan);font-weight:500}
.hero-title { position:relative;display:flex;align-items:baseline;justify-content:center;gap:.16em;margin:0;font:900 clamp(4rem,10vw,9rem)/.8 "Orbitron";letter-spacing:-.075em;text-wrap:balance;filter:drop-shadow(0 0 28px rgba(84,232,255,.22));animation:heroIn .9s .45s both; }
.hero-title::before { content:attr(data-text); position:absolute; inset:0; z-index:-1; color:transparent; -webkit-text-stroke:1px rgba(84,232,255,.28); transform:translate(7px,7px); }
.hero-title.glitch::after { content:attr(data-text); position:absolute; inset:0; color:var(--text); background:var(--ink); clip-path:inset(35% 0 42% 0); transform:translate(-5px,2px); text-shadow:6px 0 var(--violet),-5px 0 var(--cyan); animation:glitch .32s steps(2,end); }
.hero-title span{color:var(--text)}.hero-title em{color:transparent;-webkit-text-stroke:2px var(--cyan);font-style:normal;text-shadow:0 0 35px rgba(84,232,255,.2)}.hero-title small{position:absolute;right:7%;bottom:-.78em;padding:5px 10px;color:#081017;background:var(--cyan);font:800 clamp(.52rem,.9vw,.72rem) "Orbitron";letter-spacing:.26em;box-shadow:0 0 24px rgba(84,232,255,.26);transform:skewX(-8deg)}
.hero-subtitle { display:flex;align-items:center;justify-content:center;gap:15px;margin:44px auto 16px;color:#aab8c9;font-weight:700;letter-spacing:.2em;font-size:clamp(.62rem,1vw,.82rem);animation:heroIn .9s .6s both; }.hero-subtitle i{width:4px;height:4px;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.hero-status { display:flex; justify-content:center; gap:22px; color:#68768b; font-size:.73rem; letter-spacing:.16em; animation:heroIn .9s .7s both; }
.hero-status i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#58ff9d; box-shadow:0 0 10px #58ff9d; animation:pulse 1.5s infinite; }
.hero-actions { display:flex; justify-content:center; gap:15px; margin-top:38px; animation:heroIn .9s .78s both; }
.btn { position:relative; min-width:190px; padding:16px 25px; overflow:hidden; border:1px solid rgba(255,255,255,.2); text-align:center; font:700 .82rem "Orbitron"; letter-spacing:.09em; transition:.28s; }
.btn-primary { color:#041014; background:var(--cyan); border-color:var(--cyan); box-shadow:0 0 25px rgba(84,232,255,.2); clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.btn-primary:hover { transform:translateY(-4px); box-shadow:0 0 38px rgba(84,232,255,.48); }
.btn-secondary:hover { color:var(--cyan); border-color:var(--cyan); background:rgba(84,232,255,.07); }
.scroll-cue { position:absolute; bottom:25px; display:grid; justify-items:center; gap:8px; color:#667287; font-size:.66rem; letter-spacing:.18em; }
.scroll-cue span { display:block; width:1px; height:35px; background:linear-gradient(var(--cyan),transparent); animation:scrollCue 1.5s infinite; }
.hero-orbit { position:absolute; z-index:-1; border:1px solid rgba(84,232,255,.12); border-radius:50%; animation:spin 28s linear infinite; opacity:.48; }
.hero-orbit::after { content:""; position:absolute; top:15%; left:8%; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); }
.orbit-one { width:54vw; aspect-ratio:1; }
.orbit-two { width:72vw; aspect-ratio:1; animation-direction:reverse; animation-duration:42s; }
.hero-frame{position:absolute;z-index:3;inset:110px clamp(22px,4vw,64px) 55px;pointer-events:none;border-top:1px solid rgba(255,255,255,.12);border-inline:1px solid rgba(255,255,255,.06);clip-path:polygon(0 0,34% 0,35% 1px,65% 1px,66% 0,100% 0,100% 100%,0 100%)}.hero-frame::before,.hero-frame::after{content:"";position:absolute;bottom:0;width:70px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero-frame::before{left:0}.hero-frame::after{right:0}.hero-frame span{position:absolute;top:-22px;color:#7b899d;font:700 .57rem "Orbitron";letter-spacing:.18em}.hero-frame span:first-child{left:0}.hero-frame span:last-child{right:0}
.hero-signal{position:absolute;z-index:4;left:clamp(35px,6vw,95px);bottom:95px;display:flex;align-items:flex-end;gap:12px;padding:12px 15px;color:#748399;background:rgba(5,10,19,.54);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);font:600 .55rem/1.45 "Orbitron";letter-spacing:.13em}.hero-signal strong{color:#72ffb0;font-weight:700}.signal-bars{height:25px;display:flex;align-items:flex-end;gap:3px}.signal-bars i{display:block;width:3px;background:var(--cyan);box-shadow:0 0 7px rgba(84,232,255,.7);animation:signalJump 1.2s ease-in-out infinite alternate}.signal-bars i:nth-child(1){height:35%}.signal-bars i:nth-child(2){height:70%;animation-delay:.2s}.signal-bars i:nth-child(3){height:48%;animation-delay:.4s}.signal-bars i:nth-child(4){height:100%;animation-delay:.1s}
.hero-coordinates{position:absolute;z-index:4;right:clamp(35px,6vw,95px);bottom:101px;display:flex;align-items:center;gap:10px;color:#68778c;font:600 .55rem "Orbitron";letter-spacing:.14em}.hero-coordinates b{display:block;width:28px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.hero-scenes{position:absolute;z-index:6;right:clamp(35px,6vw,95px);bottom:132px;display:flex;align-items:flex-end;gap:7px}.scene-caption{display:grid;gap:4px;min-width:112px;margin-right:5px;text-align:right}.scene-caption small{color:#65748b;font:600 .5rem "Orbitron";letter-spacing:.16em}.scene-caption strong{color:#dbe6f4;font:700 .62rem "Orbitron";letter-spacing:.1em}.hero-scenes button{position:relative;width:47px;height:32px;padding:0;overflow:hidden;cursor:pointer;background:#080c14;border:1px solid rgba(255,255,255,.16);opacity:.55;transition:.25s}.hero-scenes button::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--cyan);transform:scaleX(0);transition:.25s}.hero-scenes button:hover,.hero-scenes button.active{width:68px;opacity:1;border-color:rgba(84,232,255,.62);box-shadow:0 0 18px rgba(84,232,255,.16)}.hero-scenes button.active::after{transform:scaleX(1)}.hero-scenes img{width:100%;height:100%;object-fit:cover}
.signal-strip { overflow:hidden; border-block:1px solid var(--line); background:rgba(84,232,255,.035); transform:rotate(-1deg) scale(1.02); }.signal-track { display:flex; align-items:center; width:max-content; padding:13px 0; animation:ticker 28s linear infinite; }.signal-track span { padding:0 35px; color:#7d8ca2; font:700 .68rem "Orbitron"; letter-spacing:.18em; }.signal-track i{color:var(--cyan);font-style:normal;font-size:.55rem}

.main-wrapper { width:min(1200px,calc(100% - 40px)); margin:auto; padding:90px 0; }
.section-header { display:flex; align-items:center; gap:25px; margin-bottom:45px; }
.section-title { margin:0; white-space:nowrap; font:700 clamp(1.4rem,3vw,2.3rem) "Orbitron"; letter-spacing:.08em; }
.header-line { width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--line)); }
.header-line:last-child { transform:scaleX(-1); }
.portfolio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.portfolio-grid .game-card:first-child{grid-column:1/-1}.portfolio-grid .game-card:first-child .card-image-wrapper{height:min(62vw,590px)}.portfolio-grid .game-card:first-child .card-content{display:grid;grid-template-columns:1fr auto;align-items:end;padding:2px 36px 32px}.portfolio-grid .game-card:first-child .game-name{font-size:clamp(2rem,4vw,3.6rem)}.portfolio-grid .game-card:first-child .game-genre{grid-column:1;margin-bottom:0}.portfolio-grid .game-card:first-child .card-actions{grid-column:2;grid-row:1/3;gap:28px}.portfolio-grid .game-card:not(:first-child) .store-icons{display:none}
.game-card { --card-accent:var(--cyan); position:relative; overflow:hidden; background:linear-gradient(145deg,rgba(18,26,41,.9),rgba(7,11,19,.95)); border:1px solid rgba(255,255,255,.1); clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px)); transform-style:preserve-3d; transition:transform .15s ease-out,border-color .3s; }
.game-card[data-accent="violet"] { --card-accent:#a174ff; }.game-card[data-accent="amber"] { --card-accent:#ffbf4d; }.game-card[data-accent="rose"] { --card-accent:#ff4d89; }
.game-card:hover { border-color:var(--card-accent); }
.game-card::before { position:absolute;z-index:5;right:20px;bottom:18px;color:rgba(255,255,255,.08);font:900 3.8rem/.8 "Orbitron";pointer-events:none }.game-card:nth-child(1)::before{content:"01"}.game-card:nth-child(2)::before{content:"02"}.game-card:nth-child(3)::before{content:"03"}.game-card:nth-child(4)::before{content:"04"}
.card-border-glow { position:absolute; z-index:3; inset:auto var(--mouse-x,50%) 0 auto; width:180px; height:180px; background:radial-gradient(circle,var(--card-accent),transparent 70%); opacity:0; filter:blur(50px); pointer-events:none; transition:opacity .3s; }
.game-card:hover .card-border-glow { opacity:.28; }
.card-image-wrapper { position:relative; height:320px; overflow:hidden; }
.game-img { width:100%; height:100%; object-fit:cover; filter:saturate(.9) contrast(1.08); transition:transform .8s cubic-bezier(.2,.7,.1,1),filter .4s; }
.game-card:hover .game-img { transform:scale(1.065); filter:saturate(1.12) contrast(1.08); }
.card-overlay { position:absolute; inset:0; background:linear-gradient(transparent 45%,rgba(7,11,19,.98)); }
.game-badge { position:absolute; top:18px; left:18px; padding:7px 10px; color:#071015; background:var(--cyan); font:700 .68rem "Orbitron"; letter-spacing:.1em; }
.card-content { position:relative; padding:2px 25px 26px; margin-top:-35px; }
.game-name { margin:0; font:700 clamp(1.35rem,2.6vw,2rem) "Orbitron"; letter-spacing:.04em; }
.game-genre { margin:8px 0 22px; color:var(--card-accent); font-weight:600; letter-spacing:.06em; }
.card-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.btn-play { padding:0; color:inherit; background:none; border:0; cursor:pointer; font:700 .78rem "Orbitron"; letter-spacing:.1em; }
.btn-play::after { content:"  →"; color:var(--card-accent); }
.store-icons { display:flex; gap:6px; }.store-badge { padding:5px 8px; color:#778398; border:1px solid #283244; font-size:.7rem; }

.world-nexus { position:relative;min-height:520px;margin:130px calc(50% - 50vw);overflow:hidden;isolation:isolate;border-block:1px solid rgba(84,232,255,.22);box-shadow:0 40px 100px rgba(0,0,0,.35) }.world-nexus>img{position:absolute;z-index:-2;inset:-5%;width:110%;height:110%;object-fit:cover;transition:transform 1.8s cubic-bezier(.2,.7,.1,1)}.world-nexus:hover>img{transform:scale(1.025)}.world-nexus::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,6,13,.96),rgba(3,6,13,.6) 34%,rgba(3,6,13,.12) 65%,rgba(3,6,13,.38)),linear-gradient(0deg,rgba(3,6,13,.74),transparent 50%)}
.nexus-copy{width:min(1200px,calc(100% - 40px));margin:auto;padding:115px 0}.nexus-copy h2{max-width:620px;margin:18px 0;font:800 clamp(2.5rem,5.5vw,5.2rem)/.94 "Orbitron";letter-spacing:-.05em;text-shadow:0 10px 40px rgba(0,0,0,.8)}.nexus-copy p{max-width:480px;color:#aab7c8;font-size:1.1rem}.nexus-worlds{position:absolute;left:50%;bottom:22px;width:min(1200px,calc(100% - 40px));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}.nexus-worlds span{padding-top:12px;color:rgba(255,255,255,.5);font:700 .58rem "Orbitron";letter-spacing:.14em}.nexus-worlds span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}

.about-section { display:grid; grid-template-columns:.82fr 1.35fr; gap:0; align-items:stretch; margin:150px 0; padding:0; overflow:hidden; background:linear-gradient(120deg,rgba(14,22,36,.95),rgba(7,10,17,.75)); border:1px solid var(--line); }
.about-copy { position:relative;z-index:3;align-self:center;padding:65px 30px 65px 60px; }
.eyebrow { font:700 .75rem "Orbitron"; letter-spacing:.2em; }
.about-copy h2,.careers-banner h2 { margin:18px 0 25px; font:700 clamp(2.3rem,5vw,4.5rem)/1.02 "Orbitron"; letter-spacing:-.04em; }
.about-copy h2 em { color:transparent; -webkit-text-stroke:1px var(--cyan); font-style:normal; }
.about-copy p { max-width:600px; color:#9ca9ba; font-size:1.15rem; line-height:1.65; }
.text-link { display:inline-block; margin-top:15px; font:700 .8rem "Orbitron"; letter-spacing:.1em; }.text-link span { display:inline-block; transition:.2s; }.text-link:hover span { transform:translateX(7px); }
.about-visual { position:relative;min-height:550px;overflow:hidden; }.about-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b101b 0,rgba(11,16,27,.25) 28%,transparent 58%),linear-gradient(transparent 52%,rgba(4,7,13,.88))}.about-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85) contrast(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.1,1),filter .6s}.about-section:hover .about-visual>img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}
.visual-label { position:absolute;z-index:3;right:18px;top:18px;padding:7px 9px;color:#a6b4c8;background:rgba(3,7,13,.6);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);font:700 .55rem "Orbitron";letter-spacing:.15em }
.studio-stats { position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(84,232,255,.18);border-top:1px solid rgba(84,232,255,.2);backdrop-filter:blur(16px) }
.stat { min-height:112px; display:flex; flex-direction:column; justify-content:center; padding:20px; background:rgba(5,9,16,.72); }
.stat:last-child { grid-column:auto; }.stat strong { color:var(--cyan); font:700 2.15rem "Orbitron"; }.stat span { color:#8d9caf; font-size:.65rem; letter-spacing:.1em; }
.careers-banner { position:relative;isolation:isolate;min-height:470px;display:flex; align-items:center; justify-content:space-between; gap:40px; margin:0 0 140px; padding:70px; overflow:hidden;background:url("assets/images/careers-portal.webp") center/cover no-repeat; border-left:3px solid var(--violet); }
.careers-banner::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,7,14,.98) 0%,rgba(4,7,14,.83) 35%,rgba(4,7,14,.22) 72%,rgba(4,7,14,.1)),linear-gradient(0deg,rgba(4,7,14,.74),transparent 48%)}
.careers-banner h2 { margin-bottom:0; font-size:clamp(2rem,4vw,3.6rem); }
.careers-banner>div{max-width:620px}.careers-banner p{max-width:520px;color:#a6b4c7;font-size:1.05rem;line-height:1.6}.careers-index{position:absolute;right:22px;bottom:18px;color:rgba(255,255,255,.48);font:700 .58rem "Orbitron";letter-spacing:.18em}

.compliance-section { margin-top:80px; }.compliance-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.compliance-card { padding:35px; background:#080d15; border:1px solid #182234; }.compliance-card h3 { font:700 1.1rem "Orbitron"; }.compliance-card p,.compliance-card li { color:#8e9aae; line-height:1.6; }.compliance-card a { color:var(--cyan); }
.footer { padding:65px 5vw 28px; border-top:1px solid var(--line); background:#03050a; }.footer-content { display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:start;gap:50px}.footer-brand p,.footer-group p{color:#718096;line-height:1.6}.footer-group{display:grid;gap:10px}.footer-group strong{margin-bottom:6px;color:#aab7c8;font:700 .65rem "Orbitron";letter-spacing:.14em}.footer-group a{color:#718096;font-size:.88rem;transition:.2s}.footer-group a:hover{color:var(--cyan)}.footer-updates .text-link{margin:0;color:var(--cyan);font-size:.68rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:52px;padding-top:20px;color:#485569;border-top:1px solid rgba(255,255,255,.07);font-size:.65rem;letter-spacing:.09em}
.scroll-top { position:fixed; right:22px; bottom:22px; z-index:30; width:43px; height:43px; color:var(--cyan); background:rgba(5,10,17,.8); border:1px solid var(--cyan); opacity:0; transform:translateY(15px); pointer-events:none; transition:.3s; }.scroll-top.visible { opacity:1; transform:none; pointer-events:auto; }
.game-modal { width:min(1050px,calc(100% - 32px)); max-height:min(720px,calc(100svh - 32px)); padding:0; overflow:hidden; color:var(--text); background:#080d16; border:1px solid rgba(84,232,255,.4); box-shadow:0 0 100px rgba(0,0,0,.85),0 0 40px rgba(84,232,255,.1); }.game-modal[open]{display:grid;grid-template-columns:1.1fr 1fr;animation:modalIn .38s cubic-bezier(.2,.8,.2,1)}.game-modal::backdrop{background:rgba(1,3,7,.86);backdrop-filter:blur(12px)}.modal-close{position:absolute;z-index:5;right:15px;top:12px;width:38px;height:38px;color:white;background:rgba(5,7,13,.7);border:1px solid #445066;cursor:pointer;font-size:1.5rem}.modal-visual{position:relative;min-height:540px;overflow:hidden}.modal-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.1)}.modal-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#080d16),linear-gradient(transparent 65%,rgba(8,13,22,.9))}.modal-scan{position:absolute;z-index:2;left:0;right:0;height:2px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);opacity:.65;animation:scan 3s linear infinite}.modal-index{position:absolute;z-index:3;left:22px;bottom:20px;color:var(--cyan);font:700 .7rem "Orbitron";letter-spacing:.16em}.modal-copy{align-self:center;padding:55px}.modal-copy h2{margin:18px 0 4px;font:800 clamp(2rem,4vw,3.5rem)/1 "Orbitron"}.modal-genre{margin:0 0 28px;color:var(--cyan);font-weight:700;letter-spacing:.08em}.modal-description{color:#9aa8ba;line-height:1.7;font-size:1.05rem}.modal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.modal-meta span{display:grid;gap:5px;color:#5d6b80;font-size:.65rem;letter-spacing:.1em}.modal-meta b{color:#b9c5d6;font-weight:600}
.reveal { opacity:0; transform:translateY(45px); transition:opacity .8s,transform .8s; }.reveal.in-view { opacity:1; transform:none; }.portfolio-grid .reveal:nth-child(2),.compliance-grid>*:nth-child(2) { transition-delay:.1s; }

@keyframes load { from{width:0}to{width:100%} } @keyframes heroIn { from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none} } @keyframes pulse { 50%{opacity:.35} } @keyframes signalJump{to{height:25%}} @keyframes sceneEnter{0%{opacity:.25;transform:scale(1.1);filter:saturate(.55) blur(5px);clip-path:inset(0 0 0 100%)}45%{opacity:1;filter:saturate(1.2) blur(0)}100%{opacity:1;transform:scale(1.035);filter:saturate(.9);clip-path:inset(0)}} @keyframes sceneExit{0%{opacity:1;transform:scale(1.035);filter:saturate(.9)}100%{opacity:.15;transform:scale(1);filter:saturate(.5) blur(3px)}} @keyframes sceneScan{0%{left:-18%;opacity:0}25%{opacity:.75}75%{opacity:.55}100%{left:104%;opacity:0}} @keyframes spin { to{transform:rotate(360deg)} } @keyframes drift { to{transform:translate(15vw,10vh) scale(1.2)} } @keyframes gridMove { to{background-position:0 70px} } @keyframes ticker{to{transform:translateX(-50%)}} @keyframes scan{from{top:0}to{top:100%}} @keyframes modalIn{from{opacity:0;transform:scale(.94) translateY(30px)}to{opacity:1;transform:none}} @keyframes glitch{0%{clip-path:inset(10% 0 72%);transform:translate(7px,-2px)}35%{clip-path:inset(62% 0 15%);transform:translate(-7px,3px)}70%{clip-path:inset(36% 0 40%);transform:translate(4px,-3px)}100%{clip-path:inset(0 0 100%);transform:none}} @keyframes scrollCue { 0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom} }

@media(max-width:800px){
  .cursor-glow{display:none}.navbar{height:68px;padding:0 20px}.nav-links{position:fixed;inset:68px 0 auto;display:grid;gap:0;padding:15px 24px 25px;background:rgba(5,7,13,.97);transform:translateY(-140%);transition:.35s}.nav-links.open{transform:none}.nav-links a{display:block;padding:15px}.mobile-toggle{display:grid;gap:5px}.mobile-toggle span{display:block;width:25px;height:2px;background:white}.logo-name{font-size:.85rem}.hero-title{font-size:clamp(2.7rem,13vw,5rem)}.hero-status{flex-direction:column;gap:5px}.hero-actions{flex-direction:column;align-items:center}.orbit-one{width:110vw}.orbit-two{width:150vw}.portfolio-grid,.about-section,.compliance-grid{grid-template-columns:1fr}.portfolio-grid .game-card:first-child{grid-column:auto}.portfolio-grid .game-card:first-child .card-image-wrapper{height:300px}.portfolio-grid .game-card:first-child .card-content{display:block;padding:2px 25px 26px}.portfolio-grid .game-card:first-child .card-actions{display:flex}.card-image-wrapper{height:240px}.world-nexus{min-height:570px;margin-top:90px}.world-nexus>img{inset:0;width:100%;height:100%;object-position:60% center}.nexus-copy{padding:80px 0}.nexus-worlds{grid-template-columns:repeat(2,1fr);gap:8px}.nexus-worlds span{font-size:.48rem}.about-section{margin:90px 0}.about-copy{padding:42px 28px}.about-visual{min-height:460px}.about-visual::after{background:linear-gradient(0deg,rgba(4,7,13,.92),transparent 65%)}.studio-stats{grid-template-columns:repeat(3,1fr)}.stat{min-height:100px;padding:14px}.stat strong{font-size:1.55rem}.stat span{font-size:.52rem}.careers-banner{align-items:flex-start;flex-direction:column;margin-bottom:90px;padding:42px 28px;min-height:530px;background-position:64% center}.careers-banner::before{background:linear-gradient(90deg,rgba(4,7,14,.96),rgba(4,7,14,.48)),linear-gradient(0deg,rgba(4,7,14,.86),transparent 60%)}.footer-content{align-items:flex-start;flex-direction:column}.main-wrapper{padding-top:65px}.section-header{gap:12px}.section-title{white-space:normal;text-align:center}.store-icons{display:none}
  .game-modal[open]{grid-template-columns:1fr;overflow-y:auto}.modal-visual{min-height:250px;max-height:280px}.modal-copy{padding:32px 24px}.modal-meta{grid-template-columns:1fr 1fr}.hero-kicker{font-size:.55rem}.hero-title{font-size:clamp(3.3rem,17vw,6rem)}.hero-title small{right:2%;bottom:-1.2em}.hero-subtitle{max-width:320px;flex-wrap:wrap;gap:8px 12px;line-height:1.6}.hero-signal,.hero-coordinates,.hero-frame{display:none}.hero-scenes{right:50%;bottom:72px;transform:translateX(50%);align-items:center}.scene-caption{display:none}.hero-scenes button{width:34px;height:25px}.hero-scenes button:hover,.hero-scenes button.active{width:47px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-glow{display:none}}

/* Privacy policy */
.legal-page { background:radial-gradient(circle at 80% 0,rgba(84,232,255,.08),transparent 28%),var(--ink); }
.legal-nav { position:sticky; background:rgba(5,7,13,.88); backdrop-filter:blur(18px); border-bottom-color:var(--line); }
.legal-back { color:#9aa8ba; font:700 .75rem "Orbitron"; letter-spacing:.1em; transition:.2s; }.legal-back:hover{color:var(--cyan)}
.legal-shell { width:min(940px,calc(100% - 40px)); margin:auto; padding:150px 0 100px; }
.legal-hero { margin-bottom:55px; padding-bottom:45px; border-bottom:1px solid var(--line); }
.legal-hero h1 { margin:18px 0; font:800 clamp(2.8rem,7vw,5.8rem)/.95 "Orbitron"; letter-spacing:-.05em; }
.legal-hero p { max-width:690px; color:#9ba9bc; font-size:1.15rem; line-height:1.65; }
.legal-meta { display:flex; flex-wrap:wrap; gap:12px 30px; margin-top:25px; color:#657288; font-size:.8rem; letter-spacing:.08em; }.legal-meta strong{color:#aeb9c9}
.legal-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:40px 0 65px; background:var(--line); border:1px solid var(--line); }
.legal-summary div { padding:25px; background:#080d16; }.legal-summary strong{display:block;margin-bottom:8px;color:var(--cyan);font:700 .78rem "Orbitron";letter-spacing:.08em}.legal-summary span{color:#8290a4;font-size:.9rem}
.policy-layout { display:grid; grid-template-columns:220px 1fr; gap:60px; align-items:start; }
.policy-toc { position:sticky; top:100px; display:grid; gap:4px; padding-left:18px; border-left:1px solid var(--line); }.policy-toc span{margin-bottom:8px;color:#536176;font-size:.65rem;letter-spacing:.16em}.policy-toc a{padding:5px 0;color:#7e8ba0;font-size:.82rem;transition:.2s}.policy-toc a:hover{color:var(--cyan);transform:translateX(3px)}
.policy-content section { scroll-margin-top:95px; margin-bottom:52px; }.policy-content h2{margin:0 0 17px;font:700 1.3rem "Orbitron";letter-spacing:.04em}.policy-content h2::before{content:"// ";color:var(--cyan)}.policy-content p,.policy-content li{color:#9aa7b9;line-height:1.75}.policy-content ul{padding-left:22px}.policy-content a{color:var(--cyan)}.policy-note{padding:20px 22px;background:rgba(84,232,255,.045);border-left:2px solid var(--cyan)}
.provider-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:0!important; list-style:none; }.provider-links li{line-height:1.35}.provider-links a{display:block;height:100%;padding:13px 15px;background:#080d16;border:1px solid #192438;transition:.2s}.provider-links a:hover{border-color:var(--cyan);background:rgba(84,232,255,.05)}
.legal-footer { text-align:center; color:#5f6b7d; font-size:.8rem; padding:35px 20px; border-top:1px solid var(--line); }
.legal-footer a { color:#8290a4; transition:.2s; }.legal-footer a:hover{color:var(--cyan)}

/* Support center */
.support-shell { width:min(1040px,calc(100% - 40px)); }
.support-contact { display:flex; align-items:center; justify-content:space-between; gap:35px; margin:40px 0 28px; padding:30px; background:linear-gradient(120deg,rgba(84,232,255,.08),rgba(139,92,255,.05)); border:1px solid #203047; }
.support-contact h2 { margin:10px 0; font:700 1.35rem "Orbitron"; }.support-contact p{max-width:650px;margin:0;color:#9aa7b9;line-height:1.65}.support-contact .btn{flex:0 0 auto}
.support-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-bottom:70px; background:var(--line); border:1px solid var(--line); }
.support-grid article { min-width:0; padding:25px 22px; background:#080d16; }.support-grid strong{color:var(--cyan);font:700 .72rem "Orbitron";letter-spacing:.12em}.support-grid h2{margin:14px 0 9px;font:700 .9rem "Orbitron"}.support-grid p{margin:0;color:#8290a4;font-size:.9rem;line-height:1.55}
.support-layout { grid-template-columns:200px 1fr; }.policy-content ol{padding-left:22px}.support-page .policy-content strong{color:#c9d2df}
.support-picker{margin:40px 0 30px}.support-picker h2{margin:12px 0 22px;font:700 clamp(1.5rem,3vw,2.4rem) "Orbitron"}.support-games{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.support-games button{position:relative;height:155px;padding:0;overflow:hidden;cursor:pointer;color:white;background:#080d16;border:1px solid rgba(255,255,255,.1);transition:.25s}.support-games img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.65);transition:.4s}.support-games span{position:absolute;left:13px;bottom:12px;z-index:2;font:700 .68rem "Orbitron";letter-spacing:.08em}.support-games button::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(4,7,13,.9))}.support-games button:hover,.support-games button.selected{border-color:var(--cyan);box-shadow:0 0 25px rgba(84,232,255,.14)}.support-games button:hover img,.support-games button.selected img{filter:saturate(1) brightness(.9);transform:scale(1.04)}.support-contact{align-items:flex-start}.support-contact>div{max-width:340px}.support-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(570px,100%)}.support-form label{display:grid;gap:7px;color:#8291a5;font-size:.78rem;letter-spacing:.08em}.support-form select,.support-form textarea{width:100%;color:#e8eef8;background:#080d16;border:1px solid #27354a;padding:12px;font:600 .95rem "Rajdhani"}.support-form select:focus,.support-form textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}.support-details,.support-form .btn,.support-form-status{grid-column:1/-1}.support-form .btn{border:0;cursor:pointer}.support-form-status{margin:0;color:#6f8097;font-size:.8rem}
@media(max-width:700px){.legal-back{font-size:.65rem}.legal-summary,.provider-links{grid-template-columns:1fr}.policy-layout{grid-template-columns:1fr}.policy-toc{position:static}.legal-shell{padding-top:115px}}
@media(max-width:850px){.support-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.support-contact{align-items:flex-start;flex-direction:column}.support-grid{grid-template-columns:1fr}.support-games{grid-template-columns:repeat(2,1fr)}.support-games button{height:130px}.support-form{grid-template-columns:1fr}.support-form label{grid-column:1}.support-contact .btn{width:100%;text-align:center}}
@media(max-width:800px){.footer-content{grid-template-columns:1fr 1fr}.footer-brand,.footer-updates{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}}