/* ════════ Pages de lecture pixel (13/10/2026) : CGU, confidentialité, actualités ════════
   Pages AUTONOMES (sans header.php) : elles chargent theme-pixel.css via lienThemePixel(), puis cette feuille.
   Règle des maquettes : cadre + titres en pixel, CORPS en Inter (police « Inter Lecture » du socle).
   Tout est sous :root[data-pixel="1"] : sans la couche, rien de ceci ne s'applique. */

/* ── CGU / Confidentialité (même squelette : .wrap, header, h1/h2/h3, .card, table, footer) ── */
:root[data-pixel="1"] body:has(>.wrap){background:var(--pk-nuit-0) url(/jeu/images/backgrounds/combat/pixel_temple.png) center bottom / cover fixed;
  font-family:'Inter Lecture',Inter,system-ui,sans-serif;color:var(--pk-texte)}
:root[data-pixel="1"] body:has(>.wrap)::before{content:'';position:fixed;inset:0;background:rgba(5,10,24,.78);pointer-events:none;z-index:0}
:root[data-pixel="1"] .wrap{position:relative;z-index:1;max-width:860px;border:solid 24px transparent;
  border-image:url(/jeu/images/ui/pixel/cadres/riche.png) 12 fill / 24px stretch;image-rendering:pixelated;
  background-clip:padding-box;padding:0 10px 14px;background-color:rgba(5,10,24,.5)}
:root[data-pixel="1"] .wrap header{margin:8px 0 22px}
:root[data-pixel="1"] .sigil{border:0;border-radius:0;background:var(--pk-or-0);color:var(--pk-or-3);width:52px;height:52px;box-shadow:var(--pk-cran-or);font-size:24px}
:root[data-pixel="1"] .wrap h1{font-family:var(--pk-ff-titre);font-weight:400;font-size:clamp(14px,3.4vw,20px);line-height:1.5;color:var(--pk-or-3);
  text-shadow:2px 2px 0 var(--pk-or-0);letter-spacing:0;text-transform:uppercase;font-variant-ligatures:none}
:root[data-pixel="1"] .wrap .maj{font-size:14px;color:var(--pk-texte2)}
:root[data-pixel="1"] .wrap h2{font-family:var(--pk-ff-titre);font-weight:400;font-size:12px;line-height:20px;color:var(--pk-or-3);letter-spacing:0;
  border-bottom:0;padding:0 0 0 20px;position:relative;text-transform:uppercase;font-variant-ligatures:none}
:root[data-pixel="1"] .wrap h2::before{content:'';position:absolute;left:0;top:5px;width:10px;height:10px;background:var(--pk-or-3);box-shadow:3px 3px 0 var(--pk-or-0)}
:root[data-pixel="1"] .wrap h3{font-family:var(--pk-ff-titre);font-weight:400;font-size:9px;line-height:16px;color:var(--pk-perv-3);text-transform:uppercase;letter-spacing:0}
:root[data-pixel="1"] .wrap strong{color:#fff}
:root[data-pixel="1"] .wrap a{color:var(--pk-perv-3);text-underline-offset:3px}
:root[data-pixel="1"] .wrap a:hover{color:var(--pk-or-3)}
:root[data-pixel="1"] .wrap .card{border:0;border-radius:0;background:rgba(11,20,40,.85);
  box-shadow:0 -2px 0 0 var(--pk-nuit-3),0 2px 0 0 var(--pk-nuit-3),-2px 0 0 0 var(--pk-nuit-3),2px 0 0 0 var(--pk-nuit-3)}
:root[data-pixel="1"] .wrap .card.warn{box-shadow:var(--pk-cran-or)}
:root[data-pixel="1"] .wrap table{border-collapse:separate;border-spacing:0}
:root[data-pixel="1"] .wrap th,:root[data-pixel="1"] .wrap td{border:0;box-shadow:inset 0 -2px 0 0 var(--pk-nuit-3)}
:root[data-pixel="1"] .wrap th{background:var(--pk-nuit-2);color:var(--pk-or-3);font-family:var(--pk-ff-titre);font-weight:400;font-size:9px;text-transform:uppercase}
:root[data-pixel="1"] .wrap footer{border-top:0}
:root[data-pixel="1"] .wrap footer a{border:solid 16px transparent;border-image:url(/jeu/images/ui/pixel/boutons/secondaire.png) 8 fill / 16px stretch;
  border-radius:0;padding:0 6px;color:var(--pk-or-4);font-family:var(--pk-ff-titre);font-weight:400;font-size:9px;text-transform:uppercase;text-decoration:none;
  text-shadow:2px 2px 0 #000;background:none}
:root[data-pixel="1"] .wrap footer a:hover{background:none;filter:brightness(1.15)}

/* ── Actualités ── */
:root[data-pixel="1"] body:has(>.app .news-card),:root[data-pixel="1"] body:has(>.app .news-empty){background:var(--pk-nuit-0) url(/jeu/images/backgrounds/combat/pixel_sylve.png) center bottom / cover fixed}
:root[data-pixel="1"] .news-card{border:0;border-radius:0;background:rgba(11,20,40,.9);
  box-shadow:0 -2px 0 0 var(--pk-nuit-4),0 2px 0 0 var(--pk-nuit-4),-2px 0 0 0 var(--pk-nuit-4),2px 0 0 0 var(--pk-nuit-4)}
:root[data-pixel="1"] .news-card.pin{box-shadow:var(--pk-cran-or)}
:root[data-pixel="1"] .news-img{image-rendering:auto}
:root[data-pixel="1"] .news-kicker{font-family:var(--pk-ff-titre);font-size:8px;letter-spacing:0;color:var(--pk-or-3);text-transform:uppercase}
:root[data-pixel="1"] .news-title{font-family:var(--pk-ff-titre);font-weight:400;font-size:13px;line-height:20px;color:#fff;text-transform:uppercase;font-variant-ligatures:none}
:root[data-pixel="1"] .news-date{font-size:14px;color:var(--pk-texte2)}
:root[data-pixel="1"] .news-content{font-family:'Inter Lecture',Inter,system-ui,sans-serif;font-size:15px;line-height:24px;color:var(--pk-texte2)}
:root[data-pixel="1"] .news-content a{color:var(--pk-perv-3)}
:root[data-pixel="1"] .news-empty{font-size:17px}
:root[data-pixel="1"] .back-link{font-family:var(--pk-ff-titre);font-size:8px;text-transform:uppercase;color:var(--pk-perv-3);padding:8px 2px}
:root[data-pixel="1"] .back-link:hover{color:var(--pk-or-3)}

@media (max-height:500px){
  :root[data-pixel="1"] .wrap{border-width:16px;border-image-width:16px}
  :root[data-pixel="1"] .wrap h2{font-size:10px}
}

/* ── Réinitialisation du mot de passe (reset.php, body.px-reset) ── */
:root[data-pixel="1"] body.px-reset{background:var(--pk-nuit-0) url(/jeu/images/backgrounds/combat/pixel_temple.png) center bottom / cover fixed;
  font-family:'Inter Lecture',Inter,system-ui,sans-serif}
:root[data-pixel="1"] body.px-reset::before{content:'';position:fixed;inset:0;background:rgba(5,10,24,.72);pointer-events:none;z-index:0}
:root[data-pixel="1"] body.px-reset .bg-orbs{display:none}
:root[data-pixel="1"] body.px-reset .wrap{max-width:440px;border:0;border-image:none;padding:0;background:none}
:root[data-pixel="1"] body.px-reset .card{border:solid 24px transparent;border-image:url(/jeu/images/ui/pixel/cadres/riche.png) 12 fill / 24px stretch;
  border-radius:0;background:none;padding:0 10px 8px;box-shadow:none;backdrop-filter:none}
:root[data-pixel="1"] body.px-reset .title{font-family:var(--pk-ff-titre);font-weight:400;font-size:16px;line-height:24px;color:var(--pk-or-3);
  text-shadow:2px 2px 0 var(--pk-or-0);text-transform:uppercase;font-variant-ligatures:none}
:root[data-pixel="1"] body.px-reset .title span{color:var(--pk-perv-3)}
:root[data-pixel="1"] body.px-reset .subtitle{font-size:15px;color:var(--pk-texte2)}
:root[data-pixel="1"] body.px-reset .form-group label{font-family:var(--pk-ff-titre);font-size:8px;letter-spacing:0;color:var(--pk-perv-3)}
:root[data-pixel="1"] body.px-reset .form-group input{border:0;border-radius:0;background:var(--pk-nuit-0);color:#fff;font-size:16px;font-family:inherit;
  box-shadow:0 -2px 0 0 var(--pk-nuit-4),0 2px 0 0 var(--pk-nuit-4),-2px 0 0 0 var(--pk-nuit-4),2px 0 0 0 var(--pk-nuit-4)}
:root[data-pixel="1"] body.px-reset .form-group input:focus{box-shadow:var(--pk-cran-perv)}
:root[data-pixel="1"] body.px-reset .btn{border:solid 20px transparent;border-image:url(/jeu/images/ui/pixel/boutons/cta.png) 10 fill / 20px stretch;border-radius:0;
  background:none;box-shadow:none;transform:none;font-family:var(--pk-ff-titre);font-size:9px;line-height:12px;letter-spacing:0;color:#fff;text-shadow:2px 2px 0 var(--pk-perv-0);
  min-height:52px;padding:0 4px;cursor:pointer}
:root[data-pixel="1"] body.px-reset .btn:disabled{opacity:.55;cursor:not-allowed}
:root[data-pixel="1"] body.px-reset .msg{font-size:15px}
:root[data-pixel="1"] body.px-reset .back-link{font-family:var(--pk-ff-titre);font-size:8px;text-transform:uppercase;color:var(--pk-perv-3)}
:root[data-pixel="1"] body.px-reset .back-link:hover{color:var(--pk-or-3)}
:root[data-pixel="1"] body.px-reset .invalid{font-size:16px}