/* =====================================================================
   LE FEU DE CAMP — habillage « UI Camp » EN JEU (papier kraft, jour) — 21 oct. 2026
   Chargée après ../socle/ui-camp.css. S'applique quand <html> porte .kraft, c.-à-d. en partie
   (Socle.peau('jeu') dans enterGameUI ; l'accueil et le salon restent en nuit : css/nuit.css).
   En jeu le <body> porte aussi .carnetUI (js/interface/69-peau.js) : le papier du jeu et sa passe
   de lisibilité des fenêtres ; cette feuille le repeint au vocabulaire kraft (papier + trait d'encre
   2,5 px + second trait décalé, bois / cuir cousu / tissu, jauges hachurées, touches en bois).
   On REPEINT : mêmes blocs, mêmes places, mêmes tailles. Tout est préfixé html.kraft.
   Restent dessinés dans le canvas (non repeints ici) : le terrain, les bulles de paroles au-dessus
   des têtes, les étiquettes de noms, le contenu des mini-jeux (roulette, pêche…), la carte du voyage.
   ===================================================================== */

html.kraft body.kr-peau{
  --kc-papier:var(--kr-grain),var(--kr-taches),radial-gradient(120% 90% at 30% 20%,var(--kr-papier) 0 45%,var(--kr-kraft) 100%);
  /* grandes fenêtres : taches en dégradés (la texture --kr-taches montre ses raccords en grand) */
  --kc-papier-grand:var(--kr-grain),radial-gradient(38% 32% at 82% 84%,rgba(150,100,40,.16),transparent 70%),radial-gradient(30% 26% at 12% 18%,rgba(150,100,40,.11),transparent 70%),radial-gradient(26% 22% at 60% 30%,rgba(150,100,40,.07),transparent 70%),radial-gradient(120% 90% at 30% 20%,var(--kr-papier) 0 45%,var(--kr-kraft) 100%);
  --kc-clair:var(--kr-grain),#FBF3DE;
  --kc-bois:var(--kr-veines),var(--kr-grain),linear-gradient(180deg,var(--kr-bois-clair),var(--kr-bois) 55%,var(--kr-bois-fonce));
  --kc-bois-clair:var(--kr-veines),var(--kr-grain),linear-gradient(180deg,#F0C48E,var(--kr-bois-clair) 40%,var(--kr-bois) 80%,var(--kr-bois-fonce));
  --kc-cuir:var(--kr-grain),radial-gradient(130% 120% at 30% 20%,#A06B37,var(--kr-cuir) 55%,var(--kr-cuir-fonce));
  --kc-tissu:var(--kr-sergé),var(--kr-grain),linear-gradient(180deg,color-mix(in srgb,var(--kr-lieu) 80%,#fff),var(--kr-lieu));
  --kc-hachures:linear-gradient(rgba(255,245,220,.35),transparent 55%),repeating-linear-gradient(-55deg,transparent 0 4px,rgba(44,30,22,.22) 4px 6px);
  --kc-ombre-btn:inset 0 2px 0 rgba(255,240,210,.45),inset 0 -3px 0 rgba(70,35,10,.22),0 3px 0 var(--kr-encre),0 6px 9px rgba(20,12,6,.22);
  --kc-ombre-pan:inset 0 0 14px rgba(120,78,30,.22),0 3px 0 rgba(44,30,22,.3),0 6px 12px rgba(20,12,6,.22);
  --kc-bord-pan:12px 7px 11px 8px / 7px 11px 8px 12px;
  --kc-bord-btn:12px 8px 13px 7px / 8px 12px 7px 13px;
}
/* le corps de texte garde la police du jeu (mêmes hauteurs de lignes qu'en nuit) ; Fredoka remplace
   Lilita One pour les titres et chiffres, avec des interlignes fixés aux hauteurs de la nuit */
html.kraft body.kr-peau{ --ink-c:var(--kr-encre); --t2:var(--kr-cuir); --flame:#C2652A; font-family:var(--font-body); }
/* le trait d'encre du HUD est un anneau (box-shadow) : il ne prend aucune place */
html.kraft body.kr-peau{ --kc-anneau:0 0 0 2px var(--kr-encre); }

/* ---------- 1. HUD : petits panneaux de kraft (mêmes places, mêmes tailles, mêmes bordures qu'en nuit) ---------- */
html.kraft .meters,html.kraft #hud .chip,html.kraft #hud .res,html.kraft #invMore,html.kraft #pauseBtn,html.kraft #hudSetBtn,html.kraft #filJauge{
  background:var(--kc-papier)!important; color:var(--kr-encre)!important;
  border-color:var(--kr-encre)!important; border-radius:var(--kc-bord-pan)!important;
  box-shadow:var(--kc-anneau),0 3px 0 2px rgba(44,30,22,.3),0 6px 12px rgba(20,12,6,.22)!important; text-shadow:none!important;
}
html.kraft #hud .chip,html.kraft #invMore{ box-shadow:0 0 0 1px var(--kr-encre),0 3px 0 1px rgba(44,30,22,.3),0 6px 12px rgba(20,12,6,.2)!important; }
html.kraft #filJauge{ box-shadow:0 0 0 1.5px var(--kr-encre),inset 0 0 10px rgba(120,78,30,.2)!important; background:var(--kc-clair)!important; }
html.kraft #hud .res{ border-radius:999px 980px 999px 990px!important; box-shadow:0 0 0 1.5px var(--kr-encre),0 2px 0 1.5px rgba(44,30,22,.3)!important; }
html.kraft #hud .res.own{ background:var(--kc-bois)!important; }
html.kraft #hud .res i{ box-shadow:0 0 0 1.5px var(--kr-encre); }
html.kraft .meter,html.kraft .meter b{ color:var(--kr-encre); }
html.kraft .meter span{ color:var(--kr-encre-douce); }
html.kraft #hud .chip span{ color:var(--kr-encre-douce); opacity:1; }
html.kraft #hud .chip b{ color:var(--kr-cuir)!important; font-family:var(--kr-police-titre); font-weight:600; line-height:16px; }
html.kraft #pauseBtn,html.kraft #hudSetBtn{ background:var(--kc-bois)!important; color:var(--kr-encre)!important; font-family:var(--kr-police-titre); font-weight:700; }
html.kraft #pauseBtn:active,html.kraft #hudSetBtn:active{ transform:translateY(2px); }
/* jauges : tube cerné d'encre, remplissage hachuré au crayon (mêmes hauteurs) */
html.kraft .bar{ background:var(--kr-grain),rgba(44,30,22,.16)!important; border-radius:6px 4px 7px 3px; box-shadow:0 0 0 1.5px var(--kr-encre),inset 0 1px 2px rgba(20,12,6,.25)!important; }
html.kraft .bar i{ background-image:var(--kc-hachures),none; background-color:var(--kr-tissu); }
html.kraft .meter.fire .bar i{ background:var(--kc-hachures),linear-gradient(90deg,var(--kr-sante),var(--kr-endurance)); }
html.kraft #hud .xp{ background:var(--kr-grain),var(--kr-kraft-fonce); box-shadow:0 -1.5px 0 var(--kr-encre); }
html.kraft #hud .xp i{ background:var(--kc-hachures),var(--kr-lanterne); box-shadow:none; }
/* le petit panneau du voyage sous les jauges */
html.kraft #filJauge .fjBar i{ background:rgba(44,30,22,.16); box-shadow:inset 0 0 0 1px rgba(44,30,22,.35); }
html.kraft #filJauge .fjBar i.on{ background:var(--kc-hachures),var(--kr-tissu); }
html.kraft #team,html.kraft #menuTxt{ color:var(--kr-encre); text-shadow:none; }
html.kraft .cheatTag{ background:var(--kr-tampon); color:var(--kr-fil); box-shadow:0 0 0 2px var(--kr-encre); }

/* l'écriteau de la phase (Veillée, Jour 1…) : une planche de bois gravée */
html.kraft #waveTag.sign,html.kraft .sign{
  background:var(--kc-bois)!important; color:var(--kr-encre)!important; font-family:var(--kr-police-titre); font-weight:600; line-height:22px;
  border-radius:var(--kc-bord-btn)!important;
  box-shadow:0 0 0 2.5px var(--kr-encre),inset 0 2px 0 rgba(255,240,210,.45),0 3px 0 2.5px var(--kr-encre)!important; text-shadow:0 1px 0 rgba(255,236,200,.55)!important; -webkit-text-stroke:0!important;
}
html.kraft #foes,html.kraft #gjInfo,html.kraft #pzInfo,html.kraft #coldInfo{ color:var(--kr-papier); text-shadow:0 1px 0 var(--kr-encre),0 0 3px var(--kr-encre),0 0 8px rgba(20,12,6,.8); }
/* barre du boss : tube d'encre */
html.kraft #bossName{ font-family:var(--kr-police-titre); color:var(--kr-papier); text-shadow:0 1px 0 var(--kr-encre),0 0 4px var(--kr-encre); }
html.kraft #bossBar .bb{ background:var(--kr-grain),var(--kr-kraft)!important; border-color:var(--kr-encre)!important; border-radius:9px 5px 10px 6px / 6px 10px 5px 9px!important; box-shadow:0 0 0 2px var(--kr-encre),0 3px 0 2px rgba(44,30,22,.35)!important; }
html.kraft #bossBar .bb i{ background:var(--kc-hachures),var(--kr-sante)!important; }
/* annonces au centre de l'écran */
html.kraft #banner strong{ font-family:var(--kr-police-titre); font-weight:600; color:var(--kr-papier); -webkit-text-stroke:0!important; line-height:1.1;
  text-shadow:0 2px 0 var(--kr-encre),0 0 4px var(--kr-encre),0 0 14px rgba(20,12,6,.7)!important; }
html.kraft #banner span{ color:var(--kr-papier); text-shadow:0 1px 0 var(--kr-encre),0 0 3px var(--kr-encre); }
/* petit message : une étiquette de papier */
html.kraft #toast{ background:var(--kc-papier)!important; color:var(--kr-encre)!important; border-color:var(--kr-encre)!important; border-radius:var(--kc-bord-pan)!important;
  box-shadow:0 0 0 2.5px var(--kr-encre),0 4px 0 2.5px rgba(44,30,22,.3),0 8px 16px rgba(20,12,6,.25)!important; }
html.kraft #toast strong{ font-family:var(--kr-police-titre); font-weight:600; color:var(--kr-cuir); line-height:1.15; }
/* joystick tactile : une cheville de bois dans un cercle d'encre */
html.kraft #stick{ border-color:rgba(44,30,22,.7); background:rgba(245,232,199,.18); }
html.kraft #stick i{ background:var(--kr-veines),radial-gradient(circle at 38% 32%,var(--kr-bois-clair),var(--kr-bois) 60%,var(--kr-bois-fonce)); box-shadow:0 0 0 2.5px var(--kr-encre); }
html.kraft #mini{ border-color:var(--kr-encre); background:rgba(245,232,199,.55); box-shadow:0 3px 0 rgba(44,30,22,.3); }

/* ---------- 2. Le panneau du jour (Construire, Cuisiner, Bricoler…) : une planche de papier kraft ---------- */
html.kraft #dayBar{
  background:var(--kc-papier-grand)!important; color:var(--kr-encre);
  border:0!important; border-radius:var(--kr-bord-main)!important;
  box-shadow:0 0 0 2.5px var(--kr-encre),inset 0 0 26px rgba(120,78,30,.28),var(--kr-ombre)!important; -webkit-backdrop-filter:none; backdrop-filter:none;
}
html.kraft #dayBar .tabs{ background:rgba(44,30,22,.1); box-shadow:inset 0 0 0 1.5px var(--kr-encre-pale); }
html.kraft #dayBar .tabs button{ color:var(--kr-encre)!important; opacity:1; font-family:var(--kr-police-titre); font-weight:600; line-height:17px; background:transparent!important; border:0!important; box-shadow:none!important; text-shadow:none!important; }
html.kraft #dayBar .tabs button[aria-selected="true"]{ background:var(--kc-bois)!important; box-shadow:inset 0 0 0 2px var(--kr-encre)!important; }
html.kraft #dayBar .cats button{ color:var(--kr-encre)!important; opacity:1; background:rgba(44,30,22,.07)!important; border:0!important; box-shadow:inset 0 0 0 1.5px var(--kr-encre)!important; }
html.kraft #dayBar .cats button[aria-pressed="true"]{ color:var(--kr-fil)!important; background:var(--kc-tissu)!important; box-shadow:inset 0 0 0 1.5px var(--kr-encre),inset 0 0 0 3px rgba(245,232,199,.7)!important; }
html.kraft #dayBar .cats button.demo[aria-pressed="true"]{ background:var(--kr-tampon)!important; }
html.kraft #dayBar .buildHint,html.kraft #dayBar .hint{ color:var(--kr-encre-douce)!important; text-shadow:none; }
/* les fiches de construction : étiquettes de papier clair (le trait est un contour : il ne prend pas de place) */
html.kraft #dayBar .tool{
  background:var(--kc-clair)!important; color:var(--kr-encre)!important;
  border:0!important; border-radius:var(--kc-bord-btn)!important; outline:2px solid var(--kr-encre); outline-offset:-2px;
  box-shadow:0 2px 0 rgba(44,30,22,.3)!important; opacity:1;
}
html.kraft #dayBar .tool b{ color:var(--kr-encre); font-family:var(--kr-police-titre); font-weight:600; }
html.kraft #dayBar .tool small,html.kraft #dayBar .tool .tag{ color:var(--kr-encre-douce); opacity:1; }
html.kraft #dayBar .tool[aria-pressed="true"]{ background:var(--kr-veines),var(--kr-grain),linear-gradient(var(--kr-bois-clair),#EBC08C)!important; box-shadow:inset 0 0 0 4px var(--kr-lanterne),0 2px 0 var(--kr-encre)!important; }
html.kraft #dayBar .tool:disabled{ background:var(--kr-grain),rgba(227,209,180,.75)!important; outline-style:dashed; outline-color:rgba(44,30,22,.7); box-shadow:none!important; opacity:1; }
html.kraft #dayBar .tool:disabled b,html.kraft #dayBar .tool:disabled small{ color:rgba(44,30,22,.62); }
html.kraft #dayBar .tool .res,html.kraft #dayBar .cost span,html.kraft #dayBar .tool .cost{ background:rgba(44,30,22,.09)!important; color:var(--kr-encre)!important; box-shadow:inset 0 0 0 1px rgba(44,30,22,.35)!important; }
html.kraft #goBtn{ background:var(--kc-bois-clair)!important; color:var(--kr-encre)!important; border:0!important; border-radius:var(--kc-bord-btn)!important; line-height:22px;
  box-shadow:0 0 0 2.5px var(--kr-encre),inset 0 2px 0 rgba(255,240,210,.45),inset 0 -3px 0 rgba(70,35,10,.22),0 3px 0 2.5px var(--kr-encre)!important; font-family:var(--kr-police-titre); font-weight:700; text-shadow:0 1px 0 rgba(255,236,200,.6)!important; }
html.kraft #goBtn[aria-pressed="true"]{ background:var(--kc-tissu)!important; color:var(--kr-fil)!important; text-shadow:none!important; }
html.kraft #goBtn:active{ transform:translateY(2px); }
html.kraft #dayFold,html.kraft #dispoBtn,html.kraft #dayBar .dayTop>button:not(#goBtn){
  background:var(--kc-clair)!important; color:var(--kr-encre)!important; border-color:var(--kr-encre)!important; border-style:solid!important; border-radius:var(--kc-bord-btn)!important;
  box-shadow:0 0 0 1px var(--kr-encre),0 2px 0 1px var(--kr-encre)!important; opacity:1; }
html.kraft #dayBar .dayTop label,html.kraft #dayBar .dayTop span{ color:var(--kr-encre); }

/* ---------- 3. Les fenêtres en jeu (pause, niveau, malle, spécialité, fin, carnet, veillées…) ---------- */
html.kraft body.kr-peau .modal{ background:radial-gradient(ellipse at 50% 45%,rgba(44,30,22,.42),rgba(30,20,12,.78)); }
html.kraft body.kr-peau .modal>.sheet,html.kraft body.kr-peau .modal .sheet{
  background:var(--kc-papier-grand); background-blend-mode:normal; -webkit-backdrop-filter:none; backdrop-filter:none;
  color:var(--kr-encre); border:var(--kr-trait) solid var(--kr-encre); border-radius:var(--kr-bord-main);
  box-shadow:inset 0 0 26px rgba(120,78,30,.28),var(--kr-ombre);
  outline:1.5px solid var(--kr-encre-pale); outline-offset:-7px;   /* le second trait de feutre */
}
html.kraft body.kr-peau .sheet h1,html.kraft body.kr-peau .sheet h2{ font-family:var(--kr-police-titre); font-weight:600; color:var(--kr-encre)!important; -webkit-text-stroke:0; text-shadow:none!important; }
html.kraft body.kr-peau .sheet h3{ font-family:var(--kr-police-titre); font-weight:600; color:var(--kr-cuir); }
html.kraft body.kr-peau .kicker{ color:var(--kr-cuir); font-family:var(--kr-police); font-weight:700; }
html.kraft body.kr-peau .sheet p,html.kraft body.kr-peau .sheet label,html.kraft body.kr-peau .best{ color:var(--kr-encre-douce); }
html.kraft body.kr-peau .sheet a{ color:var(--kr-tampon); }
/* la malle ouverte : pas de grande feuille autour de la carte (comme le carnet) */
html.kraft body.kr-peau .sheet:has(.loot){ background:none!important; border:0!important; box-shadow:none!important; outline:0; }
html.kraft body.kr-peau .sheet:has(.loot) .kicker{ color:var(--kr-papier); text-shadow:0 1px 0 var(--kr-encre),0 0 4px var(--kr-encre); }
html.kraft body.kr-peau .loot{ background:var(--kc-papier)!important; border:var(--kr-trait) solid var(--kr-encre)!important; border-radius:var(--kr-bord-main)!important; box-shadow:var(--kr-ombre)!important; color:var(--kr-encre); }
html.kraft body.kr-peau .loot b{ color:var(--kr-encre); font-family:var(--kr-police-titre); font-weight:600; }

/* boutons : bois (principal), cuir cousu (secondaire), papier (discret) */
html.kraft body.kr-peau .modal .big,html.kraft body.kr-peau .modal .mid,html.kraft body.kr-peau .modal .ghost,
html.kraft body.kr-peau .modal .sheet button:not(.card):not(.role):not(.tool):not(.pickChip):not(.xClose){
  font-family:var(--kr-police-titre); font-weight:600; text-shadow:none; -webkit-text-stroke:0;
  border:2.5px solid var(--kr-encre); border-radius:var(--kc-bord-btn); box-shadow:var(--kc-ombre-btn);
  transition:transform var(--kr-vitesse),box-shadow var(--kr-vitesse),filter var(--kr-vitesse);
}
html.kraft body.kr-peau .modal .big{ background:var(--kc-bois-clair); color:var(--kr-encre); text-shadow:0 1px 0 rgba(255,236,200,.6); }
html.kraft body.kr-peau .modal .mid{ background:var(--kc-cuir); color:var(--kr-fil); outline:1.6px dashed rgba(245,232,199,.72); outline-offset:-6px; }
html.kraft body.kr-peau .modal .mid small,html.kraft body.kr-peau .modal .big small{ color:inherit; opacity:.88; }
html.kraft body.kr-peau .modal .ghost,html.kraft body.kr-peau .modal .sheet button:not(.big):not(.mid):not(.card):not(.role):not(.tool):not(.pickChip):not(.xClose){
  background:var(--kc-clair); color:var(--kr-encre); border-width:2px; box-shadow:0 2px 0 var(--kr-encre); }
html.kraft body.kr-peau .modal .ghost:hover:not(:disabled),html.kraft body.kr-peau .modal .sheet button:not(.big):not(.mid):not(.card):hover:not(:disabled){ background:var(--kr-grain),#FFF6DE; }
html.kraft body.kr-peau .modal .big:hover:not(:disabled),html.kraft body.kr-peau .modal .mid:hover:not(:disabled){ filter:brightness(1.05); }
html.kraft body.kr-peau .modal .big:active,html.kraft body.kr-peau .modal .mid:active,html.kraft body.kr-peau .modal .ghost:active{ transform:translateY(2px); box-shadow:0 1px 0 var(--kr-encre); }
html.kraft body.kr-peau .modal button:focus-visible{ outline:3px solid var(--kr-lanterne); outline-offset:3px; }
html.kraft body.kr-peau .modal button:disabled,html.kraft body.kr-peau .modal .mid:disabled,html.kraft body.kr-peau .modal .big:disabled{
  background:var(--kr-grain),rgba(227,209,180,.8)!important; color:rgba(44,30,22,.55)!important; border-style:dashed!important; box-shadow:none!important; outline:0; filter:none; }
/* boutons « choisis » (aria-pressed) : étiquette de tissu cousue */
html.kraft body.kr-peau .modal .sheet button[aria-pressed="true"]:not(.card):not(.role),html.kraft body.kr-peau .pickChip[aria-pressed="true"]{
  background:var(--kc-tissu)!important; color:var(--kr-fil)!important; box-shadow:inset 0 0 0 2px var(--kr-lieu),inset 0 0 0 3.5px rgba(245,232,199,.7),0 2px 0 var(--kr-encre)!important; }
/* fermer / quitter une activité : cheville de cuir rouge */
html.kraft body.kr-peau .xClose,html.kraft body.kr-peau #recreClose,html.kraft body.kr-peau #veilClose{
  background:var(--kr-grain),radial-gradient(130% 120% at 30% 20%,#C0614F,var(--kr-tampon) 60%,#7E2A1F)!important; color:var(--kr-fil)!important;
  border:2px solid var(--kr-encre)!important; box-shadow:0 2px 0 var(--kr-encre)!important; font-family:var(--kr-police-titre)!important; text-shadow:none!important; }
html.kraft body.kr-peau #veilClose.okDone{ background:var(--kc-tissu)!important; }

/* cartes à choisir (niveau, spécialité) : fiches de papier clair, écusson brodé */
html.kraft body.kr-peau .card{ background:var(--kc-clair)!important; color:var(--kr-encre)!important; border:var(--kr-trait) solid var(--kr-encre)!important;
  border-radius:var(--kr-bord-main)!important; box-shadow:0 4px 0 rgba(44,30,22,.3),0 8px 14px rgba(20,12,6,.18)!important; }
html.kraft body.kr-peau button.card:hover,html.kraft body.kr-peau .card[role=button]:hover{ transform:translateY(-2px) rotate(-.5deg); }
html.kraft body.kr-peau .card b{ color:var(--kr-encre)!important; font-family:var(--kr-police-titre); font-weight:600; }
html.kraft body.kr-peau .card p{ color:var(--kr-encre-douce)!important; }
html.kraft body.kr-peau .card .lv{ color:var(--kr-cuir)!important; }
html.kraft body.kr-peau .card.rar1{ box-shadow:inset 0 0 0 3px var(--kr-eau),0 4px 0 rgba(44,30,22,.3)!important; }
html.kraft body.kr-peau .card.rar2{ box-shadow:inset 0 0 0 3px var(--kr-lanterne),0 4px 0 rgba(44,30,22,.3)!important; }
html.kraft body.kr-peau .card.voie{ box-shadow:inset 0 0 0 3px #7a3f9b,0 4px 0 rgba(44,30,22,.3)!important; }
html.kraft body.kr-peau .patch{ box-shadow:0 0 0 2.5px var(--kr-encre),0 3px 0 2.5px rgba(44,30,22,.35)!important; }
html.kraft body.kr-peau .patch::after{ border-color:rgba(245,232,199,.8)!important; }

/* fin de la veillée : les chiffres sur des étiquettes */
html.kraft body.kr-peau #over .stats>div{ background:var(--kc-clair)!important; border:2px solid var(--kr-encre)!important; border-radius:var(--kc-bord-pan)!important; box-shadow:0 2px 0 rgba(44,30,22,.3)!important; }
html.kraft body.kr-peau #over .stats b{ color:var(--kr-cuir)!important; font-family:var(--kr-police-titre); font-weight:600; text-shadow:none!important; }
html.kraft body.kr-peau #over .stats span{ color:var(--kr-encre-douce)!important; }

/* carnet, puces, champs dans les fenêtres */
html.kraft body.kr-peau .howto div,html.kraft body.kr-peau #carnetM .cnTabs,html.kraft body.kr-peau #carnetM .chip,html.kraft body.kr-peau #carnetM .xpLine,
html.kraft body.kr-peau #carnetM .cnProfile,html.kraft body.kr-peau #carnetM .cnSection,html.kraft body.kr-peau #carnetM .cnAside{
  background:var(--kr-grain),rgba(251,243,222,.78)!important; color:var(--kr-encre)!important; border:1.5px solid rgba(44,30,22,.55)!important; border-radius:var(--kc-bord-pan)!important; box-shadow:none!important; }
html.kraft body.kr-peau .cnTabs button{ color:var(--kr-encre)!important; font-family:var(--kr-police-titre); }
html.kraft body.kr-peau .cnTabs button[aria-selected="true"]{ background:var(--kc-bois)!important; box-shadow:inset 0 0 0 2px var(--kr-encre)!important; }
html.kraft body.kr-peau .pickChip,html.kraft body.kr-peau .modal .chip{ background:var(--kc-clair)!important; color:var(--kr-encre)!important; border:1.5px solid var(--kr-encre)!important; box-shadow:0 2px 0 rgba(44,30,22,.3)!important; }
html.kraft body.kr-peau .modal .chip b{ color:var(--kr-cuir)!important; }
html.kraft body.kr-peau .sheet input:not([type=checkbox]):not([type=range]),html.kraft body.kr-peau .sheet select,html.kraft body.kr-peau .sheet textarea{
  background:var(--kc-clair)!important; color:var(--kr-encre)!important; border:2px solid var(--kr-encre)!important; border-radius:10px 6px 11px 7px / 6px 10px 7px 11px!important; box-shadow:inset 0 2px 4px rgba(44,30,22,.15)!important; }
html.kraft body.kr-peau input[type=checkbox],html.kraft body.kr-peau input[type=range]{ accent-color:var(--kr-lieu); }
/* touches : petits cubes de bois */
html.kraft body.kr-peau kbd{ font-family:var(--kr-police); color:var(--kr-encre); background:var(--kr-veines),linear-gradient(var(--kr-bois-clair),var(--kr-bois));
  border:1.5px solid var(--kr-encre); border-radius:5px 4px 6px 3px; box-shadow:0 2px 0 var(--kr-encre); }
/* ce que la passe de lisibilité repère comme panneau sombre : un feuillet clair */
html.kraft body.kr-peau .ciDk{ background:var(--kr-grain),rgba(251,243,222,.72)!important; border:1.5px solid rgba(44,30,22,.5)!important; color:var(--kr-encre)!important; }
/* les canevas des mini-jeux : un cadre d'encre (le contenu reste dessiné par le jeu) */
html.kraft body.kr-peau .modal canvas{ outline:2.5px solid var(--kr-encre); outline-offset:0; }
html.kraft body.kr-peau #veilBox .vlog{ background:var(--kr-grain),rgba(251,243,222,.7); color:var(--kr-encre); border:1.5px solid rgba(44,30,22,.5); }
html.kraft body.kr-peau .hari{ font-family:var(--kr-police-titre); color:var(--kr-cuir); }
/* le salon n'est jamais en jeu ; la fenêtre commune des Réglages est habillée par socle/ui-camp.css */

@media (prefers-reduced-motion:reduce){ html.kraft body.kr-peau *{ transition-duration:.01ms!important; } }

/* ---------- mêmes épaisseurs de bordure qu'en nuit (le trait d'encre est dessiné en anneau) ---------- */
html.kraft #filJauge,html.kraft #pauseBtn,html.kraft #hudSetBtn,html.kraft #waveTag.sign,html.kraft #toast,html.kraft .meters{ border-width:0!important; }
html.kraft #dispoBtn,html.kraft #dayFold{ border-width:1px!important; }