/* splash.css */
/* v4 — splash interactif (clics réactivés) */

:root {
  --bg:#0b0b0f;
  --fg:#eaeaf0;
  --accent:#6cf;
}

html,body { height:100%; }
body.lb-splash-lock { overflow:hidden; }

/* --- Splash --- */
#lbSplash {
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(
    1200px 800px at 70% -10%,
    #182032 0%,
    #0b0b0f 60%
  );
  color:var(--fg);
  text-align:center;
  transition: opacity .35s ease, visibility .35s ease;
  pointer-events:auto;              /* ⬅ réactivation clics */
}

#lbSplashInner {
  display:flex;
  flex-direction:column;
  gap:28px;
  align-items:center;
  padding:32px 24px;
}

/* --- Brand --- */
#lbBrand {
  font:700 clamp(28px,4vw,48px)
       system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing:.1em;
}

/* --- Sous-titre --- */
#lbSub {
  opacity:.75;
  font:500 clamp(14px,2vw,18px)
       system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* --- PIN gate --- */
.lb-pin-gate {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:12px 16px;
  border-radius:12px;
  background:rgba(255,255,255,0.08);
}
.lb-pin-gate[hidden] {
  display:none !important;
}
.lb-pin-label {
  font:600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  opacity:.9;
}
.lb-pin-row {
  display:flex;
  gap:8px;
  align-items:center;
}
.lb-pin-input {
  width:140px;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.25);
  background:#0e0f14;
  color:var(--fg);
  font:600 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-text-security: disc;
}
.lb-pin-hint {
  opacity:.65;
  font-size:12px;
}

/* --- Bouton Start (désormais cliquable) --- */
#lbStart {
  padding:14px 22px;
  border-radius:14px;
  border:0;
  font:700 16px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--accent);
  color:#06121a;
  cursor:pointer;
  box-shadow:
    0 8px 24px rgba(0,0,0,.25),
    inset 0 -2px 0 rgba(0,0,0,.15);
  transition: transform .05s ease;
  pointer-events:auto;             /* ⬅ IMPORTANT : bouton actif */
}

#lbStart:active {
  transform: translateY(1px);
}

/* --- Petit hint --- */
#lbHint {
  opacity:.6;
  font-size:13px;
}

/* --- Masquage --- */
#lbSplash.lb-hide {
  opacity:0;
  visibility:hidden;
}
/* Compat: d'anciennes pages peuvent encore contenir #lbMsg */
#lbMsg { display:none !important; }