/* Ajustements de présentation des trois pages validées, sans styles de fiche jeu. */
html.v250-ui { height:auto; min-height:100%; }
.v250-ui body { min-height:100vh; }
.v250-ui .top-title-row { min-height:62px; }
.v250-ui .top-title-tools { gap:8px; }
.v250-ui .top-actions { padding-bottom:10px; }
.v250-ui .top-actions #search { min-width:220px; }
.v250-ui .search-wrap { min-width:300px; }
/* Commandes du bandeau : focus natif du navigateur, comme sur v250. */
.v250-ui #page-viewer main { padding-top:calc(var(--topbar-h) + 12px); }
.v250-ui .top-title-tools select { max-width:240px; }
.v250-ui #grid .card { min-width:0; }
.v250-ui .grid[data-cols="1"] .card { grid-template-rows:auto; }

/* Identité des traducteurs : palette existante, lisible dans tous les thèmes. */
.v250-ui [data-tr="andric31"] { --translator-color:#7b88a8; }
.v250-ui [data-tr="ant28jsp"] { --translator-color:#00b983; }
.v250-ui [data-tr="ikaros"] { --translator-color:#fe5901; }
.v250-ui [data-tr="renleefax"],
.v250-ui [data-tr="f95list_renleefax"] { --translator-color:#f33440; }
.v250-ui [data-tr="viii"],
.v250-ui [data-tr="f95list_viii"] { --translator-color:#ab5cff; }
.v250-ui [data-tr="lechauve"] { --translator-color:#2196f3; }
.v250-ui [data-tr="vofr"],
.v250-ui [data-tr="vostfr"] { --translator-color:#4465c6; }
.v250-ui #grid .card[data-tr] {
  background:var(--card);
  background:color-mix(in srgb, var(--translator-color, var(--border)) 7%, var(--card));
  border:1px solid var(--border);
  border-color:color-mix(in srgb, var(--translator-color, var(--border)) 62%, var(--border));
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.v250-ui #grid .card[data-tr]:hover {
  border-color:var(--translator-color, var(--primary));
  box-shadow:0 8px 24px color-mix(in srgb, var(--translator-color, var(--primary)) 20%, transparent);
}
.v250-ui .translator-card[data-tr="vofr"] {
  border:1px solid transparent !important;
  background:linear-gradient(var(--card), var(--card)) padding-box,
    linear-gradient(90deg,#000091 0%,#000091 33.33%,#fff 33.33%,#fff 66.66%,#e1000f 66.66%) border-box;
}
/* Fond tricolore discret de l'archive d'origine, posé sur le thème actif. */
.v250-ui #grid .card:is([data-tr="vofr"], [data-tr="vostfr"], [data-tr="vo-fr"], [data-tr="vo_fr"]) {
  border:1px solid transparent !important;
  background:
    linear-gradient(90deg,
      rgba(0,0,145,.18) 0%, rgba(0,0,145,.18) 32%,
      rgba(255,255,255,.045) 32%, rgba(255,255,255,.045) 68%,
      rgba(225,0,15,.16) 68%, rgba(225,0,15,.16) 100%) padding-box,
    linear-gradient(var(--card), var(--card)) padding-box,
    linear-gradient(90deg,#000091 0%,#000091 33.33%,#fff 33.33%,#fff 66.66%,#e1000f 66.66%) border-box;
}

/* Accueil : mêmes couleurs, champs, bordures et cartes que v250. */
.v250-ui .home-topbar .top-title-row { max-width:1320px; margin:auto; padding:14px 20px; }
.v250-ui .home-brand { display:flex; align-items:center; gap:10px; color:var(--fg); font-size:18px; font-weight:700; text-decoration:none; }
.v250-ui .home-brand img { width:28px; height:28px; object-fit:contain; border-radius:6px; }
.v250-ui .home-topbar .home-theme { margin-left:auto; }
.v250-ui .home-main { max-width:1320px; margin:auto; padding:calc(var(--topbar-h) + 32px) 20px 28px; }
.v250-ui .home-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:30px; }
.v250-ui .home-intro h1 { display:flex; align-items:center; gap:10px; color:var(--title); font-size:28px; line-height:1.25; margin:0 0 10px; }
.v250-ui .home-globe { display:block; width:26px; height:26px; flex-shrink:0; color:var(--primary); }
.v250-ui .home-catalogue-link .home-globe { width:18px; height:18px; }
.v250-ui .home-intro p { color:var(--muted); font-size:15px; margin:0; }
.v250-ui .home-catalogue-link { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:12px 18px; border:1px solid var(--border); border-radius:10px; color:var(--fg); background:var(--btn); font-weight:650; font-size:14px; text-decoration:none; flex-shrink:0; }
.v250-ui .home-catalogue-link:hover { border-color:var(--primary); color:var(--primary); }
.v250-ui .home-section-title { display:flex; align-items:center; gap:10px; margin:0 0 14px; font-size:16px; font-weight:650; color:var(--fg); }
.v250-ui .home-section-count { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:8px; background:var(--btn); border:1px solid var(--border); font-size:12px; color:var(--muted); }
.v250-ui .translator-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.v250-ui .translator-card { position:relative; min-width:0; padding:20px; border:1px solid var(--border); border-top:3px solid var(--translator-color,var(--border)); border-radius:14px; background:var(--card); box-shadow:0 1px 2px rgba(0,0,0,.05); transition:border-color .18s,box-shadow .18s,transform .12s; }
.v250-ui .translator-card:hover { border-color:var(--translator-color,var(--primary)); box-shadow:var(--card-hover-shadow,0 8px 24px rgba(0,0,0,.13)); transform:translateY(-2px); }
.v250-ui .translator-avatar { width:64px; height:64px; object-fit:cover; border:1px solid var(--border); border-radius:50%; background:var(--bg2); display:block; margin-bottom:16px; }
.v250-ui .translator-content { display:flex; flex-direction:column; min-width:0; gap:9px; }
.v250-ui .translator-content a { color:var(--fg); font-weight:700; font-size:18px; line-height:1.3; text-decoration:none; }
.v250-ui .translator-content a::after { content:""; position:absolute; inset:0; border-radius:14px; }
.v250-ui .translator-content a:focus-visible { outline:0; }
.v250-ui .translator-card:focus-within { outline:2px solid var(--primary); outline-offset:3px; }
.v250-ui .translator-card:hover a { color:var(--primary); }
.v250-ui .translator-content small { color:var(--muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.v250-ui .home-footer { margin-top:26px; padding-top:16px; border-top:1px solid var(--border); font-size:12px; color:var(--muted); }
@media(max-width:1000px) {
  .v250-ui .translator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v250-ui .home-intro { align-items:flex-start; flex-direction:column; gap:20px; }
}
@media(max-width:600px) {
  .v250-ui .home-topbar .top-title-row { padding:12px; gap:12px; flex-wrap:wrap; }
  .v250-ui .home-brand { font-size:16px; }
  .v250-ui .home-topbar .home-theme { margin-left:0; }
  .v250-ui .home-main { padding:calc(var(--topbar-h) + 22px) 12px 24px; }
  .v250-ui .home-intro h1 { font-size:24px; }
  .v250-ui .home-catalogue-link { width:100%; padding-inline:10px; font-size:13px; }
  .v250-ui .translator-grid { grid-template-columns:minmax(0,1fr); }
  .v250-ui .translator-card { padding:18px; }
  .v250-ui .home-intro { margin-bottom:24px; }
}
@media(prefers-reduced-motion:reduce) {
  .v250-ui .translator-card { transition:none; }
  .v250-ui .translator-card:hover { transform:none; }
}
