📖 Guide Explicite des Classes CSS (style2.css)

Chaque composant ci-dessous affiche explicitement la classe à utiliser dans votre code HTML pour obtenir ce rendu.

📦 1. Conteneurs et Blocs Divs

Pour un Soleil / Système N1 :

<div class="soleil-card">

Pour les planètes (normal, possession ou détection) :

<div class="planete-card"> ou avec <div class="planete-card objet-possession"> / <div class="planete-card objet-detection">

Pour les grilles et cartes de lunes :

<div class="lune-grid"> et <div class="lune-card">

Pour le contenu textuel / technique (Documentation) :

<div class="doc-card">, <div class="doc-grid">, <div class="doc-subcard">, <div class="formula-box">

📊 2. Tableaux de Données

Cas A : Tableau intégré automatiquement à l'intérieur d'une carte (pas besoin de classe sur le tableau)

<div class="planete-card"> > <table>

Cas B : Tableau libre en dehors des cartes (grâce à la classe .cosmic-table)

<table class="cosmic-table">

Secteur	Flotte Présente	État
Alpha Centauri	Flotte Royale #1	En transit
Beta Prime	Défense Orbitale	Stationnaire

🖱️ 3. Boutons et Formulaires

Pour les boutons d'action :

<button class="btn-primary"> et <button class="btn-success">

Pour un champ de saisie :

<input type="text" class="drawer-input">

🏷️ 4. Badges et Vaisseaux

Pour les étiquettes de statut :

<span class="badge-statut">, <span class="badge-possession">, <span class="badge-detection">

Pour les badges de flottes / vaisseaux :

<div class="vaisseau-badge"> et <div class="vaisseau-badge selected">