/* ============================================================================
   XERS-EDITORIAL — 4 mondes « editoriaux / calmes » (RS-1, nuit de build 2026-08-12)
   ----------------------------------------------------------------------------
   Un xer = un MONDE : tokens --xr-* + textures gradient + skin kions/boutons +
   skin fenetres (.jos-win/.plxm-bar) + disposition mobile (body[data-xer]).
   Mecanique unifiee (deleguee par window.jOSXer.apply) :
     - html[data-theme=<id>]                     -> tokens + skins + textures
     - html.uitier-mobile body[data-xer=<id>]    -> disposition mobile
   Contraintes DURES respectees :
     - polices SYSTEME uniquement (offline/CSP) : aucun @font-face / asset externe
     - textures 100% gradients CSS, overlays en body::after pointer-events:none
     - exclusion :not([class*="plus"]) conservee sur les selecteurs boutons
     - structures gatees html.uitier-mobile (mobile only)
     - jamais de nav retiree sans chemin de sortie visible (chaque monde garde
       #xshell ou le dock atteignable = la porte de sortie)
   Hooks reels du shell reskines (jamais casses) : #hm .hm-lgrid/.hm-lt/.hm-ic/
     .hm-nm/.hm-top/.hm-search, #xshell .xs__bar/.xs__orb, #plxm-bar/.plxm-bar,
     #jnav, .mobile-chill-dock, .desktop-dock, .jos-win/.jos-win__bar.
   Mondes : papyrus (e-ink liseuse), zen (minimal air), gazette (presse),
            brut (neo-brutalisme).
   ============================================================================ */


/* ##########################################################################
   1) PAPYRUS 📜 — e-ink lecture : liseuse calme, zero glow, zero animation,
      l'ecran devient du papier. scheme:light
      palette imposee : bg #f4efe4, accent #6a4a2a
   ########################################################################## */

html[data-theme="papyrus"]{
  --xr-bg:#f4efe4;
  --xr-surface:#fbf8f1;
  --xr-border:#d8cfbc;
  --xr-accent:#6a4a2a;
  --xr-accent2:#8b2f22;                 /* encre rouge de marginalia */
  --xr-text:#241f18;
  --xr-muted:#7a7263;
  --xr-glow:transparent;                /* e-ink : aucun glow, jamais */
  --xr-glow2:transparent;
  --xr-font:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
  --xr-font-mono:ui-monospace,"Courier New",Courier,monospace;
  --xr-font-ui:Georgia,"Iowan Old Style",Palatino,serif;
  --xr-radius:3px;
}
/* fond papier mat : grain tres leger en gradient, aucune saturation */
html[data-theme="papyrus"] body{
  background:
    radial-gradient(120% 90% at 15% 0%, #f7f2e8 0%, transparent 60%),
    radial-gradient(110% 90% at 100% 100%, #efe8d8 0%, transparent 58%),
    linear-gradient(180deg,#f4efe4,#efe9dc) fixed;
  color:var(--xr-text);
}
/* trame papier : fines lignes horizontales facon page lignee, tres discretes */
html[data-theme="papyrus"] body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;
  background:
    repeating-linear-gradient(0deg, rgba(120,105,80,.05) 0 1px, transparent 1px 26px),
    radial-gradient(60% 50% at 50% 0%, rgba(0,0,0,.03), transparent 70%);
}
/* boutons fantomes : texte souligne, jamais de couleur pleine, cibles hautes */
html[data-theme="papyrus"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:transparent!important;color:var(--xr-accent)!important;
  border:0!important;border-radius:3px!important;
  font-family:var(--xr-font-ui)!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:0!important;
  text-decoration:underline!important;text-underline-offset:3px!important;
  text-decoration-thickness:1px!important;
  padding:8px 10px!important;box-shadow:none!important;
  transition:background .001s!important;                 /* e-ink : pas d'anim douce */
}
html[data-theme="papyrus"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]):active{
  background:rgba(90,74,50,.09)!important;               /* fond gris 6-9% au press */
}
/* cartes / kions : pages blanches, filet 1px, coin quasi droit */
html[data-theme="papyrus"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile){
  background:var(--xr-surface)!important;border:1px solid var(--xr-border)!important;
  border-radius:3px!important;box-shadow:none!important;color:var(--xr-text)!important;
  max-width:62ch!important;                              /* colonne de lecture */
}
html[data-theme="papyrus"] :is(input,select,textarea){
  background:#fffdf7!important;border:1px solid var(--xr-border)!important;border-radius:2px!important;
  color:var(--xr-text)!important;font-family:var(--xr-font)!important;padding:8px 12px!important;
}
html[data-theme="papyrus"] :is(input,select,textarea):focus{
  outline:0!important;border-color:var(--xr-accent)!important;box-shadow:none!important;
}
/* FENETRES : pages blanches, filet 1px, barre = titre serif centre discret */
html[data-theme="papyrus"] :is(.jos-win,.modal-content){
  background:#fffdf7!important;border:1px solid var(--xr-border)!important;border-radius:3px!important;
  box-shadow:0 1px 0 rgba(0,0,0,.05)!important;overflow:hidden!important;
}
html[data-theme="papyrus"] :is(.jos-win__bar,.plxm-bar){
  background:#f6f1e6!important;color:var(--xr-text)!important;
  border-bottom:1px solid var(--xr-border)!important;
  font-family:var(--xr-font)!important;font-weight:600!important;
  text-align:center!important;letter-spacing:.3px!important;
}
/* disposition mobile : UNE colonne centrale 42ch, table des matieres numerotee */
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-lgrid,
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-ls{
  display:block!important;max-width:42ch!important;margin:0 auto!important;padding:8px 16px!important;
}
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-lt{
  display:flex!important;align-items:baseline!important;gap:12px!important;
  width:100%!important;aspect-ratio:auto!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  border-bottom:1px dotted var(--xr-border)!important;                 /* filet pointille */
  box-shadow:none!important;padding:14px 2px!important;text-align:left!important;
}
/* pseudo-numerotation de table des matieres */
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-lgrid{counter-reset:xr-toc!important}
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-lt::before{
  counter-increment:xr-toc!important;content:counter(xr-toc,decimal-leading-zero)!important;
  font-family:var(--xr-font)!important;color:var(--xr-muted)!important;font-size:.85rem!important;
  min-width:2.2em!important;
}
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-ic{font-size:1rem!important;opacity:.55!important}
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-nm{
  font-family:var(--xr-font)!important;font-weight:600!important;color:var(--xr-text)!important;font-size:1.02rem!important;
}
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-top{
  background:transparent!important;border-bottom:1px solid var(--xr-border)!important;
  max-width:42ch!important;margin:0 auto!important;
}
html.uitier-mobile body[data-xer="papyrus"] #hm .hm-search{
  background:#fffdf7!important;border:1px solid var(--xr-border)!important;border-radius:2px!important;
}
/* #xshell = coin de page corne, discret, en bas-droite (la porte de sortie visible) */
html.uitier-mobile body[data-xer="papyrus"] #xshell .xs__bar{
  background:#f2ecdf!important;border:1px solid var(--xr-border)!important;
  border-radius:3px 3px 3px 14px!important;box-shadow:none!important;
}
html.uitier-mobile body[data-xer="papyrus"] #xshell .xs__orb{
  background:#e7dfcc!important;border:1px solid var(--xr-border)!important;border-radius:2px 2px 2px 10px!important;
}
html.uitier-mobile body[data-xer="papyrus"] :is(#jnav,.mobile-chill-dock,.desktop-dock){
  background:#f6f1e6!important;border:1px solid var(--xr-border)!important;border-radius:3px!important;
  box-shadow:none!important;
}


/* ##########################################################################
   2) ZEN ⚪ — minimal une-colonne : presque rien a l'ecran, enormement d'air,
      liste texte espacee 48px, presque aucune barre (mais point d'acces visible).
      scheme:light. palette imposee : bg #fafafa, accent #2b2b2b
   ########################################################################## */

html[data-theme="zen"]{
  --xr-bg:#fafafa;
  --xr-surface:#ffffff;
  --xr-border:#ececec;
  --xr-accent:#2b2b2b;
  --xr-accent2:#4a5a6a;                 /* encre bleutee discrete */
  --xr-text:#2b2b2b;
  --xr-muted:#b5b1a8;
  --xr-glow:transparent;
  --xr-glow2:transparent;
  --xr-font:ui-sans-serif,-apple-system,"Helvetica Neue","Segoe UI",system-ui,sans-serif;
  --xr-font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --xr-font-ui:ui-sans-serif,-apple-system,"Segoe UI",system-ui,sans-serif;
  --xr-radius:6px;
}
/* fond quasi uni, un souffle de degrade pour ne pas etre plat */
html[data-theme="zen"] body{
  background:linear-gradient(180deg,#fdfdfd,#f7f7f6) fixed;color:var(--xr-text);
}
/* pas d'overlay texture : l'air est le sujet. Un halo unique tres faible. */
html[data-theme="zen"] body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background:radial-gradient(50% 40% at 50% 12%, rgba(0,0,0,.02), transparent 70%);
}
/* pas de boites : liens texte, poids fin */
html[data-theme="zen"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:transparent!important;color:var(--xr-text)!important;border:0!important;
  border-radius:0!important;font-weight:300!important;text-transform:none!important;letter-spacing:.3px!important;
  padding:10px 4px!important;box-shadow:none!important;
  border-bottom:1px solid transparent!important;
  transition:border-color .18s ease!important;
}
/* l'action primaire seule a un trait dessous ; press = le trait s'epaissit */
html[data-theme="zen"] :is(.cyber-button.primary,button[type="submit"],.btn-primary,.xb-btn.primary):not([class*="plus"]){
  border-bottom:1px solid var(--xr-accent)!important;
}
html[data-theme="zen"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]):active{
  border-bottom:2px solid var(--xr-accent)!important;
}
/* cartes / kions : blanc, filet imperceptible, beaucoup d'air interne */
html[data-theme="zen"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile){
  background:var(--xr-surface)!important;border:1px solid var(--xr-border)!important;
  border-radius:6px!important;box-shadow:none!important;color:var(--xr-text)!important;
}
html[data-theme="zen"] :is(input,select,textarea){
  background:transparent!important;border:0!important;border-bottom:1px solid var(--xr-border)!important;
  border-radius:0!important;color:var(--xr-text)!important;padding:10px 2px!important;font-weight:300!important;
}
html[data-theme="zen"] :is(input,select,textarea):focus{
  outline:0!important;border-bottom-color:var(--xr-accent)!important;box-shadow:none!important;
}
/* FENETRES : plein calme, filet fin, barre = titre seul */
html[data-theme="zen"] :is(.jos-win,.modal-content){
  background:var(--xr-surface)!important;border:1px solid var(--xr-border)!important;border-radius:8px!important;
  box-shadow:0 10px 40px rgba(0,0,0,.06)!important;overflow:hidden!important;
}
html[data-theme="zen"] :is(.jos-win__bar,.plxm-bar){
  background:transparent!important;color:var(--xr-text)!important;
  border-bottom:1px solid var(--xr-border)!important;font-weight:300!important;letter-spacing:.4px!important;
}
/* disposition mobile : une seule colonne centree, liste tres espacee (48px) */
html.uitier-mobile body[data-xer="zen"] #hm .hm-lgrid,
html.uitier-mobile body[data-xer="zen"] #hm .hm-ls{
  display:flex!important;flex-direction:column!important;gap:48px!important;         /* l'air demande */
  max-width:34ch!important;margin:0 auto!important;padding:56px 20px!important;
}
html.uitier-mobile body[data-xer="zen"] #hm .hm-lt{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;aspect-ratio:auto!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important;text-align:left!important;
}
html.uitier-mobile body[data-xer="zen"] #hm .hm-ic{
  font-size:.9rem!important;opacity:.35!important;margin-right:14px!important;
}
html.uitier-mobile body[data-xer="zen"] #hm .hm-nm{
  font-weight:300!important;font-size:1.15rem!important;letter-spacing:.4px!important;color:var(--xr-text)!important;
}
/* header reduit a rien : juste un souffle */
html.uitier-mobile body[data-xer="zen"] #hm .hm-top{
  background:transparent!important;border:0!important;min-height:0!important;
}
html.uitier-mobile body[data-xer="zen"] #hm .hm-search{
  background:transparent!important;border:0!important;border-bottom:1px solid var(--xr-border)!important;border-radius:0!important;
  max-width:34ch!important;margin:0 auto!important;
}
/* #xshell reduit a un POINT discret bas-centre = LE point d'acces visible (tap = tout revient) */
html.uitier-mobile body[data-xer="zen"] #xshell .xs__bar{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:6px!important;
}
html.uitier-mobile body[data-xer="zen"] #xshell .xs__orb{
  width:10px!important;height:10px!important;min-width:10px!important;min-height:10px!important;
  background:var(--xr-accent)!important;border:0!important;border-radius:50%!important;box-shadow:none!important;opacity:.7!important;
}
/* le dock reste atteignable mais s'efface : filet seul, jamais display:none */
html.uitier-mobile body[data-xer="zen"] :is(#jnav,.mobile-chill-dock,.desktop-dock){
  background:#ffffffcc!important;border:0!important;border-top:1px solid var(--xr-border)!important;border-radius:0!important;
  box-shadow:none!important;opacity:.55!important;
}
html.uitier-mobile body[data-xer="zen"] :is(#jnav,.mobile-chill-dock,.desktop-dock):hover{opacity:1!important}


/* ##########################################################################
   3) GAZETTE 📰 — presse/magazine : manchette serif geante, filets noirs,
      lettrines, chaque ecran est une une de journal. scheme:light
      palette imposee : bg #f7f4ee, accent #b00020
   ########################################################################## */

html[data-theme="gazette"]{
  --xr-bg:#f7f4ee;
  --xr-surface:#fdfbf6;
  --xr-border:#141414;                  /* filets noirs de journal */
  --xr-accent:#b00020;                  /* rouge journal */
  --xr-accent2:#141414;
  --xr-text:#111111;
  --xr-muted:#6e675c;
  --xr-glow:transparent;
  --xr-glow2:transparent;
  --xr-font:Georgia,"Times New Roman","PT Serif","Playfair Display",serif;
  --xr-font-mono:ui-monospace,"Courier New",Courier,monospace;
  --xr-font-ui:Georgia,"Times New Roman",serif;
  --xr-radius:0px;
}
/* papier journal legerement chaud */
html[data-theme="gazette"] body{
  background:
    radial-gradient(120% 80% at 50% 0%, #faf8f2 0%, transparent 55%),
    linear-gradient(180deg,#f7f4ee,#f1ede4) fixed;
  color:var(--xr-text);
}
/* trame d'impression tres fine (facon papier presse) */
html[data-theme="gazette"] body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.03) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.02) 0 1px, transparent 1px 3px);
}
/* boutons = capsules encadrees petites capitales 'LIRE →', press = negatif */
html[data-theme="gazette"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:var(--xr-surface)!important;color:var(--xr-text)!important;
  border:1px solid #141414!important;border-radius:0!important;
  font-family:var(--xr-font-ui)!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:1.5px!important;font-size:.78rem!important;
  padding:8px 14px!important;box-shadow:none!important;
  transition:background .12s ease,color .12s ease!important;
}
html[data-theme="gazette"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]):active{
  background:#111111!important;color:#f7f4ee!important;                 /* fond encre texte papier */
}
/* cartes = articles : filet noir, lettrine sur le premier paragraphe */
html[data-theme="gazette"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile){
  background:var(--xr-surface)!important;border:1px solid #141414!important;
  border-radius:0!important;box-shadow:4px 4px 0 rgba(20,20,20,.08)!important;color:var(--xr-text)!important;
}
html[data-theme="gazette"] :is(.koin,.ploxion,.wk-card,.service-card) p:first-of-type::first-letter{
  font-family:Georgia,serif!important;font-size:3.1em!important;font-weight:700!important;
  float:left!important;line-height:.82!important;padding:2px 8px 0 0!important;color:var(--xr-accent)!important;
}
html[data-theme="gazette"] :is(input,select,textarea){
  background:#fdfbf6!important;border:1px solid #141414!important;border-radius:0!important;
  color:var(--xr-text)!important;font-family:var(--xr-font)!important;padding:8px 12px!important;
}
html[data-theme="gazette"] :is(input,select,textarea):focus{
  outline:0!important;border-color:var(--xr-accent)!important;box-shadow:inset 0 0 0 1px var(--xr-accent)!important;
}
/* FENETRES = articles pleine page ; barre = bandeau titre serif + filet double */
html[data-theme="gazette"] :is(.jos-win,.modal-content){
  background:var(--xr-surface)!important;border:1px solid #141414!important;border-radius:0!important;
  box-shadow:6px 6px 0 rgba(20,20,20,.1)!important;overflow:hidden!important;
}
html[data-theme="gazette"] :is(.jos-win__bar,.plxm-bar){
  background:#f2ede2!important;color:#111111!important;
  border-bottom:3px double #141414!important;
  font-family:var(--xr-font)!important;font-weight:700!important;letter-spacing:.5px!important;
  text-transform:uppercase!important;font-size:.9rem!important;
}
/* disposition mobile : manchette + une 'une' (article principal + breves) */
html.uitier-mobile body[data-xer="gazette"] #hm .hm-top{
  background:transparent!important;
  border-top:4px solid #141414!important;border-bottom:1px solid #141414!important;
  text-align:center!important;padding:10px 12px 6px!important;
}
/* la manchette : nom du xer geant + tagline en petites capitales (date posee par le shell) */
html.uitier-mobile body[data-xer="gazette"] #hm .hm-top::before{
  content:"LA GAZETTE"!important;display:block!important;
  font-family:Georgia,serif!important;font-weight:700!important;font-size:2.1rem!important;
  letter-spacing:1px!important;line-height:1!important;color:#111111!important;
}
html.uitier-mobile body[data-xer="gazette"] #hm .hm-top::after{
  content:"— EDITION DU JOUR · TOUTES LES NOUVELLES DU XERBOXION —"!important;display:block!important;
  font-family:var(--xr-font-ui)!important;text-transform:uppercase!important;
  letter-spacing:2px!important;font-size:.58rem!important;color:var(--xr-muted)!important;
  margin-top:6px!important;border-top:1px solid #141414!important;padding-top:6px!important;
}
/* le lanceur = colonnes de breves separees par des filets 1px */
html.uitier-mobile body[data-xer="gazette"] #hm .hm-lgrid{
  grid-template-columns:1fr 1fr!important;gap:0!important;padding:0!important;
  border-top:1px solid #141414!important;
}
html.uitier-mobile body[data-xer="gazette"] #hm .hm-lt{
  aspect-ratio:auto!important;background:transparent!important;border:0!important;border-radius:0!important;
  border-right:1px solid #141414!important;border-bottom:1px solid #141414!important;
  box-shadow:none!important;padding:14px 12px!important;text-align:left!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;
}
/* la premiere tuile = l'article a la une : pleine largeur, gros titre */
html.uitier-mobile body[data-xer="gazette"] #hm .hm-lt:first-child{
  grid-column:1 / -1!important;padding:18px 14px!important;border-right:0!important;
}
html.uitier-mobile body[data-xer="gazette"] #hm .hm-lt:first-child .hm-nm{font-size:1.5rem!important;line-height:1.05!important}
html.uitier-mobile body[data-xer="gazette"] #hm .hm-ic{font-size:1.1rem!important;opacity:.6!important}
html.uitier-mobile body[data-xer="gazette"] #hm .hm-nm{
  font-family:var(--xr-font)!important;font-weight:700!important;color:#111111!important;font-size:1.02rem!important;
}
html.uitier-mobile body[data-xer="gazette"] #hm .hm-search{
  background:#fdfbf6!important;border:1px solid #141414!important;border-radius:0!important;
}
/* #xshell = bandeau 'SOMMAIRE' colle en bas (la porte de sortie, bien visible) */
html.uitier-mobile body[data-xer="gazette"] #xshell .xs__bar{
  background:#111111!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html.uitier-mobile body[data-xer="gazette"] #xshell .xs__orb{
  background:#f7f4ee!important;border:0!important;border-radius:0!important;color:#111!important;
}
html.uitier-mobile body[data-xer="gazette"] :is(#jnav,.mobile-chill-dock,.desktop-dock){
  background:#f2ede2!important;border:0!important;border-top:3px double #141414!important;border-radius:0!important;
  box-shadow:none!important;
}


/* ##########################################################################
   4) BRUT 🔨 — neo-brutalisme : blocs francs, ombres dures noires,
      cartes legerement tournees ±1deg, titres 800. scheme:light
      palette imposee : bg #fdf3d7, accent #ff5c00
   ########################################################################## */

html[data-theme="brut"]{
  --xr-bg:#fdf3d7;
  --xr-surface:#ffffff;
  --xr-border:#000000;                  /* bordures franches 3px */
  --xr-accent:#ff5c00;
  --xr-accent2:#ffe600;                 /* jaune franc */
  --xr-text:#000000;
  --xr-muted:#5a5442;
  --xr-glow:transparent;
  --xr-glow2:transparent;
  --xr-font:ui-sans-serif,"Arial Black","Helvetica Neue Bold",Impact,system-ui,sans-serif;
  --xr-font-mono:ui-monospace,"Courier New",Courier,monospace;
  --xr-font-ui:ui-sans-serif,"Arial Black",Impact,system-ui,sans-serif;
  --xr-radius:0px;
}
/* fond crayon jaune-creme, aplat franc */
html[data-theme="brut"] body{
  background:
    linear-gradient(180deg,#fef6df,#fdf3d7) fixed;
  color:var(--xr-text);
}
/* trame : gros points francs facon papier a dessin, non-cliquables */
html[data-theme="brut"] body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.14;
  background:radial-gradient(circle at 50% 50%, #000 0 1.5px, transparent 2px);
  background-size:28px 28px;
}
/* boutons brutaux : bordure noire 3px + ombre dure offset ; press = ca s'enfonce */
html[data-theme="brut"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:var(--xr-accent2)!important;color:#000!important;
  border:3px solid #000!important;border-radius:0!important;
  font-family:var(--xr-font-ui)!important;font-weight:800!important;
  text-transform:uppercase!important;letter-spacing:.5px!important;
  box-shadow:4px 4px 0 #000!important;padding:10px 16px!important;
  transition:transform .06s ease, box-shadow .06s ease!important;
}
html[data-theme="brut"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]):active{
  transform:translate(4px,4px)!important;box-shadow:0 0 0 #000!important;   /* le bouton s'enfonce vraiment */
}
/* cartes = blocs francs legerement tournes ±1deg, ombre dure */
html[data-theme="brut"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile){
  background:var(--xr-surface)!important;border:3px solid #000!important;
  border-radius:0!important;box-shadow:6px 6px 0 #000!important;color:#000!important;
}
html[data-theme="brut"] :is(.koin,.wk-card,.service-card,.plx-tile,.app-tile):nth-child(odd){transform:rotate(-1deg)!important}
html[data-theme="brut"] :is(.koin,.wk-card,.service-card,.plx-tile,.app-tile):nth-child(even){transform:rotate(1deg)!important}
html[data-theme="brut"] :is(input,select,textarea){
  background:#fff!important;border:3px solid #000!important;border-radius:0!important;
  color:#000!important;font-weight:600!important;padding:9px 12px!important;box-shadow:inset 2px 2px 0 rgba(0,0,0,.12)!important;
}
html[data-theme="brut"] :is(input,select,textarea):focus{
  outline:0!important;box-shadow:4px 4px 0 var(--xr-accent)!important;border-color:#000!important;
}
/* FENETRES : decalees, ombre 6px 6px 0 #000 ; barre = bandeau noir texte jaune */
html[data-theme="brut"] :is(.jos-win,.modal-content){
  background:var(--xr-surface)!important;border:3px solid #000!important;border-radius:0!important;
  box-shadow:8px 8px 0 #000!important;overflow:hidden!important;
}
html[data-theme="brut"] :is(.jos-win__bar,.plxm-bar){
  background:#000!important;color:var(--xr-accent2)!important;
  border-bottom:3px solid #000!important;
  font-family:var(--xr-font-ui)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;
}
/* disposition mobile : cartes empilees pleine largeur, tournees en alternance */
html.uitier-mobile body[data-xer="brut"] #hm .hm-lgrid,
html.uitier-mobile body[data-xer="brut"] #hm .hm-ls{
  display:flex!important;flex-direction:column!important;gap:20px!important;padding:18px 16px!important;
}
html.uitier-mobile body[data-xer="brut"] #hm .hm-lt{
  width:100%!important;aspect-ratio:auto!important;
  display:flex!important;align-items:center!important;gap:14px!important;
  background:#fff!important;border:3px solid #000!important;border-radius:0!important;
  box-shadow:6px 6px 0 #000!important;padding:16px 18px!important;text-align:left!important;
}
html.uitier-mobile body[data-xer="brut"] #hm .hm-lt:nth-child(odd){transform:rotate(-1deg)!important}
html.uitier-mobile body[data-xer="brut"] #hm .hm-lt:nth-child(even){transform:rotate(1deg)!important;background:var(--xr-accent2)!important}
html.uitier-mobile body[data-xer="brut"] #hm .hm-ic{font-size:1.9rem!important}
html.uitier-mobile body[data-xer="brut"] #hm .hm-nm{
  font-family:var(--xr-font-ui)!important;font-weight:800!important;text-transform:uppercase!important;
  font-size:1.25rem!important;letter-spacing:.5px!important;color:#000!important;line-height:1!important;
}
html.uitier-mobile body[data-xer="brut"] #hm .hm-top{
  background:#000!important;border:0!important;color:var(--xr-accent2)!important;
}
html.uitier-mobile body[data-xer="brut"] #hm .hm-search{
  background:#fff!important;border:3px solid #000!important;border-radius:0!important;box-shadow:4px 4px 0 #000!important;
}
/* #xshell = gros bouton rectangulaire jaune 'MENU' (porte de sortie hyper-visible) */
html.uitier-mobile body[data-xer="brut"] #xshell .xs__bar{
  background:var(--xr-accent2)!important;border:3px solid #000!important;border-radius:0!important;
  box-shadow:4px 4px 0 #000!important;
}
html.uitier-mobile body[data-xer="brut"] #xshell .xs__orb{
  background:var(--xr-accent)!important;border:3px solid #000!important;border-radius:0!important;
}
html.uitier-mobile body[data-xer="brut"] :is(#jnav,.mobile-chill-dock,.desktop-dock){
  background:#fff!important;border:0!important;border-top:3px solid #000!important;border-radius:0!important;
  box-shadow:0 -4px 0 rgba(0,0,0,.1)!important;
}

/* ===== fin xers-editorial.css ===== */