Teemavalitsin: painike kiertää gecko/forge/serpent, oletus forge

- Teemapainike (emoji) oikeaan yläkulmaan kuten kipina.tech:ssä
- Oletus forge (syaani), tallennetaan localStorage:iin
- Hero-kuva vaihtuu teeman mukaan fade-efektillä
- Kolme hero-kuvaa: gecko_hero, forge_hero (hämähäkki), serpent_hero

network-poc/frontend/src/styles/global.css

@@ -290,10 +290,20 @@ body {
 
 .landing-nav {
     padding: 20px 40px;
+    display: flex; align-items: center; justify-content: space-between;
 }
 .landing-logo { text-decoration: none; font-size: 18px; font-weight: 700; }
 .logo-accent { color: var(--hero-accent); }
 .logo-sub { color: #8b949e; font-weight: 400; }
+.theme-cycle-btn {
+    background: none; border: 1px solid var(--border); border-radius: 8px;
+    width: 38px; height: 38px; font-size: 20px; cursor: pointer;
+    display: flex; align-items: center; justify-content: center;
+    transition: border-color 0.2s, transform 0.15s;
+}
+.theme-cycle-btn:hover {
+    border-color: var(--hero-accent); transform: scale(1.1);
+}
 
 /* Hero */
 .hero {
@@ -380,6 +390,7 @@ body {
 .hero-orb-img {
     width: 100%; height: 100%; object-fit: contain;
     filter: drop-shadow(0 0 40px var(--hero-glow));
+    transition: opacity 0.2s ease;
 }
 @keyframes orb-float {
     0%, 100% { transform: translateY(0); }