/* PC
-----------------------------*/
.pc{
	background: url('../img/paper.jpg');
}

.pc header{
	background: none;
	text-align:center;
}

.pc header h1{
	float: none;
}

.pc main{
	max-width: 100%;
	padding: 0;
	margin-top: 0;
}

.pc main > .left{
	width: 50%;
	float: left;
	padding: 50px 20px;
	overflow-y: scroll;
}

.pc main > .right{
	width: 50%;
	float: right;
	padding: 50px 20px;
	overflow-y: scroll;
}

.pc #param{
	display: none;
}

.pc header{
	position: static;
}

.pc header nav{
	display: none;
}

.mfp-box .content{
	background:  #fff;
}

.t1{
	font-size: 24px;
}

.short{
	width: 70px !important;
}


#spell .content{
	max-width: 600px;
}

#spell-tab li{
	width: 16.0666%;
	float: left;
	cursor: pointer;
	background-color: #cedce9;
	margin: 2px 0.3%;
	text-align: center;
}

.spell-box{
	display: none;
}
.spell-box.active{
	display: block;
}

.ir{
	padding-right: 20px !important;
}

/* Désactive et grise les onglets de sorts inaccessibles */
#spell-tab li.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

#spell-tab li.disabled:hover {
  /* Empêche l’effet visuel au survol */
  background-color: #cedce9;
}

/* Définition du marqueur et de son ::after vide par défaut */
.brelan-marker {
  display: inline-block;
  width: 1em;             /* prend la largeur d’un caractère */
  text-align: center;
  vertical-align: super;  /* mettra le B en exposant */
}

/* Pseudo-élément vide par défaut */
.brelan-marker::after {
  content: "";            /* rien tant que non actif */
  opacity: 0;             /* transparent pour ne pas prendre de place visuelle */
  transition: opacity 0.2s;
}

.brelan-marker.active::after {
  content: "🎲🎲🎲";
  opacity: 1;
  font-size: 0.9em;        /* garde les dés en exposant sans trop alourdir la ligne */
  vertical-align: super;   /* pour le placer en exposant */
}

/* Place les contrôles personnage en haut à gauche */
header .character-controls {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1001; /* au-dessus du reste */
}
header .character-controls button {
  margin-right: 5px;
  padding: 5px 8px;
  font-size: 0.9rem;
}

#talent .mb5:has(#fil-bonus) {
  display: none !important;
}

.mr-dead {
    opacity: 0.5;         /* grisé */
    pointer-events: none; /* optionnel : désactive les interactions */
}