/* ============================================================================
   XERS RÉTRO/TECH — xers-retro.css   (RS-1, nuit de build 2026-08-12)
   ----------------------------------------------------------------------------
   4 MONDES complets, self-contained, offline (polices SYSTÈME, textures en
   gradients CSS, zéro asset externe, aucune sous-chaîne script fermante).
   Mécanique unifiée (rien de nouveau côté persistance) :
     • html[data-theme="<id>"]            → TOKENS --xr-* + fond/texture + overlay
     • html[data-theme="<id>"] :is(...)   → SKINS kions / boutons / inputs / FENÊTRES
     • html.uitier-mobile body[data-xer="<id>"] → STRUCTURE (dispo mobile, reskin des hooks)
   Hooks réels reskinnés (jamais retirés) : #hm .hm-lgrid/.hm-lt/.hm-ic/.hm-nm,
     #xshell .xs__bar/.xs__grid/.xs__p, #plxm-bar/.plxm-bar/.plxm-title/.plxm-tabs,
     .jos-win/.jos-win__bar/.jos-win__title. Chaque xer garde un chemin de sortie.
   Contrainte gardée : exclusion :not([class*="plus"]) sur les sélecteurs boutons.
   Ids : terminal 💻 · gameboy 🎮 · cockpit 🛩️ · vaporhall 🌴
   ============================================================================ */

@keyframes xrRetroBlink { 0%,49%{opacity:1} 50%,100%{opacity:0} }
@keyframes xrRetroFlicker { 0%,100%{opacity:.5} 50%{opacity:.42} }
@keyframes xrRetroSweep { 0%{background-position:0 -100%} 100%{background-position:0 200%} }

/* ============================================================================
   1) TERMINAL 💻 — hacker CRT. Tout l'OS est un shell texte, curseur clignotant,
      liste mono `> ploxion`, scanlines. bg #080d08 / accent #00ff66.
   ============================================================================ */
html[data-theme="terminal"]{
  --xr-bg:#080d08; --xr-surface:#0a140a; --xr-border:rgba(0,255,102,.28);
  --xr-accent:#00ff66; --xr-accent2:#ffb000; --xr-text:#00ff66; --xr-muted:#0a8f3c;
  --xr-glow:rgba(0,255,102,.35); --xr-glow2:rgba(255,176,0,.20);
  --xr-font:"Share Tech Mono",ui-monospace,"Cascadia Code",Menlo,monospace;
  --xr-font-mono:"Share Tech Mono",ui-monospace,Menlo,monospace;
  --xr-font-ui:"Share Tech Mono",ui-monospace,Menlo,monospace;
  --xr-radius:0px;
}
html[data-theme="terminal"] body{
  background:
    radial-gradient(120% 90% at 50% 0%, #0c160c 0%, #080d08 60%, #050805 100%) fixed;
  text-shadow:0 0 3px rgba(0,255,102,.35);
}
/* scanlines + léger flicker phosphore, non bloquant */
html[data-theme="terminal"] body::after{
  content:""; position:fixed; inset:0; z-index:9999; pointer-events:none;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.22) 0 1px, transparent 1px 3px);
  mix-blend-mode:multiply; animation:xrRetroFlicker 4s steps(2) infinite;
}
/* SKINS — boutons en crochets, vidéo inverse au press */
html[data-theme="terminal"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:transparent!important; color:#00ff66!important; border:1px solid rgba(0,255,102,.5)!important;
  border-radius:0!important; text-transform:uppercase!important; letter-spacing:.06em!important;
  font-family:"Share Tech Mono",ui-monospace,monospace!important; box-shadow:none!important; padding:7px 14px!important;
}
html[data-theme="terminal"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"])::before{ content:"[ "; opacity:.7 }
html[data-theme="terminal"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"])::after{ content:" ]"; opacity:.7 }
html[data-theme="terminal"] :is(.cyber-button:active,button:active,.btn:active):not([class*="plus"]){
  background:#00ff66!important; color:#020602!important; text-shadow:none!important;
}
html[data-theme="terminal"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile,.cyberpunk-main){
  background:#0a140a!important; border:1px solid rgba(0,255,102,.3)!important; border-radius:0!important;
  box-shadow:inset 0 0 0 1px rgba(0,255,102,.08), 0 0 12px rgba(0,255,102,.10)!important;
}
html[data-theme="terminal"] :is(input,select,textarea){
  background:transparent!important; color:#8dffb0!important; border:0!important;
  border-bottom:1px solid rgba(0,255,102,.5)!important; border-radius:0!important;
  font-family:"Share Tech Mono",ui-monospace,monospace!important; caret-color:#00ff66;
}
/* FENÊTRES — panes ASCII 1px, barre = ligne de statut mono */
html[data-theme="terminal"] :is(.jos-win,.plxm-bar,#plxm-bar){
  background:#050805!important; border:1px solid rgba(0,255,102,.45)!important; border-radius:0!important;
  box-shadow:0 0 18px rgba(0,255,102,.12)!important;
}
html[data-theme="terminal"] :is(.jos-win__bar,.jos-win__title,.plxm-title){
  background:transparent!important; color:#00ff66!important; text-transform:uppercase!important;
  letter-spacing:.08em!important; font-family:"Share Tech Mono",ui-monospace,monospace!important;
  border-bottom:1px solid rgba(0,255,102,.28)!important;
}
html[data-theme="terminal"] .jos-win__title::before{ content:"~/ "; color:#0a8f3c }
/* STRUCTURE mobile — lanceur = liste mono `> nom`, xshell = ligne de statut basse */
html.uitier-mobile body[data-xer="terminal"] #hm .hm-lgrid{ grid-template-columns:1fr!important; gap:2px!important }
html.uitier-mobile body[data-xer="terminal"] #hm .hm-lt{
  flex-direction:row!important; align-items:center!important; justify-content:flex-start!important;
  gap:10px!important; text-align:left!important; padding:9px 12px!important;
  background:transparent!important; border:0!important; border-bottom:1px solid rgba(0,255,102,.14)!important; border-radius:0!important;
}
html.uitier-mobile body[data-xer="terminal"] #hm .hm-lt::before{
  content:">"; color:#00ff66; font-family:"Share Tech Mono",ui-monospace,monospace; opacity:.85;
}
html.uitier-mobile body[data-xer="terminal"] #hm .hm-lt .hm-ic{ font-size:1rem!important }
html.uitier-mobile body[data-xer="terminal"] #hm .hm-lt .hm-nm{
  font-size:.9rem!important; text-align:left!important; text-transform:lowercase!important; font-weight:400!important;
}
html.uitier-mobile body[data-xer="terminal"] #hm .hm-lgrid::after{
  content:"_"; display:block; color:#00ff66; font-family:"Share Tech Mono",ui-monospace,monospace;
  padding:6px 12px; animation:xrRetroBlink 1s steps(1) infinite;
}
html.uitier-mobile body[data-xer="terminal"] #hm :is(.hm-top,.hm-search){
  border-radius:0!important; border:1px solid rgba(0,255,102,.3)!important; background:#0a140a!important;
}
html.uitier-mobile body[data-xer="terminal"] #xshell .xs__bar{
  border-radius:0!important; background:#020602!important; border:1px solid rgba(0,255,102,.4)!important;
  font-family:"Share Tech Mono",ui-monospace,monospace!important; box-shadow:0 0 14px rgba(0,255,102,.12)!important;
}
html.uitier-mobile body[data-xer="terminal"] #xshell .xs__p{ color:#00ff66!important; text-shadow:0 0 4px rgba(0,255,102,.4) }
html.uitier-mobile body[data-xer="terminal"] #xshell .xs__bar::after{
  content:"_"; color:#00ff66; animation:xrRetroBlink 1s steps(1) infinite; align-self:center; padding-right:6px;
}

/* ============================================================================
   2) GAMEBOY 🎮 — DMG-01, 4 verts, pixels durs, curseur triangle, aucune
      transition (steps(1)). bg #9bbc0f / accent #0f380f.
   ============================================================================ */
html[data-theme="gameboy"]{
  --xr-bg:#9bbc0f; --xr-surface:#8bac0f; --xr-border:#0f380f;
  --xr-accent:#0f380f; --xr-accent2:#306230; --xr-text:#0f380f; --xr-muted:#306230;
  --xr-glow:transparent; --xr-glow2:transparent;
  --xr-font:ui-monospace,"Courier New",Menlo,monospace;
  --xr-font-mono:ui-monospace,"Courier New",Menlo,monospace;
  --xr-font-ui:ui-monospace,"Courier New",Menlo,monospace;
  --xr-radius:0px;
}
html[data-theme="gameboy"] body{
  background:#9bbc0f fixed;
  image-rendering:pixelated; -webkit-font-smoothing:none; font-smooth:never;
}
/* vignette d'écran DMG + grille de pixels très fine */
html[data-theme="gameboy"] body::after{
  content:""; position:fixed; inset:0; z-index:9999; pointer-events:none;
  background:
    repeating-linear-gradient(0deg, rgba(15,56,15,.05) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(90deg, rgba(15,56,15,.05) 0 2px, transparent 2px 4px),
    radial-gradient(130% 120% at 50% 50%, transparent 55%, rgba(15,56,15,.30) 100%);
}
html[data-theme="gameboy"] *{ transition-duration:0s!important; transition-timing-function:steps(1)!important; animation-timing-function:steps(1)!important }
/* SKINS — rectangles pixel, inversion des deux verts au press */
html[data-theme="gameboy"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:#8bac0f!important; color:#0f380f!important; border:2px solid #0f380f!important; border-radius:0!important;
  text-transform:uppercase!important; font-family:ui-monospace,"Courier New",monospace!important; font-weight:700!important;
  box-shadow:2px 2px 0 #0f380f!important; padding:7px 14px!important;
}
html[data-theme="gameboy"] :is(.cyber-button:active,button:active,.btn:active):not([class*="plus"]){
  background:#0f380f!important; color:#9bbc0f!important; box-shadow:none!important; transform:translate(2px,2px)!important;
}
html[data-theme="gameboy"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile,.cyberpunk-main){
  background:#8bac0f!important; color:#0f380f!important; border:2px solid #0f380f!important; border-radius:0!important; box-shadow:none!important;
}
html[data-theme="gameboy"] :is(input,select,textarea){
  background:#9bbc0f!important; color:#0f380f!important; border:2px solid #0f380f!important; border-radius:0!important;
  font-family:ui-monospace,"Courier New",monospace!important;
}
/* FENÊTRES — écrans pleins, barre de titre pixel inversée */
html[data-theme="gameboy"] :is(.jos-win,.plxm-bar,#plxm-bar){
  background:#9bbc0f!important; border:2px solid #0f380f!important; border-radius:0!important; box-shadow:2px 2px 0 #0f380f!important;
}
html[data-theme="gameboy"] :is(.jos-win__bar,.plxm-title){
  background:#0f380f!important; color:#9bbc0f!important; border-radius:0!important; border-bottom:0!important;
  text-transform:uppercase!important; font-family:ui-monospace,"Courier New",monospace!important; letter-spacing:.04em!important;
}
html[data-theme="gameboy"] .jos-win__title{ color:#9bbc0f!important }
/* STRUCTURE mobile — menu 'cartouches' liste + curseur triangle, xshell = façade console */
html.uitier-mobile body[data-xer="gameboy"] #hm .hm-lgrid{ grid-template-columns:1fr!important; gap:6px!important }
html.uitier-mobile body[data-xer="gameboy"] #hm .hm-lt{
  flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important;
  text-align:left!important; padding:10px 12px!important; background:#8bac0f!important; color:#0f380f!important;
  border:2px solid #0f380f!important; border-radius:0!important;
}
html.uitier-mobile body[data-xer="gameboy"] #hm .hm-lt::before{
  content:"\25B6"; color:#0f380f; font-size:.8rem; opacity:0;
}
html.uitier-mobile body[data-xer="gameboy"] #hm .hm-lt:active::before{ opacity:1 }
html.uitier-mobile body[data-xer="gameboy"] #hm .hm-lt .hm-nm{
  font-size:.82rem!important; text-align:left!important; text-transform:uppercase!important; font-weight:700!important;
}
html.uitier-mobile body[data-xer="gameboy"] #hm :is(.hm-top,.hm-search){
  border-radius:0!important; border:2px solid #0f380f!important; background:#8bac0f!important; color:#0f380f!important;
}
html.uitier-mobile body[data-xer="gameboy"] #xshell .xs__bar{
  border-radius:0!important; background:#8bac0f!important; border:2px solid #0f380f!important; box-shadow:2px 2px 0 #0f380f!important;
}
/* touches de la pilule stylées en boutons A/B ronds foncés (le chemin de sortie reste visible) */
html.uitier-mobile body[data-xer="gameboy"] #xshell .xs__p{
  color:#9bbc0f!important; background:#0f380f!important; border-radius:50%!important; width:30px; height:30px;
  display:inline-flex; align-items:center; justify-content:center; font-weight:700!important;
}

/* ============================================================================
   3) COCKPIT 🛩️ — HUD de vol, coins coupés (clip-path), télémétrie mono,
      modules d'avionique. bg #05141a / accent #00e5ff.
   ============================================================================ */
html[data-theme="cockpit"]{
  --xr-bg:#05141a; --xr-surface:#0a1a24; --xr-border:rgba(0,229,255,.30);
  --xr-accent:#00e5ff; --xr-accent2:#ff9f1c; --xr-text:#d7e3f4; --xr-muted:#5f7f8c;
  --xr-glow:rgba(0,229,255,.30); --xr-glow2:rgba(255,159,28,.22);
  --xr-font:"Rajdhani","Roboto Condensed","Oswald",system-ui,sans-serif;
  --xr-font-mono:ui-monospace,"Cascadia Code",Menlo,monospace;
  --xr-font-ui:"Rajdhani","Roboto Condensed",system-ui,sans-serif;
  --xr-radius:2px;
}
html[data-theme="cockpit"] body{
  background:
    radial-gradient(120% 90% at 50% -10%, #0b2530 0%, #05141a 65%, #030c11 100%) fixed;
}
/* grille HUD + réticule central, non bloquant */
html[data-theme="cockpit"] body::after{
  content:""; position:fixed; inset:0; z-index:9998; pointer-events:none; opacity:.5;
  background:
    linear-gradient(rgba(0,229,255,.05) 1px, transparent 1px) 0 0 / 100% 40px,
    linear-gradient(90deg, rgba(0,229,255,.05) 1px, transparent 1px) 0 0 / 40px 100%,
    radial-gradient(circle at 50% 50%, transparent 46px, rgba(0,229,255,.10) 47px, transparent 48px);
}
/* SKINS — boutons à coins coupés, bord lumineux, flash ambre au press */
html[data-theme="cockpit"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:rgba(0,229,255,.06)!important; color:#00e5ff!important; border:1px solid rgba(0,229,255,.55)!important;
  border-radius:0!important; clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important;
  text-transform:uppercase!important; letter-spacing:.1em!important; font-family:"Rajdhani","Roboto Condensed",sans-serif!important;
  font-weight:600!important; padding:7px 16px!important; box-shadow:0 0 10px rgba(0,229,255,.15)!important;
}
html[data-theme="cockpit"] :is(.cyber-button:active,button:active,.btn:active):not([class*="plus"]){
  background:rgba(255,159,28,.18)!important; color:#ff9f1c!important; border-color:#ff9f1c!important; box-shadow:0 0 14px rgba(255,159,28,.4)!important;
}
html[data-theme="cockpit"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile,.cyberpunk-main){
  background:linear-gradient(180deg,#0a1a24,#071620)!important; border:1px solid rgba(0,229,255,.3)!important; border-radius:0!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
  box-shadow:inset 0 0 20px rgba(0,229,255,.06)!important;
}
html[data-theme="cockpit"] :is(input,select,textarea){
  background:rgba(0,20,26,.8)!important; color:#d7e3f4!important; border:1px solid rgba(0,229,255,.4)!important; border-radius:0!important;
  font-family:ui-monospace,monospace!important;
}
/* FENÊTRES — modules d'avionique, barre = télémétrie mono */
html[data-theme="cockpit"] :is(.jos-win,.plxm-bar,#plxm-bar){
  background:linear-gradient(180deg,#0a1a24,#05141a)!important; border:1px solid rgba(0,229,255,.4)!important; border-radius:0!important;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
  box-shadow:0 0 22px rgba(0,229,255,.14)!important;
}
html[data-theme="cockpit"] :is(.jos-win__bar,.plxm-title){
  background:rgba(0,229,255,.07)!important; color:#00e5ff!important; text-transform:uppercase!important; letter-spacing:.12em!important;
  font-family:ui-monospace,monospace!important; border-bottom:1px solid rgba(0,229,255,.3)!important;
}
html[data-theme="cockpit"] .jos-win__title::before{ content:"\25C8 "; color:#ff9f1c }
/* STRUCTURE mobile — grille de modules à coins coupés + LED, barre télémétrie haute, console basse */
html.uitier-mobile body[data-xer="cockpit"] #hm .hm-lgrid{ grid-template-columns:repeat(2,1fr)!important; gap:10px!important }
html.uitier-mobile body[data-xer="cockpit"] #hm .hm-lt{
  background:linear-gradient(180deg,#0a1a24,#071620)!important; border:1px solid rgba(0,229,255,.35)!important; border-radius:0!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
  position:relative!important; padding:14px 10px!important;
}
html.uitier-mobile body[data-xer="cockpit"] #hm .hm-lt::after{
  content:""; position:absolute; top:6px; right:8px; width:6px; height:6px; border-radius:50%;
  background:#ff9f1c; box-shadow:0 0 8px #ff9f1c;
}
html.uitier-mobile body[data-xer="cockpit"] #hm .hm-lt .hm-nm{
  text-transform:uppercase!important; letter-spacing:.06em!important; font-size:.72rem!important; font-weight:600!important;
}
html.uitier-mobile body[data-xer="cockpit"] #hm .hm-top::before{
  content:"NAV \2022 SYS OK \2022 ALT ---"; display:block; font-family:ui-monospace,monospace; font-size:10px;
  color:rgba(0,229,255,.7); letter-spacing:.12em; padding:4px 8px; border-bottom:1px solid rgba(0,229,255,.2);
}
html.uitier-mobile body[data-xer="cockpit"] #hm :is(.hm-top,.hm-search){
  border-radius:0!important; border:1px solid rgba(0,229,255,.3)!important; background:rgba(10,26,36,.7)!important;
}
html.uitier-mobile body[data-xer="cockpit"] #xshell .xs__bar{
  border-radius:0!important; background:linear-gradient(180deg,#0a1a24,#05141a)!important;
  border:1px solid rgba(0,229,255,.45)!important;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
  box-shadow:0 0 16px rgba(0,229,255,.16)!important;
}
html.uitier-mobile body[data-xer="cockpit"] #xshell .xs__p{
  color:#00e5ff!important; border:1px solid rgba(0,229,255,.4)!important; border-radius:0!important; margin:0 2px; padding:4px 8px;
  text-shadow:0 0 6px rgba(0,229,255,.4);
}

/* ============================================================================
   4) VAPORHALL 🌴 — vaporwave total : soleil rayé CSS, grille perspective au
      sol, chrome rose. bg #1a0b2e / accent #ff6ad5.
   ============================================================================ */
html[data-theme="vaporhall"]{
  --xr-bg:#1a0b2e; --xr-surface:rgba(42,18,74,.72); --xr-border:rgba(255,106,213,.40);
  --xr-accent:#ff6ad5; --xr-accent2:#05ffa1; --xr-text:#fdeaff; --xr-muted:rgba(200,150,235,.62);
  --xr-glow:rgba(255,106,213,.32); --xr-glow2:rgba(5,255,161,.22);
  --xr-font:"Orbitron","Avenir Next",system-ui,sans-serif;
  --xr-font-mono:"Share Tech Mono",ui-monospace,monospace;
  --xr-font-ui:"Orbitron",system-ui,sans-serif;
  --xr-radius:14px;
}
/* fond : ciel violet→rose + SOLEIL rayé (radial rose coupé de bandes horizontales) */
html[data-theme="vaporhall"] body{
  background:
    radial-gradient(closest-side circle at 50% 30%,
      #ffb86b 0%, #ff8ad0 40%, #ff6ad5 60%, transparent 61%) 0 0 / 320px 320px no-repeat,
    repeating-linear-gradient(0deg, transparent 0 14px, rgba(26,11,46,.9) 14px 20px) 50% 8% / 320px 200px no-repeat,
    linear-gradient(180deg, #2a0b45 0%, #1a0b2e 55%, #3d1a5b 100%);
  background-attachment:fixed;
}
/* sol en grille perspective, non bloquant */
html[data-theme="vaporhall"] body::after{
  content:""; position:fixed; left:0; right:0; bottom:0; height:42vh; z-index:9998; pointer-events:none;
  background:
    repeating-linear-gradient(90deg, rgba(255,106,213,.5) 0 1px, transparent 1px 40px),
    repeating-linear-gradient(0deg, rgba(255,106,213,.5) 0 1px, transparent 1px 40px);
  transform:perspective(220px) rotateX(62deg); transform-origin:bottom; opacity:.6;
}
/* SKINS — pilules chrome/néon rose, glow fort au press */
html[data-theme="vaporhall"] :is(.cyber-button,button,.btn,.xb-btn):not([class*="plus"]){
  background:linear-gradient(180deg,#ff8ad0,#ff4fc0)!important; color:#1a0b2e!important; border:1px solid rgba(255,106,213,.7)!important;
  border-radius:999px!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-weight:700!important;
  padding:8px 18px!important; box-shadow:0 0 16px rgba(255,106,213,.45)!important;
}
html[data-theme="vaporhall"] :is(.cyber-button:active,button:active,.btn:active):not([class*="plus"]){
  box-shadow:0 0 26px rgba(255,106,213,.8), 0 0 40px rgba(5,255,161,.3)!important; filter:brightness(1.1)!important;
}
html[data-theme="vaporhall"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile,.cyberpunk-main){
  background:rgba(42,18,74,.72)!important; border:1px solid rgba(255,106,213,.4)!important; border-radius:16px!important;
  box-shadow:0 0 22px rgba(255,106,213,.2), inset 0 0 20px rgba(5,255,161,.05)!important; backdrop-filter:blur(6px)!important;
}
html[data-theme="vaporhall"] :is(input,select,textarea){
  background:rgba(26,11,46,.6)!important; color:#05ffa1!important; border:1px solid rgba(255,106,213,.5)!important; border-radius:12px!important;
}
/* FENÊTRES — cadres néon roses, halo, barre chrome */
html[data-theme="vaporhall"] :is(.jos-win,.plxm-bar,#plxm-bar){
  background:rgba(42,18,74,.82)!important; border:1px solid rgba(255,106,213,.6)!important; border-radius:18px!important;
  box-shadow:0 0 30px rgba(255,106,213,.35), inset 0 0 24px rgba(5,255,161,.06)!important; backdrop-filter:blur(8px)!important;
}
html[data-theme="vaporhall"] :is(.jos-win__bar,.plxm-title){
  background:linear-gradient(180deg, rgba(255,106,213,.28), rgba(255,106,213,.08))!important; color:#05ffa1!important;
  text-shadow:0 0 8px rgba(255,106,213,.6)!important; text-transform:uppercase!important; letter-spacing:.1em!important;
  border-bottom:1px solid rgba(255,106,213,.4)!important;
}
/* STRUCTURE mobile — tuiles chrome flottantes au-dessus de la grille, xshell = barre lecteur cassette */
html.uitier-mobile body[data-xer="vaporhall"] #hm .hm-lgrid{ grid-template-columns:repeat(2,1fr)!important; gap:14px!important }
html.uitier-mobile body[data-xer="vaporhall"] #hm .hm-lt{
  background:linear-gradient(160deg, rgba(255,138,208,.22), rgba(42,18,74,.7))!important;
  border:1px solid rgba(255,106,213,.5)!important; border-radius:16px!important; padding:16px 10px!important;
  box-shadow:0 8px 26px rgba(255,106,213,.28)!important; backdrop-filter:blur(6px)!important;
}
html.uitier-mobile body[data-xer="vaporhall"] #hm .hm-lt .hm-nm{
  text-transform:uppercase!important; letter-spacing:.05em!important; color:#fdeaff!important; text-shadow:0 0 8px rgba(255,106,213,.5)!important;
}
html.uitier-mobile body[data-xer="vaporhall"] #hm :is(.hm-top,.hm-search){
  border-radius:14px!important; border:1px solid rgba(255,106,213,.4)!important; background:rgba(42,18,74,.6)!important;
}
html.uitier-mobile body[data-xer="vaporhall"] #xshell .xs__bar{
  border-radius:14px!important; background:linear-gradient(180deg, rgba(60,26,91,.85), rgba(26,11,46,.9))!important;
  border:1px solid rgba(255,106,213,.55)!important; box-shadow:0 0 20px rgba(255,106,213,.3)!important;
}
html.uitier-mobile body[data-xer="vaporhall"] #xshell .xs__p{
  color:#05ffa1!important; text-shadow:0 0 8px rgba(255,106,213,.6)!important;
}
html.uitier-mobile body[data-xer="vaporhall"] #xshell .xs__bar::before{
  content:"\23EA \23F5 \23E9"; color:#ff6ad5; font-size:.7rem; align-self:center; padding:0 6px; letter-spacing:.1em; opacity:.8;
}

/* ============================================================================
   FIN xers-retro.css — 4 mondes : terminal · gameboy · cockpit · vaporhall
   ============================================================================ */