/* Badge book. Touch targets stay at 44 px or more; no motion beyond a plain colour change. */
.kbadge-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.75rem;grid-template-columns:1fr}
@media (min-width:640px){.kbadge-list{grid-template-columns:1fr 1fr}}
.kbadge-item{display:grid;grid-template-columns:56px 1fr;gap:.75rem;align-items:center;padding:.9rem;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.kbadge-medal{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:rgba(255,255,255,.35)}
.kbadge-medal svg{width:32px;height:32px;fill:currentColor}
.kbadge-item[data-state="earned"] .kbadge-medal{color:#ffd45c;background:rgba(255,212,92,.14)}
.kbadge-item[data-state="locked"]{opacity:.78}
.kbadge-item h2{font-size:1.05rem;margin:0 0 .2rem}
.kbadge-item p{margin:0;font-size:.92rem}
.kbadge-progress{font-weight:700;margin-top:.25rem!important}
.kbadge-count{font-weight:700}
.kbadge-link{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;text-decoration:none;background:rgba(255,255,255,.1);color:inherit;margin:.5rem 0 1rem}
.kt-tiles>li{position:relative}
.kt-played{position:absolute;top:.5rem;right:.5rem;z-index:1;margin:0;padding:.15rem .6rem;border-radius:999px;background:rgba(7,10,28,.88);color:#fff;font-size:.8rem;font-weight:700;pointer-events:none}