roll20-character-sheets/Naruto JDR/sheet.html

<!-- Règles Naruto JDR disponibles ici : https://naruto-jdr.com -->

<!-- ======= ONGLET SELECTOR ======= -->
<div class="onglets" style="display: flex; align-items: flex-end; gap: 2rem; flex-wrap: wrap;">

<!-- Sélecteur du village -->
<div style="display: flex; flex-direction: column;">
  <select name="attr_village">
    <option value="">-- Choisir un village --</option>
    <option value="https://files.d20.io/images/437618135/OFzexWgB3BU18N4zuExEQQ/original.jpg?174504396555">Konoha</option>
    <option value="https://files.d20.io/images/437618132/b8dznpmz1sZVZ8JU1GR3_g/original.png?17450439655">Suna</option>
    <option value="https://files.d20.io/images/437618133/lBfGDqaN3jMuheNpVE-vig/original.jpg?17450439665">Kiri</option>
    <option value="https://files.d20.io/images/437618136/FdE4evNpAIXQB-FFPsv1vw/original.jpg?17450439655">Iwa</option>
    <option value="https://files.d20.io/images/437618137/eUcKcx-KcmahOCxcp3baUw/original.jpg?174504396555">Kumo</option>
  </select>

  <!-- Logo du village avec <img> -->
  <img name="attr_village_logo" style="width:64px;height:64px;margin-top:5px;">
</div>

  
  <!-- ======= SECTION IDENTITÉ (ONGLET MAIN) ======= -->
  <div class="section-identite">
	<h2>Identité</h2>
  
	<label>Prénom :
	  <input type="text" name="attr_prenom">
	</label>
  
	<label>Clan :
	  <select name="attr_clan">
		<option value="">-- Choisir un clan --</option>
		<option value="Aburame">Aburame</option>
		<option value="Akaba">Akaba</option>
		<option value="Akimichi">Akimichi</option>
		<option value="Aniki">Aniki</option>
		<option value="Ao">Ao</option>
		<option value="Eshimuro">Eshimuro</option>
		<option value="Hyuga">Hyuga</option>
		<option value="Inuzuka">Inuzuka</option>
		<option value="Ishida">Ishida</option>
		<option value="Kagayaki">Kagayaki</option>
		<option value="Kato">Kato</option>
		<option value="Kenta">Kenta</option>
		<option value="Kurama">Kurama</option>
		<option value="Mitokado">Mitokado</option>
		<option value="Morino">Morino</option>
		<option value="Munefuda">Munefuda</option>
		<option value="Nara">Nara</option>
		<option value="Sarutobi">Sarutobi</option>
		<option value="Senju">Senju</option>
		<option value="Shimadoku">Shimadoku</option>
		<option value="Shimura">Shimura</option>
		<option value="Takeda">Takeda</option>
		<option value="Uchiha">Uchiha</option>
		<option value="Utatane">Utatane</option>
		<option value="Yamanaka">Yamanaka</option>
		<option value="Hachimon">Lignée — Hachimon (LIGN)</option>
		<option value="Kriegstier">Lignée — Kriegstier (LIGN)</option>
		<option value="Ninpō">Lignée — Ninpō (LIGN)</option>
		<option value="Shōkan-shi">Lignée — Shōkan-shi (LIGN)</option>
	  </select>
	</label>
  
	<p>
	  Invoquer une action de lignée :
	  <button type="roll" name="roll_lignee" value="@{character_name} veut faire une action de lignée !">🎲</button>
	</p>
  
	<label>Grade :
	  <select name="attr_grade">
		<option value="">-- Choisir un grade --</option>
		<option value="Genin">Genin</option>
		<option value="Chūnin">Chūnin</option>
		<option value="Jōnin">Jōnin</option>
		<option value="Sensei">Sensei</option>
		<option value="Sannin">Sannin</option>
		<option value="Kage">Kage</option>
	  </select>
	</label>
  </div>
  
  <div class="section-xp">
	<h2>Expérience (XP)</h2>
	<label>
	  XP Totale :
	  <input type="number" name="attr_xp_total" value="0">
	</label>
	<label>
	  XP Utilisée :
	  <input type="number" name="attr_xp_utilisee" readonly>
	</label>
	<label>
	  XP Restante :
	  <input type="number" name="attr_xp_restante" readonly>
	</label>
  </div>
	
<!-- ======= SECTION CARACTÉRISTIQUES DE BASE ======= -->
<div class="section-caracteristiques">
	<h2>Caractéristiques de base</h2>
  
	<div class="carac-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1rem;">
	  
	  <label>
		COR :
		<input type="number" name="attr_cor" value="1" min="1">
		<input type="number" name="attr_xp_cor" readonly style="width: 50px;" title="XP COR">
	  </label>
  
	  <label>
		ESP :
		<input type="number" name="attr_esp" value="1" min="1">
		<input type="number" name="attr_xp_esp" readonly style="width: 50px;" title="XP ESP">
	  </label>
  
	  <label>
		ARM :
		<input type="number" name="attr_arm" value="1" min="1">
		<input type="number" name="attr_xp_arm" readonly style="width: 50px;" title="XP ARM">
	  </label>
  
	  <label>
		TAI :
		<input type="number" name="attr_tai" value="1" min="1">
		<input type="number" name="attr_xp_tai" readonly style="width: 50px;" title="XP TAI">
	  </label>
  
	  <label>
		NIN :
		<input type="number" name="attr_nin" value="1" min="1">
		<input type="number" name="attr_xp_nin" readonly style="width: 50px;" title="XP NIN">
	  </label>
  
	  <label>
		GEN :
		<input type="number" name="attr_gen" value="1" min="1">
		<input type="number" name="attr_xp_gen" readonly style="width: 50px;" title="XP GEN">
	  </label>
  
	  <label>
		LIGN :
		<input type="number" name="attr_lign" value="1" min="1">
		<input type="number" name="attr_xp_lign" readonly style="width: 50px;" title="XP LIGN">
	  </label>
  
	</div>
  </div>
  
  
<!-- ======= SECTION STATS SECONDAIRES ======= -->
<div class="section-secondaires">
	<h2>Caractéristiques secondaires</h2>
  
	<div class="degats-grid" style="display: flex; gap: 2rem; flex-wrap: wrap; justify-content: space-between;">

		<!-- Colonne gauche -->
		<div class="secondaires-col" style="flex: 1; min-width: 240px;">
		  <label>
			Interceptions ARM :
			<input type="number" name="attr_interceptions_arm" readonly>
		  </label>
	  
		  <label>
			Interceptions TAI :
			<input type="number" name="attr_interceptions_tai" readonly>
		  </label>
	  
		  <label>
			Vigueur :
			<div style="display: flex; gap: 0.5rem;">
			  <input type="number" name="attr_vigueur" readonly>
			  <input type="number" name="attr_bonus_vigueur" value="0" title="Bonus manuel" style="width: 60px;" />
			</div>
		  </label>
	  
		  <label>
			Caractère :
			<div style="display: flex; gap: 0.5rem;">
			  <input type="number" name="attr_caractere" readonly>
			  <input type="number" name="attr_bonus_caractere" value="0" title="Bonus manuel" style="width: 60px;" />
			</div>
		  </label>
		</div> <!-- FIN colonne gauche -->
	  
		<!-- Colonne droite -->
		<div class="degats-col" style="flex: 1; min-width: 240px;">
		  <label>Dégâts ARM :</label>
		  <div class="degats-row">
			<input type="number" name="attr_degats_arm_base" readonly placeholder="Base">
			<input type="number" name="attr_degats_arm_bonus" value="0" placeholder="Bonus">
			<input type="number" name="attr_degats_arm" readonly placeholder="Total">
		  </div>
	  
		  <label>Dégâts TAI :</label>
		  <div class="degats-row">
			<input type="number" name="attr_degats_tai_base" readonly placeholder="Base">
			<input type="number" name="attr_degats_tai_bonus" value="0" placeholder="Bonus">
			<input type="number" name="attr_degats_tai" readonly placeholder="Total">
		  </div>
	  
		  <label>Dégâts GEN :</label>
		  <div class="degats-row">
			<input type="number" name="attr_degats_gen_base" readonly placeholder="Base">
			<input type="number" name="attr_bonus_degats_gen" value="0" placeholder="Bonus">
			<input type="number" name="attr_degats_gen" readonly placeholder="Total">
		  </div>
	  
		  <label>Dégâts NIN :</label>
		  <div class="degats-row">
			<input type="number" name="attr_degats_nin_base" readonly placeholder="Base">
			<input type="number" name="attr_bonus_degats_nin" value="0" placeholder="Bonus">
			<input type="number" name="attr_degats_nin" readonly placeholder="Total">
		  </div>
		</div> <!-- FIN colonne droite -->
	  
	  </div> <!-- FIN .degats-grid -->
	  
	  <!-- Initiative en dessous -->
	  <div style="margin-top: 1rem;">
		<label>
		  Initiative :
		  <input type="number" name="attr_initiative" readonly>
		</label>
	  
		<button type="roll"
		  name="roll_initiative"
		  value="/roll 1d10!! + @{initiative} &{tracker} {{name=Initiative}} {{Personnage=@{character_name}}} {{Résultat=[[1d10!! + @{initiative}]]}}">
		  Lancer Initiative
		</button>
	  </div>	  
  </div>
  
  

<!-- ======= SECTION CHAKRA ======= -->
<div class="section-chakra">
	<h2>Chakra</h2>
  
	<!-- Chakra global -->
	<div class="chakra-grid" style="display: flex; gap: 1rem; flex-wrap: wrap;">
		<label>
			Chakra total :
			<div style="display: flex; gap: 0.5rem;">
			  <input type="number" name="attr_chakra" readonly>
			  <input type="number" name="attr_bonus_chakra" value="0" title="Bonus manuel" style="width: 60px;" />
			</div>
		  </label>		  
  
	  <label>
		Perte actuelle :
		<input type="number" name="attr_chakra_perdu" value="0">
	  </label>
	</div>
  
	<!-- Infos liées à la gestion du chakra -->
	<div style="display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1rem;">
	  <label>
		Régénération / tour :
		<input type="number" name="attr_regen" step="0.01" readonly>
	  </label>
  
	  <label>
		Contrôle du chakra :
		<input type="number" name="attr_controle" readonly>
	  </label>
  
	  <label>
		Nindō (max 10) :
		<input type="number" name="attr_nindo" min="0" max="10" value="0">
	  </label>
  
	  <label>
		Spécialisations disponibles :
		<input type="number" name="attr_specialisation_chakra" readonly>
	  </label>
  
	  <label>
		Total de spécialisations utilisées :
		<input type="number" name="attr_chakra_specialisation_total" readonly>
	  </label>
	</div>
  </div>
  

  
<!-- ======= SECTION BLESSURES ======= -->
<div class="section-blessures">
	<h2>Crans de blessure</h2>
  
	<div style="display: flex; gap: 2rem; flex-wrap: wrap;">
  
	  <!-- Colonne 1 : États standards -->
	  <div class="cran-container">
  
		<!-- Fatigue -->
		<fieldset class="cran-fatigue">
		  <legend>Fatigue</legend>
		  <label><input type="checkbox" name="attr_fatigue1"> Fatigue 1</label>
		  <label><input type="checkbox" name="attr_fatigue2"> Fatigue 2</label>
		</fieldset>
  
		<!-- Sonné -->
		<fieldset class="cran-sonne">
		  <legend>Sonné</legend>
		  <label><input type="checkbox" name="attr_sonne"> Sonné</label>
		</fieldset>
  
		<!-- Blessures -->
		<fieldset class="cran-blessures">
		  <legend>Blessures</legend>
		  <label><input type="checkbox" name="attr_blessure1"> Blessure 1</label>
		  <label><input type="checkbox" name="attr_blessure2"> Blessure 2</label>
		  <label><input type="checkbox" name="attr_blessure3"> Blessure 3</label>
		</fieldset>
	  </div>
  
<!-- Colonne 2 : Crans supplémentaires -->
<div class="cran-container">

	<!-- Activation des crans avancés -->
	<label style="margin-bottom: 0.5rem;">
	  <input type="checkbox" name="attr_mode_blessures_avancees">
	  Activer les blessures avancées
	</label>
  
	<!-- Fatigue Optionnelle -->
	<fieldset class="cran-fatigue-optionnelle">
	  <legend>Fatigue Supplémentaire</legend>
	  <label><input type="checkbox" name="attr_fatigue_a"> Fatigue A</label>
	  <label><input type="checkbox" name="attr_fatigue_b"> Fatigue B</label>
	</fieldset>
  
	<!-- Blessures Supplémentaires -->
	<fieldset class="cran-blessures-sup">
	  <legend>Blessures Supplémentaires</legend>
	  <label><input type="checkbox" name="attr_blessure4"> Blessure 4</label>
	  <label><input type="checkbox" name="attr_blessure5"> Blessure 5</label>
	  <label><input type="checkbox" name="attr_blessure6"> Blessure 6</label>
	</fieldset>
  </div>
  

<!-- ======= SECTION COMPÉTENCES COMMUNES ======= -->
<div class="section-competences">
	<h2>Compétences communes</h2>
  
	<div class="competences-flex">
	  <!-- Armes Simples -->
	  <div class="ligne-competence">
		<label>Armes simples (ARM)</label>
		<input type="number" name="attr_scmp_armessimples" />
		<input type="number" name="attr_stcmp_armessimples" readonly />
		<input type="text" name="attr_comment_armessimples" />
		<input type="number" name="attr_xp_scmp_armessimples" readonly />
		<button type="roll" name="roll_armessimples"
		  value="/roll 1d10!! + @{stcmp_armessimples} + ?{Bonus|0} &{template:default} {{name=Jet d'Armes Simples}} {{Résultat=[[1d10!! + @{stcmp_armessimples} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <!-- Répéter pour chaque compétence -->
	  <div class="ligne-competence">
		<label>Camouflage (NIN)</label>
		<input type="number" name="attr_scmp_camouflage" />
		<input type="number" name="attr_stcmp_camouflage" readonly />
		<input type="text" name="attr_comment_camouflage" />
		<input type="number" name="attr_xp_scmp_camouflage" readonly />
		<button type="roll" name="roll_camouflage"
		  value="/roll 1d10!! + @{stcmp_camouflage} + ?{Bonus|0} &{template:default} {{name=Jet de Camouflage}} {{Résultat=[[1d10!! + @{stcmp_camouflage} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Corps à corps (TAI)</label>
		<input type="number" name="attr_scmp_cac" />
		<input type="number" name="attr_stcmp_cac" readonly />
		<input type="text" name="attr_comment_cac" />
		<input type="number" name="attr_xp_scmp_cac" readonly />
		<button type="roll" name="roll_cac"
		  value="/roll 1d10!! + @{stcmp_cac} + ?{Bonus|0} &{template:default} {{name=Jet de CAC}} {{Résultat=[[1d10!! + @{stcmp_cac} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Esquive (TAI)</label>
		<input type="number" name="attr_scmp_esquive" />
		<input type="number" name="attr_stcmp_esquive" readonly />
		<input type="text" name="attr_comment_esquive" />
		<input type="number" name="attr_xp_scmp_esquive" readonly />
		<button type="roll" name="roll_esquive"
		  value="/roll 1d10!! + @{stcmp_esquive} + ?{Bonus|0} &{template:default} {{name=Jet d'Esquive}} {{Résultat=[[1d10!! + @{stcmp_esquive} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Gensou (GEN)</label>
		<input type="number" name="attr_scmp_gensou" />
		<input type="number" name="attr_stcmp_gensou" readonly />
		<input type="text" name="attr_comment_gensou" />
		<input type="number" name="attr_xp_scmp_gensou" readonly />
		<button type="roll" name="roll_gensou"
		  value="/roll 1d10!! + @{stcmp_gensou} + ?{Bonus|0} &{template:default} {{name=Jet de Gensou}} {{Résultat=[[1d10!! + @{stcmp_gensou} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Henge (NIN)</label>
		<input type="number" name="attr_scmp_henge" />
		<input type="number" name="attr_stcmp_henge" readonly />
		<input type="text" name="attr_comment_henge" />
		<input type="number" name="attr_xp_scmp_henge" readonly />
		<button type="roll" name="roll_henge"
		  value="/roll 1d10!! + @{stcmp_henge} + ?{Bonus|0} &{template:default} {{name=Jet de Henge}} {{Résultat=[[1d10!! + @{stcmp_henge} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Kawarimi (GEN)</label>
		<input type="number" name="attr_scmp_kawarimi" />
		<input type="number" name="attr_stcmp_kawarimi" readonly />
		<input type="text" name="attr_comment_kawarimi" />
		<input type="number" name="attr_xp_scmp_kawarimi" readonly />
		<button type="roll" name="roll_kawarimi"
		  value="/roll 1d10!! + @{stcmp_kawarimi} + ?{Bonus|0} &{template:default} {{name=Jet de Kawarimi}} {{Résultat=[[1d10!! + @{stcmp_kawarimi} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Mental (ESP)</label>
		<input type="number" name="attr_scmp_mental" />
		<input type="number" name="attr_stcmp_mental" readonly />
		<input type="text" name="attr_comment_mental" />
		<input type="number" name="attr_xp_scmp_mental" readonly />
		<button type="roll" name="roll_mental"
		  value="/roll 1d10!! + @{stcmp_mental} + ?{Bonus|0} &{template:default} {{name=Jet de Mental}} {{Résultat=[[1d10!! + @{stcmp_mental} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Parade (ARM)</label>
		<input type="number" name="attr_scmp_parade" />
		<input type="number" name="attr_stcmp_parade" readonly />
		<input type="text" name="attr_comment_parade" />
		<input type="number" name="attr_xp_scmp_parade" readonly />
		<button type="roll" name="roll_parade"
		  value="/roll 1d10!! + @{stcmp_parade} + ?{Bonus|0} &{template:default} {{name=Jet de Parade}} {{Résultat=[[1d10!! + @{stcmp_parade} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Physique (COR)</label>
		<input type="number" name="attr_scmp_physique" />
		<input type="number" name="attr_stcmp_physique" readonly />
		<input type="text" name="attr_comment_physique" />
		<input type="number" name="attr_xp_scmp_physique" readonly />
		<button type="roll" name="roll_physique"
		  value="/roll 1d10!! + @{stcmp_physique} + ?{Bonus|0} &{template:default} {{name=Jet de Physique}} {{Résultat=[[1d10!! + @{stcmp_physique} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Survie (NIN)</label>
		<input type="number" name="attr_scmp_survie" />
		<input type="number" name="attr_stcmp_survie" readonly />
		<input type="text" name="attr_comment_survie" />
		<input type="number" name="attr_xp_scmp_survie" readonly />
		<button type="roll" name="roll_survie"
		  value="/roll 1d10!! + @{stcmp_survie} + ?{Bonus|0} &{template:default} {{name=Jet de Survie}} {{Résultat=[[1d10!! + @{stcmp_survie} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
  
	  <div class="ligne-competence">
		<label>Vigilance (NIN)</label>
		<input type="number" name="attr_scmp_vigilance" />
		<input type="number" name="attr_stcmp_vigilance" readonly />
		<input type="text" name="attr_comment_vigilance" />
		<input type="number" name="attr_xp_scmp_vigilance" readonly />
		<button type="roll" name="roll_vigilance"
		  value="/roll 1d10!! + @{stcmp_vigilance} + ?{Bonus|0} &{template:default} {{name=Jet de Vigilance}} {{Résultat=[[1d10!! + @{stcmp_vigilance} + ?{Bonus|0}]]}}">🎲</button>
	  </div>
	</div>
  </div>  
  

 <!-- ======= SECTION COMPÉTENCES SPÉCIFIQUES ======= -->
 <div class="section-competences">
	<h2>Compétences spécifiques (combat, terrain, clan, etc.)</h2>
  
	<fieldset class="repeating_cmpspe">
	  <div class="ligne-competence-spe">
		<select name="attr_nom_cmps">
			<option value="armes_exotiques_arm">Armes Exotiques (ARM)</option>
			<option value="chuken_tai">Chūken (TAI)</option>
			<option value="collecte_infos_esp">Collecte d'infos (ESP)</option>
			<option value="coup_special_arm">Coup Spécial (ARM)</option>
			<option value="coup_special_tai">Coup Spécial (TAI)</option>
			<option value="doton_nin">Doton (NIN)</option>
			<option value="education_esp">Éducation (ESP)</option>
			<option value="empathie_nin">Empathie (NIN)</option>
			<option value="faux_semblants_gen">Faux Semblants (GEN)</option>
			<option value="fuin_gen">Fūin (GEN)</option>
			<option value="futon_nin">Futon (NIN)</option>
			<option value="goken_tai">Gōken (TAI)</option>
			<option value="intimidation_cor">Intimidation (COR)</option>
			<option value="iryo_gen">Iryō (GEN)</option>
			<option value="juken_tai">Jūken (TAI)</option>
			<option value="katon_nin">Katon (NIN)</option>
			<option value="kuchiyose_gen">Kuchiyose (GEN)</option>
			<option value="lois_traditions_esp">Lois & Traditions (ESP)</option>
			<option value="manipulation_tai">Manipulation (TAI)</option>
			<option value="medecine_esp">Médecine (ESP)</option>
			<option value="premiers_soins_cor">Premiers Soins (COR)</option>
			<option value="raiton_nin">Raïton (NIN)</option>
			<option value="regeneration_cor">Régénération (COR)</option>
			<option value="res_elementaires_nin">Rés. Élémentaires (NIN)</option>
			<option value="res_environnementales_cor">Rés. Environnementales (COR)</option>
			<option value="res_psychiques_esp">Rés. Psychiques (ESP)</option>
			<option value="res_physiques_cor">Rés. Physiques (COR)</option>
			<option value="science_explosifs_arm">Science des Explosifs (ARM)</option>
			<option value="science_pieges_arm">Science des Pièges (ARM)</option>
			<option value="science_drogues_nin">Science des Drogues (NIN)</option>
			<option value="science_poisons_nin">Science des Poisons (NIN)</option>
			<option value="sentinelle_gen">Sentinelle (GEN)</option>
			<option value="sixieme_sens_gen">Sixième Sens (GEN)</option>
			<option value="suiton_nin">Suiton (NIN)</option>
			<option value="technologie_arm">Technologie (ARM)</option>
			<option value="yuryoku_gen">Yūryoku (GEN)</option>
			<option value="jiton_nin">Jiton (NIN)</option>
			<option value="kage_nin">Kage (NIN)</option>
			<option value="kikaichu_nin">Kikaichū (NIN)</option>
			<option value="mokuton_nin">Mokuton (NIN)</option>
			<option value="sumi_nin">Sumi (NIN)</option>
		  </select>
		  
  
		<button type="roll" name="roll_cmps"
  value="/roll 1d10!! + @{stcmps} + ?{Bonus/Malus ?|0} &{template:default} {{name=Jet de @{nom_cmps}}} {{Personnage=@{character_name}}} {{Résultat=[[1d10!! + @{stcmps} + ?{Bonus/Malus ?|0}]]}}">
  🎲
</button>

		<input type="number" name="attr_scmps" value="0" />
		<input type="number" name="attr_stcmps" readonly />
		<input type="text" name="attr_comment_cmps" />
		<input type="number" name="attr_xp_cmps" readonly />
	  </div>
	</fieldset>
  </div>
  
  
  <!-- ======= SECTION CHAKRA : CHOIX DES SPÉCIALISATIONS ======= -->
<div class="section-choix-specialisations">
	<h3>Choix des Spécialisations</h3>
	<p>
	  Attribuez des points à vos spécialisations
	  (<span name="attr_specialisation_chakra"></span> max).
	  Total actuel : <span name="attr_chakra_specialisation_total"></span>
	</p>
  
	<div class="specialisations-grid">
	  <label>
		Acéré (max 5) :
		<input type="number" name="attr_chakra_acere" min="0" max="5" value="0">
	  </label>
  
	  <label>
		Colossal (max 9) :
		<input type="number" name="attr_chakra_colossal" min="0" max="9" value="0">
	  </label>
  
	  <label>
		Endurci (max 5) :
		<input type="number" name="attr_chakra_endurci" min="0" max="5" value="0">
	  </label>
  
	  <label>
		Explosif (max 5) :
		<input type="number" name="attr_chakra_explosif" min="0" max="5" value="0">
	  </label>
  
	  <label>
		Fulgurant (max 5) :
		<input type="number" name="attr_chakra_fulgurant" min="0" max="5" value="0">
	  </label>
  
	  <label>
		Héréditaire (max 3) :
		<input type="number" name="attr_chakra_hereditaire" min="0" max="3" value="0">
	  </label>
  
	  <label>
		Impérieux (max 5) :
		<input type="number" name="attr_chakra_imperieux" min="0" max="5" value="0">
	  </label>
  
	  <label>
		Inépuisable (max 3) :
		<input type="number" name="attr_chakra_inepuisable" min="0" max="3" value="0">
	  </label>
  
	  <label>
		Puissant (max 1) :
		<input type="number" name="attr_chakra_puissant" min="0" max="1" value="0">
	  </label>
  
	  <label>
		Rémanent (max 1) :
		<input type="number" name="attr_chakra_remanent" min="0" max="1" value="0">
	  </label>
	</div>
  </div>
  


  <!-- ======= SECTION SPÉCIALISATIONS DE CHAKRA ======= -->
  <div class="section-specialisations">
	<h2>Spécialisations de Chakra</h2>
  
	<div class="specialisation-chakra-grid">
	  <div class="specialisation-item">
		<strong>Acéré</strong>
		<span>Max : 5</span>
		<p>+2 dégâts Armes</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Colossal</strong>
		<span>Max : 9</span>
		<p>+100 points de chakra</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Endurci</strong>
		<span>Max : 5</span>
		<p>+1 Vigueur, +50 points de chakra</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Explosif</strong>
		<span>Max : 5</span>
		<p>+2 dégâts Taïjutsu</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Fulgurant</strong>
		<span>Max : 5</span>
		<p>+2 Initiative, +10m déplacement simple</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Héréditaire</strong>
		<span>Max : 3</span>
		<p>+1 pouvoir de lignée actif/session</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Impérieux</strong>
		<span>Max : 5</span>
		<p>+1 Caractère, +50 chakra</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Inépuisable</strong>
		<span>Max : 3</span>
		<p>+1% régénération</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Puissant</strong>
		<span>Max : 1</span>
		<p>Annule les paliers/échecs liés aux blessures</p>
	  </div>
  
	  <div class="specialisation-item">
		<strong>Rémanent</strong>
		<span>Max : 1</span>
		<p>Chakra sur objet reste actif jusqu’à désactivation</p>
	  </div>
	</div>
  </div>