/* assets/css/lexikon.css — Gaming-Lexikon (Hub + Pro-Spiel). Lädt nach main.css, nutzt dessen :root-Variablen. */

.lex-h1{font-size:2rem;font-weight:800;color:var(--heading);letter-spacing:-.5px;margin:0 0 8px}
.lex-lead{font-size:1.05rem;color:var(--text);max-width:680px;margin:0 0 28px}
.lex-count{color:var(--text);opacity:.8;font-size:.92rem;margin:0 0 20px}

/* ── Suche / Filter ── */
.lex-search{position:relative;margin:0 0 30px}
.lex-search input{
    width:100%;padding:15px 16px;background:var(--surface);border:1px solid var(--border);
    border-radius:var(--radius);color:var(--heading);font-size:1rem;font-family:var(--font);
    outline:none;transition:border-color var(--tr),box-shadow var(--tr);box-sizing:border-box;
}
.lex-search input::placeholder{color:var(--text);opacity:.6}
.lex-search input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--glow)}
.lex-search-narrow{max-width:380px}

/* ── Hub: Spiel-Karten ── */
.lex-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0 0 10px}
.lex-game-card{
    display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--surface);
    border:1px solid var(--border);border-radius:var(--radius);transition:all var(--tr);
}
.lex-game-card:hover{border-color:var(--purple);background:var(--surface2);transform:translateY(-2px)}
.lex-game-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lex-game-name{color:var(--heading);font-size:1.18rem;font-weight:700;line-height:1.3}
.lex-game-cnt{
    flex:none;background:var(--glow);color:var(--purple);font-weight:700;font-size:.8rem;
    padding:4px 11px;border-radius:50px;
}
.lex-game-go{color:var(--text);opacity:.7;font-size:.88rem}

/* ── Begriffsliste (Hub-Treffer + Pro-Spiel) ── */
.lexikon-list .lex-item{
    background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--purple);
    border-radius:var(--radius);padding:18px 20px;margin:0 0 12px;
}
.lexikon-list .lex-term{color:var(--heading);font-size:1.15rem;font-weight:700;margin:0 0 7px}
.lexikon-list .lex-def{color:var(--text);line-height:1.6;margin:0}
.lexikon-list .lex-more{display:inline-block;margin-left:6px;color:var(--purple);font-weight:600;font-size:.9rem;white-space:nowrap}
.lexikon-list .lex-more:hover{text-decoration:underline}
.lex-badge{
    display:inline-block;margin-left:9px;font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;
    font-weight:700;color:var(--purple);background:var(--glow);padding:2px 9px;border-radius:50px;vertical-align:2px;
}

.lex-back{display:inline-block;margin-top:22px;color:var(--purple);font-weight:600}
.lex-back:hover{text-decoration:underline}

@media(max-width:640px){
    .lex-game-grid{grid-template-columns:1fr}
    .lex-h1{font-size:1.65rem}
}