/* Liseuse habillée au style RetroPhit (27/09/2026) — surcharge de bd.css, chargée après lui.
   La planche elle-même reste nette : pas de lignes de balayage ni d'effet par-dessus. */
body.liseuse{background:
 radial-gradient(1px 1px at 8% 12%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 33% 64%,rgba(255,255,255,.25),transparent),
 radial-gradient(1px 1px at 71% 28%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.25),transparent),
 linear-gradient(#120a24,#1c1030 40%,#160a28);background-size:380px 380px,380px 380px,380px 380px,380px 380px,100% 100%;
 color:#f1e8ff;font-family:Inter,system-ui,sans-serif}

/* barre du haut : panneau d'arcade */
.l-barre{background:#070418;border-bottom:0;font-family:"Press Start 2P",monospace;font-size:.58rem;gap:.6rem 1rem;padding:.7rem 1rem .9rem;
 box-shadow:0 4px 0 #3b1257}
.l-barre::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;
 background:linear-gradient(90deg,#6cf7c8,#7aa8ff,#c37bff,#ff5f7e,#ffb347);
 -webkit-mask:repeating-linear-gradient(90deg,#000 0 12px,transparent 12px 18px);mask:repeating-linear-gradient(90deg,#000 0 12px,transparent 12px 18px)}
.l-barre a,.l-barre button,.l-barre select{font-family:"Press Start 2P",monospace;font-size:.55rem;letter-spacing:.04em;color:#f1e8ff;
 background:#1d1236;border:0;border-radius:0;padding:.55rem .7rem;box-shadow:0 0 0 3px #7aa8ff,4px 4px 0 3px rgba(0,0,0,.5)}
.l-barre a:hover,.l-barre button:hover,.l-barre select:hover{color:#070418;background:#6cf7c8;box-shadow:0 0 0 3px #6cf7c8,4px 4px 0 3px rgba(0,0,0,.5)}
.l-barre button:active{transform:translate(2px,2px);box-shadow:0 0 0 3px #7aa8ff,2px 2px 0 3px rgba(0,0,0,.5)}
.l-barre button[aria-pressed="true"]{background:#ff5f7e;color:#fff;box-shadow:0 0 0 3px #ff5f7e,4px 4px 0 3px rgba(0,0,0,.5)}
.l-barre select option{background:#1d1236;color:#f1e8ff}
.l-titre{color:#7cf3ff;text-shadow:0 0 8px rgba(124,243,255,.6),2px 2px 0 #3b1257;letter-spacing:.04em;font-size:.62rem;line-height:1.6}
.l-compteur{color:#ffe27a;min-width:5.5rem;text-align:center}

/* la planche : cadre de pixels et halo, rien par-dessus */
.l-scene{padding:1.6rem .5rem 1.4rem}
.l-page{background:#1d1236;box-shadow:0 0 0 4px #7aa8ff,0 0 0 8px #070418,0 0 36px rgba(124,243,255,.28),10px 12px 0 8px rgba(0,0,0,.45)}
.l-date{font-family:"Press Start 2P",monospace;font-style:normal;font-size:.55rem;color:#ff5f7e;letter-spacing:.08em;padding:.4rem 0 1rem}

/* miniatures : sélection de niveau */
.l-miniatures{padding:.8rem 1rem 1.4rem;gap:.6rem;scrollbar-color:#7aa8ff #070418}
.l-miniatures img{opacity:.45;border:0;box-shadow:0 0 0 2px #3a2a66}
.l-miniatures img:hover{opacity:.8}
.l-miniatures img.actif{opacity:1;box-shadow:0 0 0 3px #6cf7c8,0 0 14px rgba(108,247,200,.6)}

/* fin de l'album : boîte de dialogue de RPG */
.l-fin{position:relative;background:linear-gradient(#1b2a8a,#0f1650);border:0;border-radius:6px;padding:2rem 1.5rem 1.6rem;
 box-shadow:0 0 0 3px #fff,0 0 0 6px #0f1650,6px 10px 0 6px rgba(0,0,0,.4)}
.l-fin::before{content:"STAGE CLEAR";position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-family:"Press Start 2P",monospace;
 font-size:.6rem;background:#0f1650;color:#ffe27a;padding:.35rem .7rem;box-shadow:0 0 0 3px #fff;white-space:nowrap}
.l-fin h2{font-family:"Press Start 2P",monospace;font-size:.8rem;line-height:1.6;color:#7cf3ff;margin-bottom:.9rem}
.l-fin p{color:#fff}
.l-fin .btn{display:inline-block;margin-top:1rem;font-family:"Press Start 2P",monospace;font-size:.6rem;background:#ffb347;color:#2b1606;
 border:0;border-radius:0;padding:.8rem 1rem;box-shadow:0 5px 0 #b86a14;text-decoration:none}

:focus-visible{outline:2px solid #6cf7c8;outline-offset:3px}
@media (max-width:600px){.l-barre{font-size:.5rem}.l-titre{font-size:.55rem}}