diff --git a/index.html b/index.html index da197d6..f3ad434 100644 --- a/index.html +++ b/index.html @@ -117,6 +117,24 @@ .card-icon span { transform: rotate(-45deg); } .card h3 { font-size: 1.45rem; text-transform: uppercase; } .card p { position: relative; z-index: 1; color: var(--muted); margin: 14px 0 0; } + .catalog { background: radial-gradient(circle at 85% 18%, rgba(92,236,255,.08), transparent 32%), #06131f; } + .catalog-grid { display: grid; gap: 14px; } + .sector-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } + .tower-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } + .catalog-card { position: relative; min-height: 184px; padding: 24px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(12,39,55,.94), rgba(3,15,24,.98)); } + .catalog-card::after { content: attr(data-index); position: absolute; right: 12px; bottom: -20px; color: rgba(92,236,255,.055); font-size: 6.5rem; font-weight: 900; line-height: 1; } + .catalog-card > * { position: relative; z-index: 1; } + .catalog-card h3 { margin: 18px 0 6px; font-size: 1.2rem; letter-spacing: .035em; text-transform: uppercase; } + .catalog-card p { max-width: 32ch; margin: 0; color: var(--muted); font-size: .94rem; } + .catalog-tag { display: inline-block; padding: 5px 8px; border: 1px solid rgba(92,236,255,.3); color: var(--cyan); font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } + .catalog-tag.locked { border-color: rgba(255,190,104,.34); color: #ffc57b; } + .catalog-tag.ground { border-color: rgba(107,235,155,.34); color: #8cf0ad; } + .catalog-tag.air { border-color: rgba(255,126,133,.36); color: #ff9ba0; } + .catalog-tag.multi { border-color: rgba(92,206,255,.36); color: #8cddff; } + .tower-card { min-height: 172px; } + .tower-card h3 { margin-top: 15px; } + .tower-card .tower-role { margin: 10px 0 0; color: #d5e5ec; font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } + .catalog-note { margin: 24px 0 0; color: var(--muted); font-size: .9rem; } .development { overflow: hidden; background: #040d15; } .gallery { background: radial-gradient(circle at 10% 30%, rgba(92,236,255,.08), transparent 35%), #06131f; } .gallery-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 18px; align-items: stretch; } @@ -151,6 +169,8 @@ .section-grid, .dev-panel { grid-template-columns: 1fr; } .dev-icon { width: min(190px, 55vw); } .cards { grid-template-columns: 1fr; } + .sector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .tower-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gallery-grid { grid-template-columns: 1fr; } .card { min-height: 240px; } .card-icon { margin-bottom: 35px; } @@ -170,6 +190,7 @@ .stat { padding: 20px; min-height: 120px; } .button, .status { width: 100%; } .store-grid { grid-template-columns: 1fr; } + .sector-grid, .tower-grid { grid-template-columns: 1fr; } .platforms { gap: 12px 18px; } } @media (prefers-reduced-motion: reduce) { @@ -183,6 +204,8 @@
@@ -202,7 +225,7 @@
WindowsAndroidiOS
- Kinetik-, Laser- und Raketenturm aus Void Bastion + Kinetik-, Laser- und Raketenturm aus der Void-Bastion-Startausrüstung
@@ -213,8 +236,8 @@

Void Bastion verbindet klar lesbare Karten mit taktischen Entscheidungen. Nutze Reichweite, Feuerrate und Schaden deiner Türme, verteidige unterschiedliche Weltraumsektoren und entscheide nach der letzten Missionswelle selbst, ob du im Endlosmodus weiterkämpfst.

-
03Weltraumkarten
-
03Turmklassen
+
07Weltraumkarten
+
06verschiedene Türme
15Missionswellen
∞Endlosmodus
@@ -229,12 +252,48 @@
01

Position wählen

Nutze das Bauraster und platziere jeden Turm dort, wo seine Reichweite den Gegnerweg optimal abdeckt.

-
02

Systeme kombinieren

Kinetik, Laser und Raketen erfüllen verschiedene Rollen – vom schnellen Einzelziel bis zum schweren Flächenschaden.

-
03

Gemeinsam halten

Verteidige im Koop eine gespiegelte Station mit getrennten Ressourcen und einem gemeinsamen Reaktor – lokal mit KI, später auch online.

+
02

Systeme kombinieren

Sechs Türme decken Boden- und Luftziele ab: Laser gegen Schilde, EMP gegen Gruppen und Railgun-Strahlen durch mehrere Gegner.

+
03

Gemeinsam halten

Verteidige eine gespiegelte Station mit getrennten Ressourcen und gemeinsamem Reaktor – lokal mit KI, Online-Koop ist in Entwicklung.

+
+
+
+

Einsatzsektoren

Sieben Karten. Sieben Fronten.

+

Drei Sektoren sind direkt anwählbar. Vier weitere werden im Arsenal mit Kernkristallen freigeschaltet. Jede Route ist auf das Bauraster abgestimmt und führt zum Reaktor.

+
+
+
Startkarte

Bastion Prime

Dreifache Feuerlinie

+
Startkarte

Helios-Werft

Langer Werft-Korridor

+
Startkarte

Pyrax-Raffinerie

Gefährlicher Asteroidenring

+
Im Arsenal

Nova-Arkologie

Biodom über dem Nebel

+
Im Arsenal

Cryo-Schleuse

Eisige Raffinerie

+
Im Arsenal

Solarforge

Schmiede am Gasriesen

+
Im Arsenal

Vestige-9

Verlassene Megastruktur

+
+
+
+ +
+
+
+

GerGames-Arsenal

Sechs Systeme zur Wahl.

+

Drei Türme starten mit dir. Plasma, EMP-Puls und Railgun schaltest du im Spiel mit Kernkristallen frei — ohne Echtgeldkauf in dieser Testversion.

+
+
+
Startausrüstung

Kinetik

Boden · Einzelziel

Schnelle, verlässliche Abwehr gegen Bodeneinheiten.

+
Startausrüstung

Laser

Luft & Boden · Schildbrecher

Mehrzwecklaser, der Schilde von Luft- und Bodenzielen schwächt.

+
Startausrüstung

Rakete

Boden · Flächenschaden

Trifft Bodenziele und Gegnergruppen mit Explosionsschaden.

+
Mit Kristallen

Plasma

Luft & Boden · Flächenschaden

Plasmaexplosionen treffen mehrere Gegner im Umkreis.

+
Mit Kristallen

EMP-Puls

Luft & Boden · Impuls

Schwächt alle Ziele im Radius mit einem breiten Impuls.

+
Mit Kristallen

Railgun

Luft & Boden · Durchschlag

Ein lila Strahl durchschlägt mehrere Gegner auf einer Linie.

+
+

Turmrollen und Freischaltungen können sich während der Alpha-Entwicklung noch ändern.

+
+
+