:root{--bg: #07100c;--bg-2: #0e1814;--bg-3: #131f1a;--fg: #e8f4ef;--ink-dim: #7daaa0;--ink-mute: #4a6a62;--green: #4ade80;--green-deep: #16a34a;--cyan: #5be5ff;--line: rgba(74, 222, 128, .18);--line-strong: rgba(74, 222, 128, .35);--glow-green: 0 0 24px rgba(74, 222, 128, .35);--glow-green-soft: 0 0 12px rgba(74, 222, 128, .18);--f-display: "Chakra Petch", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--f-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;min-height:100vh;overflow-x:hidden}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(74,222,128,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,128,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black 40%,transparent 100%);pointer-events:none;z-index:0}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.15) 3px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:1;opacity:.4}main,footer{position:relative;z-index:2}.meta{color:var(--ink-mute);text-transform:uppercase}.accent{color:var(--green);text-shadow:var(--glow-green-soft)}main{max-width:1200px;margin:0 auto;padding:0 5%}.hero{position:relative;margin:0 -5%;padding:80px 5% 100px;overflow:hidden}.hero-logo{display:block;width:100%;max-width:720px;height:auto;margin:0 auto 56px;filter:drop-shadow(0 0 40px rgba(74,222,128,.45)) drop-shadow(0 0 12px rgba(74,222,128,.35))}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;z-index:0}.hero-bg-fade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 30% 50%,#07100c33,#07100cf2 80%),linear-gradient(180deg,#07100c80,#07100c);z-index:1}.hero-inner{position:relative;z-index:2}.kicker{font-family:var(--f-mono);color:var(--cyan);font-size:13px;letter-spacing:.2em;margin-bottom:24px;text-transform:uppercase}h1{font-family:var(--f-display);font-weight:700;font-size:clamp(40px,8vw,96px);line-height:1.02;letter-spacing:-.01em;margin:0 0 32px}h1 .accent{color:var(--green);text-shadow:var(--glow-green)}.lede{max-width:660px;font-size:clamp(16px,2vw,19px);color:var(--ink-dim);line-height:1.65;margin:0 0 40px}.lede strong{color:var(--fg)}.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.cta-row.center{justify-content:center;margin-bottom:0}.btn{font-family:var(--f-mono);font-weight:500;font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:14px 28px;border-radius:2px;border:1px solid var(--line-strong);transition:all .18s ease;display:inline-block}.btn.primary{background:var(--green);color:var(--bg);border-color:var(--green);box-shadow:var(--glow-green)}.btn.primary:hover{background:#6df59d;transform:translateY(-1px);box-shadow:0 0 32px #4ade8080}.btn.large{padding:20px 40px;font-size:16px}.btn.ghost{background:transparent;color:var(--fg)}.btn.ghost:hover{border-color:var(--green);color:var(--green)}.status-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em}.tag{color:var(--green);border:1px solid var(--green);padding:4px 10px;border-radius:2px;text-transform:uppercase;white-space:nowrap}.section-title{font-family:var(--f-mono);color:var(--ink-dim);font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}.section-lede{color:var(--ink-dim);margin:0 0 40px;max-width:660px;line-height:1.6}.section-lede strong{color:var(--fg)}.rift,.shot,.features,.gameplay,.pfade,.metroplex,.bezirke,.fraktionen,.crew,.scenes{padding:96px 0;border-top:1px solid var(--line)}.rift{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.rift-lede{font-family:var(--f-display);font-weight:500;font-size:clamp(20px,2.6vw,28px);line-height:1.35;color:var(--fg);margin:0 0 24px}.rift-body{color:var(--ink-dim);line-height:1.7;margin:0;max-width:560px}.rift-img{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line-strong);overflow:hidden;background:var(--bg-2)}.rift-img img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.1)}.shot-frame{margin:0;position:relative;border:1px solid var(--line-strong);box-shadow:var(--glow-green-soft),0 24px 64px #00000080;overflow:hidden;background:var(--bg-2)}.shot-frame img{width:100%;height:auto;display:block}.shots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:28px}.game-shot{margin:0}.game-shot figcaption{padding:14px 2px 0;display:flex;flex-direction:column;gap:4px}.game-shot figcaption .name{font-family:var(--f-display);font-size:15px;letter-spacing:.04em;color:var(--green)}.game-shot figcaption .sub{font-size:13.5px;color:var(--ink-dim);line-height:1.5}@media(max-width:520px){.shots-grid{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line)}.card{background:var(--bg-2);padding:32px 28px;transition:background .2s ease}.card:hover{background:var(--bg-3)}.card-num{font-family:var(--f-mono);color:var(--green);font-size:12px;letter-spacing:.15em;margin-bottom:16px}.card h3{font-family:var(--f-display);font-size:22px;font-weight:600;margin:0 0 12px;color:var(--fg)}.card p{color:var(--ink-dim);font-size:15px;margin:0;line-height:1.6}.map-frame{position:relative;border:1px solid var(--line-strong);overflow:hidden;background:var(--bg-2);aspect-ratio:16 / 9}.map-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.1) brightness(.95)}.map-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(7,16,12,.4) 100%),linear-gradient(180deg,rgba(7,16,12,.15) 0%,transparent 50%);pointer-events:none}.bezirk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.bezirk{margin:0;position:relative;border:1px solid var(--line);overflow:hidden;aspect-ratio:4 / 3;transition:border-color .2s ease}.bezirk:hover{border-color:var(--green)}.bezirk img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.1) contrast(1.05);transition:filter .3s ease}.bezirk:hover img{filter:grayscale(0) contrast(1.1)}.bezirk figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(180deg,transparent 0%,rgba(7,16,12,.95) 70%);display:flex;flex-direction:column;gap:2px}.bezirk .name{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--green);text-shadow:0 0 8px rgba(74,222,128,.35);letter-spacing:.04em}.bezirk .sub{font-family:var(--f-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase}.fraktion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line)}.fraktion{background:var(--bg-2);padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;transition:background .2s ease}.fraktion:hover{background:var(--bg-3)}.fraktion img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(74,222,128,.25))}.fraktion h3{font-family:var(--f-display);font-size:20px;font-weight:600;margin:0;color:var(--fg)}.fraktion p{color:var(--ink-dim);font-size:14px;margin:0;line-height:1.55}.pfade-map{margin-bottom:48px}.pfad-gruppen{display:flex;flex-direction:column;gap:40px}.pfad-gruppe-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.pfad-gruppe-head .base{font-family:var(--f-display);font-weight:700;font-size:18px;letter-spacing:.08em;color:var(--green);text-shadow:0 0 8px rgba(74,222,128,.3)}.pfad-gruppe-head .base-desc{font-family:var(--f-mono);font-size:12px;color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase}.pfad-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pfad{margin:0;position:relative;border:1px solid var(--line);overflow:hidden;aspect-ratio:16 / 10;transition:border-color .2s ease}.pfad:hover{border-color:var(--green)}.pfad img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.1) contrast(1.05);transition:filter .3s ease}.pfad:hover img{filter:grayscale(0) contrast(1.1)}.pfad figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg,transparent 0%,rgba(7,16,12,.95) 70%);display:flex;flex-direction:column;gap:2px}.pfad .name{font-family:var(--f-display);font-weight:700;font-size:17px;color:var(--fg);letter-spacing:.02em}.pfad .role{font-family:var(--f-mono);font-size:11px;color:var(--green);letter-spacing:.08em;text-transform:uppercase}.crew-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.crew-card{margin:0;position:relative;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;aspect-ratio:1 / 1;transition:border-color .2s ease}.crew-card:hover{border-color:var(--green)}.crew-card img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.15) contrast(1.05);transition:filter .3s ease}.crew-card:hover img{filter:grayscale(0) contrast(1.1)}.crew-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(180deg,transparent 0%,rgba(7,16,12,.92) 70%);display:flex;flex-direction:column;gap:1px}.crew-card .name{font-family:var(--f-display);font-weight:600;font-size:15px;color:var(--fg)}.crew-card .sub{font-family:var(--f-mono);font-size:10px;color:var(--green);letter-spacing:.1em;text-transform:uppercase}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.scene{margin:0;position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--line);transition:border-color .2s ease}.scene:hover{border-color:var(--green)}.scene img{width:100%;height:100%;object-fit:cover;display:block}.scene figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px;font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;color:var(--fg);background:linear-gradient(180deg,transparent 0%,rgba(7,16,12,.92) 70%)}.closer{padding:120px 0 100px;text-align:center;border-top:1px solid var(--line)}.closer h2{font-family:var(--f-display);font-size:clamp(32px,5vw,56px);font-weight:700;margin:0 0 32px;line-height:1.1}.meta-line{margin-top:24px;font-family:var(--f-mono);font-size:13px;color:var(--ink-mute);letter-spacing:.08em}footer{border-top:1px solid var(--line);padding:32px 5%;font-family:var(--f-mono);font-size:12px;color:var(--ink-mute);letter-spacing:.08em}.footer-grid{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-left{display:flex;align-items:center;gap:16px}.footer-logo{height:28px;width:auto;opacity:.85;mix-blend-mode:screen}footer nav{display:flex;gap:24px}footer a{color:var(--ink-dim);text-decoration:none;text-transform:uppercase;transition:color .15s ease}footer a:hover{color:var(--green)}@media(max-width:760px){.rift{grid-template-columns:1fr;gap:32px}}@media(max-width:640px){.hero{padding:40px 0 50px}.hero-logo{max-width:90vw;margin-bottom:32px}.rift,.shot,.features,.gameplay,.pfade,.metroplex,.bezirke,.fraktionen,.crew,.scenes,.closer{padding:60px 0}}