.gra,.test{background:var(--card);border:1px solid rgba(196,113,237,.3);border-radius:22px;padding:22px;margin:22px 0 30px;max-width:760px}
.gra-poziomy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.gra-poziomy button{flex:1 1 0;min-width:96px;background:var(--bg2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
.gra-poziomy button[aria-pressed="true"]{background:var(--grad);color:#fff;border-color:transparent}
.gra-karta{position:relative;min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(160deg,rgba(196,113,237,.14),rgba(246,79,89,.10));border:1px solid var(--line);border-radius:18px;padding:30px 20px 34px}
.gra-rodzaj{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc2);min-height:1em}
.gra-tekst{font-size:1.25rem;font-weight:700;line-height:1.45;margin:10px 0 0;color:#fff}
.gra-karta.nowa .gra-tekst{animation:gra-wjazd .35s ease}
@keyframes gra-wjazd{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gra-licznik{position:absolute;right:14px;bottom:10px;font-size:.75rem;color:var(--muted)}
.gra-akcje{display:flex;gap:10px;margin-top:16px}
.gra-akcje .btn{flex:1 1 0;border:0;font:inherit;font-weight:800;cursor:pointer;text-align:center}
.gra-akcje .btn+.btn{background:var(--bg2);border:1px solid rgba(196,113,237,.45);box-shadow:none}
.gra-uwaga{color:var(--muted);font-size:.9rem}
.gra-lista{padding-left:24px}.gra-lista li{margin:6px 0;color:#d6d6e4}
.test-pasek{height:6px;background:var(--bg2);border-radius:99px;overflow:hidden}.test-pasek span{display:block;height:100%;width:0;background:var(--grad);transition:width .25s}
.test-postep{color:var(--muted);font-size:.85rem;margin:10px 0 4px}
.test-pytania{list-style:none;padding:0;margin:0}
.test.dziala .test-pyt{display:none}.test.dziala .test-pyt.akt{display:block}
.test-pyt>p{font-size:1.15rem;font-weight:700;color:#fff;margin:8px 0 16px}
.test-skala{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.test-skala button{background:var(--bg2);color:var(--txt);border:1px solid var(--line);border-radius:14px;padding:12px 4px;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}
.test-skala button b{font-size:1.1rem}.test-skala small{font-size:.7rem;color:var(--muted);line-height:1.2}
.test-skala button:hover,.test-skala button.wyb{border-color:var(--acc2);background:rgba(196,113,237,.15)}
.test-nawig{margin-top:12px;min-height:24px}.test-wstecz{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0}
.test-wynik h2{margin-top:0}
.test-wym{margin:14px 0}.test-wym-g{display:flex;justify-content:space-between;font-weight:700}.test-wym-g span{color:var(--acc2)}
.test-wym .test-pasek{height:10px;margin:6px 0}.test-wym p{color:#d6d6e4;font-size:.95rem;margin:4px 0 0}
.test-info{color:var(--muted);font-size:.85rem}
.test-od-nowa{border:0;font:inherit;font-weight:800;cursor:pointer}
.test-udost{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.test-udostepnij{border:0;font:inherit;font-weight:800;cursor:pointer}
.test-udost .test-od-nowa{background:var(--bg2);border:1px solid rgba(196,113,237,.45);box-shadow:none}
.test-udost-ok{color:var(--acc2);font-size:.9rem;margin:8px 0 0}
@media (max-width:560px){
  .gra,.test{padding:16px;border-radius:18px}
  .gra-tekst{font-size:1.1rem}
  .test-skala{gap:5px}.test-skala small{font-size:.6rem}
}
.test-wynik .test-cta{display:inline-block;margin:14px 0 4px}
.test-cta-info{font-size:.85em;opacity:.75;margin:0 0 12px}
.gra-most{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px;background:var(--bg2);border:1px solid rgba(196,113,237,.45);border-radius:16px;animation:gra-wjazd .35s ease}
.gra-most[hidden]{display:none}
.gra-most-foto{flex:none}.gra-most-foto img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top;display:block}
.gra-most-tresc{min-width:0}
.gra-most-kto{font-size:.82rem;color:var(--muted);margin-bottom:6px}.gra-most-kto b{color:#fff}
.gra-most .dymek{display:block;background:rgba(255,255,255,.07);border:1px solid var(--line);font-size:1rem;line-height:1.45;margin-bottom:12px}
.gra-most small{display:block;margin-top:10px;color:var(--muted);font-size:.8rem}
.pasek-czat.pasek-ukryty{display:none}