:root{--fond: #0b0d14;--fond-eleve: #12151f;--fond-carte: #171b28;--bordure: #262c3d;--texte: #e8ecf6;--texte-doux: #8b95ad;--accent: #6ea8ff;--accent-sourd: #274063;--rayon: 10px;--entete-hauteur: 72px;--vignette-min: 300px;--commune: #8695ad;--peu-commune: #5fbf95;--rare: #5aa8e8;--epique: #a887e8;--legendaire: #e8b45a}*{box-sizing:border-box;min-width:0}html{overflow-x:hidden}body{margin:0;background:var(--fond);color:var(--texte);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{margin:0;font-weight:600}button{font:inherit;cursor:pointer;border:1px solid var(--bordure);background:var(--fond-eleve);color:var(--texte);border-radius:8px;padding:7px 14px;transition:background .12s,border-color .12s}button:hover{background:var(--fond-carte);border-color:var(--accent-sourd)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.entete{position:sticky;top:0;z-index:20;min-height:var(--entete-hauteur);display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:10px 20px;background:#0b0d14eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--bordure)}.entete-titre{flex:1 1 auto;min-width:0}.entete-titre h1{font-size:20px;letter-spacing:.3px}.entete-sous-titre{margin:0;font-size:13px;color:var(--texte-doux);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entete-controles{display:flex;align-items:center;gap:14px;margin-left:auto;min-width:0;max-width:100%}.onglets{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.onglets::-webkit-scrollbar{display:none}.onglets button{background:transparent;border-color:transparent;flex-shrink:0;white-space:nowrap}.onglets button.actif{background:var(--accent-sourd);border-color:var(--accent);color:#fff}.bouton-reglages{white-space:nowrap;flex-shrink:0}.texte-court{display:none}@media(max-width:640px){.entete-controles{flex:1 1 100%;justify-content:space-between;margin-left:0}.texte-long{display:none}.texte-court{display:inline}.onglets button,.bouton-reglages{padding:6px 7px;font-size:13px}.onglets{gap:3px}.entete-controles{gap:10px}}.vue{padding:22px 20px 80px;max-width:1500px;margin:0 auto}.barre-outils{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px;padding:12px 14px;background:var(--fond-eleve);border:1px solid var(--bordure);border-radius:var(--rayon)}.barre-outils label{font-size:14px;color:var(--texte-doux)}select,input[type=search],input[type=text]{font:inherit;padding:9px 12px;border-radius:8px;border:1px solid var(--bordure);background:var(--fond);color:var(--texte)}input[type=search]{min-width:240px}.compteur{margin-left:auto;font-size:15px;color:var(--texte-doux)}.groupe-famille{margin-bottom:36px}.titre-groupe{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--bordure)}.titre-groupe h2{font-size:20px}.titre-groupe .decompte{font-size:14px;color:var(--texte-doux)}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--vignette-min),100%),1fr));gap:22px}.vignette-boite{position:relative}.vignette-coche{position:absolute;bottom:6px;right:6px;display:flex;padding:4px;border-radius:6px;background:#0b0d14c7;border:1px solid var(--bordure);cursor:pointer}.vignette-coche input{accent-color:var(--accent);width:15px;height:15px;margin:0}.vignette{position:relative;padding:0;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond-carte);overflow:hidden;aspect-ratio:63 / 88;display:block}.vignette:hover{border-color:var(--accent)}.vignette svg{display:block;width:100%;height:100%}.vignette-attente{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;color:var(--texte-doux)}.alerte-carte{position:absolute;top:6px;left:6px;width:10px;height:10px;border-radius:50%;background:#e0674f;border:2px solid var(--fond-carte)}.fiche{display:grid;grid-template-columns:minmax(260px,440px) 1fr;gap:32px;align-items:start}.fiche-visuel{position:sticky;top:calc(var(--entete-hauteur) + 22px)}.fiche-visuel svg{width:100%;height:auto;border-radius:var(--rayon);display:block}.fiche-actions{display:flex;gap:8px;margin-top:12px}.fiche-titre{margin-bottom:4px;font-size:26px}.fiche-latin{color:var(--texte-doux);font-style:italic;margin:0 0 18px}.fiche-section{margin-bottom:24px}.fiche-section h3{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:var(--texte-doux);margin-bottom:8px}.fiche-mythe{max-width:62ch;margin:0}.fiche-mythe.vide{color:#e0674f;font-style:italic}.tableau{width:100%;border-collapse:collapse;max-width:620px;display:table;overflow-x:auto}.tableau th,.tableau td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--bordure);vertical-align:top}.tableau th{width:200px;font-weight:500;color:var(--texte-doux)}@media(max-width:480px){.tableau th{width:120px}}.pastille{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#0b0d14}.pastille.commune{background:var(--commune)}.pastille.peu-commune{background:var(--peu-commune)}.pastille.rare{background:var(--rare)}.pastille.epique{background:var(--epique)}.pastille.legendaire{background:var(--legendaire)}.message-vide{color:var(--texte-doux);padding:40px 0}.panneau-reglages{position:fixed;top:var(--entete-hauteur);right:0;bottom:0;width:320px;z-index:15;padding:20px;overflow-y:auto;background:var(--fond-eleve);border-left:1px solid var(--bordure)}.panneau-reglages[hidden]{display:none}body.panneau-ouvert .vue{padding-right:344px}@media(max-width:1100px){body.panneau-ouvert .vue{padding-right:20px}}.reglage{margin-bottom:18px}.reglage-entete{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.reglage-entete label{font-size:13px}.reglage-valeur{font-size:12px;color:var(--texte-doux);font-variant-numeric:tabular-nums}.reglage-aide{font-size:11px;color:var(--texte-doux);margin:2px 0 0}.reglage input[type=range]{width:100%;accent-color:var(--accent)}.reglage select{width:100%}.reglage-bascule{display:flex;align-items:center;gap:8px}.reglage-bascule input{accent-color:var(--accent);width:16px;height:16px}.actions-reglages{display:flex;flex-direction:column;gap:8px;margin-top:24px}.impression-options{display:grid;gap:16px;max-width:640px}.champ-option{display:grid;gap:6px}.champ-option>span{font-size:13px;color:var(--texte-doux)}.resume-impression{margin:18px 0;padding:14px;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond-eleve)}.actions-impression{display:flex;gap:10px;flex-wrap:wrap}.bouton-principal{background:var(--accent-sourd);border-color:var(--accent)}.journal{margin-top:18px;font-size:13px;color:var(--texte-doux);white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.bandeau-maj{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:40;display:flex;gap:14px;align-items:center;padding:12px 18px;background:var(--fond-carte);border:1px solid var(--accent);border-radius:var(--rayon);box-shadow:0 10px 30px #00000080}.bandeau-maj[hidden]{display:none}@media(max-width:640px){.fiche{grid-template-columns:1fr}.fiche-visuel{position:static;max-width:340px}.panneau-reglages{width:100%}}.zone-impression{display:none}.zone-impression .planche{width:210mm;height:297mm;overflow:hidden;background:#fff}.zone-impression .planche svg{display:block;width:210mm;height:297mm}@page{size:A4 portrait;margin:0}@media print{body>*:not(.zone-impression){display:none!important}body{background:#fff;margin:0}.zone-impression{display:block}.zone-impression .planche{break-after:page;page-break-after:always}.zone-impression .planche:last-child{break-after:auto;page-break-after:auto}}