ORBIT - Nebular Expansion
🌌 ORBIT – Nebular Expansion: traiettorie più pulite, motori più cattivi, spazio che si deforma ORBIT – Nebular Expansion è l’espansione che prende la tua corsa nello spazio e la re nde più elastica: più controllo quando serve, più upgrade quando vuoi spingere, e più caos “intelligente” quando la mappa cambia sotto ai tuoi razzi. Qui non aggiungi solo “cose”: aggiungi tre moduli che puoi combinare come vuoi, per modellare l’esperienza dal family scorrevole al gioco da tavolo strategico pieno di scelte di movimento. Vuoi partite più snelle? La Navigazione ti aiuta a muoverti meglio e accorcia i tempi. Vuoi più profondità? Il motore potenziabile ti dà nuove traiettorie e timing da padroneggiare. E poi arrivano le Nebulose: non sono scenografia, sono ostacoli permanenti che bloccano passaggi e cambiano le orbite. Tradotto: lo spazio diventa una scacchiera viva, e devi imparare a correrci dentro. Quattro modi in cui Nebular cambia davvero ORBIT Moduli combinabili: aggiungi uno, due o tutti e tre per cucirti la partita addosso. Navigazione: movimento più fluido e ritmo più veloce, perfetto per serate “one more race”. Hyper Accelerator: motore potenziabile che apre opzioni e linee di corsa più aggressive. Nebulose artificiali: modifiche permanenti alla mappa che bloccano rotte e aumentano la velocità orbitale. Se prima correvi “sul tracciato”… adesso corri nello spazio che ti riscrive la strada mentre accelera. 🐸 /* ========================================================= FroGames – ORBIT Nebular Expansion Palette ispirata ai componenti: spazio navy + razzi (rosso/blu/verde/giallo) + token magenta SAFE CSS (scoped su #fg-orbit-nebular) ========================================================= */ #fg-orbit-nebular.fg-orbit-nebular{ --space:#07131c; --deep:#0b2230; --blue:#2f8cff; --green:#38d27a; --yellow:#ffd24a; --red:#ff3b3b; --nebula:#ff4fc3; /* magenta token */ --ice:#bfe9ff; /* highlight freddo */ --mist:rgba(255,255,255,.10); --radius:22px; --shadow:0 16px 38px rgba(0,0,0,.22); --shadowSoft:0 12px 24px rgba(0,0,0,.16); position:relative; overflow:hidden; border-radius:30px; padding:2.1rem 1.6rem; margin:1.6rem auto; box-shadow:var(--shadow); color:rgba(246,252,252,.96); font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: radial-gradient(circle at 18% 20%, rgba(47,140,255,.16), transparent 55%), radial-gradient(circle at 84% 24%, rgba(255,79,195,.14), transparent 52%), radial-gradient(circle at 72% 86%, rgba(255,210,74,.12), transparent 58%), linear-gradient(135deg, rgba(7,19,28,.98) 0%, rgba(11,34,48,.92) 45%, rgba(7,19,28,.98) 100%); border:1px solid rgba(255,255,255,.10); } #fg-orbit-nebular.fg-orbit-nebular::before{ content:""; position:absolute; inset:-25%; background: radial-gradient(circle at 28% 34%, rgba(255,255,255,.10) 0 1px, transparent 2px), radial-gradient(circle at 58% 18%, rgba(255,255,255,.08) 0 1px, transparent 2px), radial-gradient(circle at 78% 54%, rgba(255,255,255,.08) 0 1px, transparent 2px), linear-gradient(115deg, transparent 0 46%, rgba(47,140,255,.18) 47%, rgba(191,233,255,.10) 49%, transparent 50% 100%), linear-gradient(25deg, transparent 0 58%, rgba(255,79,195,.14) 59%, rgba(255,59,59,.10) 61%, transparent 62% 100%); opacity:.9; pointer-events:none; filter: blur(.15px); } #fg-orbit-nebular.fg-orbit-nebular > *{ position:relative; z-index:1; } #fg-orbit-nebular.fg-orbit-nebular h2{ font-family:Bungee, Inter, system-ui, sans-serif; text-align:center; font-size:2rem; margin:0 0 1.15rem; letter-spacing:.2px; color:rgba(246,252,252,.98); text-shadow:0 0 18px rgba(191,233,255,.14); } #fg-orbit-nebular .fg-orbit-nebular__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:1.35rem; align-items:stretch; } #fg-orbit-nebular .fg-orbit-nebular__card{ border-radius:var(--radius); padding:1.25rem 1.25rem; box-shadow:0 12px 26px rgba(0,0,0,.24); border:1px solid rgba(255,255,255,.10); display:flex; flex-direction:column; } #fg-orbit-nebular .fg-orbit-nebular__card--story{ background:linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.06)); backdrop-filter: blur(2px); border-left:8px solid rgba(47,140,255,.70); } #fg-orbit-nebular .fg-orbit-nebular__card--features{ background:linear-gradient(145deg, rgba(7,19,28,.88), rgba(11,34,48,.72)); border:1px solid rgba(255,255,255,.12); justify-content:space-between; } #fg-orbit-nebular .fg-orbit-nebular__card p{ margin:.72rem 0; line-height:1.72; font-size:1.02rem; } #fg-orbit-nebular .fg-orbit-nebular__card--story strong{ color:rgba(191,233,255,.98); } #fg-orbit-nebular .fg-orbit-nebular__card--features strong{ color:rgba(255,210,74,.98); } #fg-orbit-nebular .fg-orbit-nebular__card--features h3{ font-family:Bungee, Inter, system-ui, sans-serif; font-size:1.12rem; margin:0 0 .95rem; letter-spacing:.2px; color:rgba(246,252,252,.98); text-shadow:0 0 14px rgba(47,140,255,.12); } #fg-orbit-nebular .fg-orbit-nebular__list{ list-style:none; padding:0; margin:0; display:grid; gap:.7rem; } #fg-orbit-nebular .fg-orbit-nebular__list li{ background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border-left:6px solid rgba(255,79,195,.72); border-radius:14px; padding:.68rem .85rem; transition:transform .22s ease, background .22s ease; } #fg-orbit-nebular .fg-orbit-nebular__list li:hover{ transform:translateX(6px); background:linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,.05)); } #fg-orbit-nebular .fg-orbit-nebular__tagline{ margin:1rem 0 0; font-weight:850; font-size:1.02rem; text-align:left; padding:.9rem .95rem; border-radius:16px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(90deg, rgba(255,79,195,.14), rgba(255,255,255,.03)); box-shadow:0 14px 26px rgba(0,0,0,.22); } #fg-orbit-nebular .fg-orbit-nebular__tagline em{ color:rgba(246,252,252,.92); } /* Responsive */ @media (max-width: 940px){ #fg-orbit-nebular .fg-orbit-nebular__grid{ grid-template-columns:1fr; } #fg-orbit-nebular.fg-orbit-nebular h2{ font-size:1.65rem; } } @media (max-width: 600px){ #fg-orbit-nebular.fg-orbit-nebular{ padding:1.85rem 1.1rem; border-radius:26px; } #fg-orbit-nebular .fg-orbit-nebular__card{ padding:1.12rem 1.05rem; } }
More you might like
Related
Orbit & Nebular Expansion
ORBIT: Nebular Expansion
Related
ORBIT: Nebular Expansion
Related