/* Page d'accueil de la plateforme (complète livre.css, qui fournit les couleurs et les boutons). */
.home{max-width:980px;margin:0 auto;padding:20px 16px 60px}
.home-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0 18px;border-bottom:1px solid var(--line)}
.home-top h1{font-family:var(--f-display);font-weight:400;font-size:34px;margin:0}
.home-top h1 em{color:var(--ochre)}
.who{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.who img{width:30px;height:30px;border-radius:50%}
.h-sec{margin-top:28px}
.h-sec>h2{font-family:var(--f-display);font-weight:400;font-size:26px;margin:0 0 4px}
.h-sec>p.hint{margin:0 0 14px}
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.book{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--bc,var(--ochre));border-radius:12px;padding:16px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.book:hover{transform:translateY(-1px)}
.book .t{font-family:var(--f-display);font-size:26px;line-height:1.1}
.book .a{font-size:14px;color:var(--muted)}
.book .meter{height:6px;border-radius:999px;background:var(--sunk);overflow:hidden}
.book .meter i{display:block;height:100%;background:var(--bc,var(--ochre))}
.book .st{display:flex;justify-content:space-between;font:12px var(--f-mono);color:var(--muted)}
.book.add{border-style:dashed;border-top-width:1px;align-items:center;justify-content:center;color:var(--muted);text-align:center;box-shadow:none;min-height:150px}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.game{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px;opacity:.75}
.game b{display:block;font-size:16px;margin-bottom:4px}
.game span{font-size:13px;color:var(--muted)}
.game .soon{display:inline-block;margin-top:8px;font:11px var(--f-mono);color:var(--muted);background:var(--sunk);border-radius:999px;padding:2px 8px}
.login{max-width:440px;margin:60px auto;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:28px 22px;box-shadow:var(--shadow)}
.login h2{font-family:var(--f-display);font-weight:400;font-size:28px;margin:0 0 8px}
.import{background:var(--paper);border:1px dashed var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:10px}
.import .res{font-size:14px}
.import .res.ok{color:var(--moss)} .import .res.bad{color:var(--bad)}