:root{--void: #05040a;--ink: #0b0914;--foam: #e8fff6;--mint: #5dffc5;--acid: #c8ff3d;--coral: #ff5c7a;--plasma: #6cf0ff;--warn: #ffb454;--glass: rgba(12, 10, 22, .55);--line: rgba(108, 240, 255, .28);--font-display: "Audiowide", system-ui, sans-serif;--font-body: "Sora", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--foam);background:var(--void);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site-shell{position:relative;isolation:isolate}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 20% 10%,#1a0b2e 0%,transparent 45%),radial-gradient(ellipse at 80% 30%,#062a33 0%,transparent 40%),linear-gradient(180deg,#04030a,#0a0618 50%,#020105)}.bg-layer img,.bg-layer video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(1.35) contrast(1.1) hue-rotate(-8deg);transform:scale(1.08);animation:drift 48s ease-in-out infinite alternate}.bg-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05040a59,#05040ac7 70%,#05040a),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.08) 3px 4px);pointer-events:none}@keyframes drift{0%{transform:scale(1.05) translateZ(0)}to{transform:scale(1.12) translate3d(-2%,1%,0)}}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 4vw;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#05040ad1,#05040a59);border-bottom:1px solid rgba(108,240,255,.12)}.nav-brand{font-family:var(--font-display);letter-spacing:.18em;font-size:1.05rem;color:var(--mint)}.nav-links{display:flex;flex-wrap:wrap;gap:.85rem 1.2rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;opacity:.88}.nav-links a:hover{color:var(--acid)}.nav-cta{border:1px solid var(--mint);background:linear-gradient(120deg,#5dffc52e,#6cf0ff14);color:var(--foam);padding:.55rem 1rem;border-radius:999px;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 0 24px #5dffc559}.hero{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;padding:2rem 4vw 4rem;position:relative}.hero-copy{max-width:34rem;position:relative;z-index:2}.hero-brand{font-family:var(--font-display);font-size:clamp(3.4rem,10vw,7.2rem);line-height:.92;letter-spacing:.08em;margin:0 0 1rem;background:linear-gradient(120deg,var(--foam),var(--mint) 45%,var(--plasma));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(93,255,197,.25);animation:brandPulse 5s ease-in-out infinite}@keyframes brandPulse{0%,to{filter:drop-shadow(0 0 8px rgba(93,255,197,.2))}50%{filter:drop-shadow(0 0 22px rgba(108,240,255,.45))}}.hero-line{font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.55;opacity:.9;margin:0 0 1.6rem;max-width:32ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.25rem;border-radius:999px;border:1px solid transparent;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.btn-primary{background:linear-gradient(120deg,var(--mint),var(--plasma));color:#04120f;box-shadow:0 10px 40px #5dffc540}.btn-ghost{border-color:var(--line);background:#ffffff08;color:var(--foam)}.btn:hover{transform:translateY(-1px)}.hero-stage{position:relative;height:min(72vh,640px);border-radius:28px;overflow:hidden;border:1px solid rgba(108,240,255,.18);background:radial-gradient(circle at 50% 40%,rgba(93,255,197,.12),transparent 50%),#00000059;box-shadow:0 30px 80px #00000073,inset 0 0 60px #6cf0ff14}.hero-stage canvas{width:100%!important;height:100%!important;display:block}.hero-mascot{position:absolute;right:6%;bottom:4%;width:min(38%,220px);filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:floaty 4.5s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes floaty{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}.section{padding:5.5rem 4vw;position:relative}.section-head{max-width:40rem;margin-bottom:2.2rem}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--plasma);margin:0 0 .6rem}.section h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.06em;margin:0 0 .75rem}.section p.lead{margin:0;opacity:.82;line-height:1.6;max-width:46ch}.gallery-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,18vw);gap:1rem;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x mandatory}.gallery-rail img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000059;transition:transform .35s ease,border-color .35s ease}.gallery-rail img:hover{transform:translateY(-8px) scale(1.03);border-color:#5dffc58c}.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.glyph-card{min-height:180px;padding:1.25rem;border-radius:22px;border:1px solid rgba(108,240,255,.16);background:linear-gradient(160deg,rgba(93,255,197,.08),transparent 40%),#0a0814b8;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.glyph-card:hover,.glyph-card.open{transform:translateY(-4px);border-color:#c8ff3d73;box-shadow:0 16px 50px #00000059}.glyph-symbol{font-family:var(--font-display);font-size:1.8rem;color:var(--acid);margin-bottom:.7rem}.glyph-card h3{margin:0 0 .45rem;font-size:1rem}.glyph-card p{margin:0;font-size:.9rem;line-height:1.5;opacity:.78}.glyph-card .answer{margin-top:.85rem;padding-top:.85rem;border-top:1px dashed rgba(108,240,255,.25);color:var(--mint);opacity:1}.roadmap{display:grid;gap:0;position:relative;max-width:860px}.roadmap:before{content:"";position:absolute;left:18px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--mint),var(--coral),var(--plasma));opacity:.55}.rm-item{display:grid;grid-template-columns:38px 1fr;gap:1rem;padding:1.1rem 0 1.6rem}.rm-dot{width:14px;height:14px;margin:6px 0 0 12px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px #5dffc5cc}.rm-item:nth-child(2) .rm-dot{background:var(--acid)}.rm-item:nth-child(3) .rm-dot{background:var(--coral)}.rm-item:nth-child(4) .rm-dot{background:var(--plasma)}.rm-item:nth-child(5) .rm-dot{background:var(--warn)}.rm-item h3{margin:0 0 .35rem;font-family:var(--font-display);letter-spacing:.05em;font-size:1.05rem}.rm-item p{margin:0;opacity:.8;line-height:1.55}.rm-tag{display:inline-block;margin-bottom:.45rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--warn)}.game-wrap{border-radius:28px;overflow:hidden;border:1px solid rgba(108,240,255,.2);background:#05060d;box-shadow:0 30px 80px #00000073}.game-hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:linear-gradient(90deg,#5dffc51a,#ff5c7a14);border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem}.game-hud strong{color:var(--acid);font-family:var(--font-display);letter-spacing:.06em}.game-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#020308}.game-frame canvas{width:100%;height:100%;display:block;cursor:crosshair}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at center,#080a188c,#020308e0);text-align:center;padding:1.5rem}.game-overlay h3{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);margin:0 0 .6rem;letter-spacing:.08em}.game-overlay p{margin:0 0 1.2rem;opacity:.85;max-width:36ch;line-height:1.5}.game-controls{display:flex;gap:.6rem;flex-wrap:wrap}.game-controls button{border-radius:999px;border:1px solid rgba(108,240,255,.35);background:#ffffff0d;color:var(--foam);padding:.45rem .9rem;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.cta-band{margin:2rem 4vw 5rem;padding:2.4rem;border-radius:28px;border:1px solid rgba(93,255,197,.25);background:radial-gradient(circle at 10% 20%,rgba(93,255,197,.16),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,92,122,.14),transparent 35%),#080610d9;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem}.cta-band h2{font-family:var(--font-display);margin:0 0 .4rem;letter-spacing:.06em;font-size:clamp(1.4rem,3vw,2.2rem)}.cta-band p{margin:0;opacity:.82;max-width:40ch;line-height:1.5}.footer{padding:1.5rem 4vw 2.5rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;opacity:.75;font-size:.85rem}@media(max-width:960px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:1.2rem}.hero-stage{height:52vh;order:-1}.lore-grid{grid-template-columns:1fr}.nav-links{display:none}}