.bka-qb{display:grid;gap:14px;align-items:center}.bka-qb__box{position:relative;justify-self:center;display:grid;justify-items:center;gap:8px;width:200px;padding:16px 16px 14px;background:var(--bubblegum,#f6a8c8);border:4px solid var(--ink);border-radius:40px;box-shadow:6px 6px 0 var(--ink);cursor:pointer;color:var(--ink);transition:transform .2s var(--bounce)}.bka-qb__box:hover{transform:rotate(-2deg) translateY(-2px)}.bka-qb__box:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.bka-qb__screen{display:grid;place-items:center;width:132px;height:112px;background:var(--sky,#8ad2ea);border:3px solid var(--ink);border-radius:22px;overflow:hidden}.bka-qb__screen .bka-av{width:96px;border-radius:18px}.bka-qb__dots{display:flex;gap:6px}.bka-qb__dots i{width:10px;height:10px;border-radius:50%;background:var(--ink)}.bka-qb__label{padding:4px 14px;background:var(--sunshine,#f9c846);border:2px solid var(--ink);border-radius:999px;font-family:var(--f-ui);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.bka-qb__box.is-shake{animation:bka-shake .5s ease-in-out}@keyframes bka-shake{10%,50%,90%{transform:translateX(-8px) rotate(-6deg)}30%,70%{transform:translateX(8px) rotate(6deg)}}.bka-card--quest{transform:rotate(1.5deg);min-height:210px}.bka-quest__title{margin:0 0 6px;font-family:var(--f-display);font-size:clamp(24px, 6vw, 32px);line-height:1.1}.bka-card--quest .bka-card__text{font-family:var(--f-body);font-weight:700;font-size:17px;line-height:1.45}.bka-quest__why,.bka-quest__needs,.bka-quest__note{margin:10px 0 0;font-size:14px}.bka-quest__note{padding:6px 10px;background:var(--c-pale,#d6eabf);border-radius:10px}.bka-passport{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-family:var(--f-ui);font-weight:800;font-size:14px}.bka-passport__label{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.bka-passport__stamps{display:flex;gap:6px}.bka-stamp{width:24px;height:24px;border-radius:50%;border:2px dashed var(--ink);background:#fff}.bka-stamp.is-on{border-style:solid;background:var(--c,#8cbf51);box-shadow:inset 0 0 0 3px #fff}.bka-stamp.is-new{animation:bka-stamp .5s var(--bounce)}@keyframes bka-stamp{0%{transform:scale(2) rotate(-30deg)}100%{transform:none}}@media (min-width:640px){.bka-qb{grid-template-columns:220px 1fr}.bka-stamp{width:28px;height:28px}}