.buddy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.buddy-card{--portrait:#e4efe7;appearance:none;border:0;display:flex;flex-direction:column;align-items:center;width:100%;padding:18px 17px 20px;border-radius:26px;background:#fffdf6;box-shadow:0 11px 29px #365e4e17;color:#264944;text-align:center;font:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.buddy-card:hover,.buddy-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 35px #365e4e26}
.buddy-card:focus-visible{outline:3px solid #218d83;outline-offset:4px}
.buddy-card:nth-child(4n+2){--portrait:#f5e9e7}.buddy-card:nth-child(4n+3){--portrait:#f8edcf}.buddy-card:nth-child(4n+4){--portrait:#e9ebdb}
.buddy-portrait{display:grid;place-items:center;width:100%;height:175px;background:var(--portrait);border-radius:19px;margin-bottom:14px}
.buddy-portrait img{width:165px;height:165px;max-width:95%;object-fit:contain}
.buddy-name{font:700 25px/1.15 Georgia,serif;letter-spacing:-.03em;margin-bottom:6px}
.buddy-trait{font-size:13px;color:#668078;line-height:1.35;min-height:34px}
.buddy-action{font-size:13px;color:#258477;font-weight:900;margin-top:11px}
.buddy-dialog{width:min(980px,calc(100vw - 24px));max-height:min(90vh,950px);padding:28px;border:0;border-radius:29px;background:#fffaf0;color:#264944;box-shadow:0 30px 90px #153c35a0;overflow:auto}
.buddy-dialog::backdrop{background:#193e3988;backdrop-filter:blur(4px)}
.buddy-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:3px 4px 22px}
.buddy-dialog h2{font:700 clamp(35px,4vw,52px)/1 Georgia,serif;letter-spacing:-.04em;margin:9px 0 7px}
.buddy-dialog-head p{margin:0;color:#688177}
.buddy-close{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:#e6eee2;color:#22554e;font-size:30px;line-height:1;cursor:pointer}
.buddy-close:hover,.buddy-close:focus-visible{background:#cee1d3}.buddy-close:focus-visible{outline:3px solid #218d83;outline-offset:3px}
.buddy-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.buddy-stage{margin:0;padding:13px 12px 16px;border-radius:18px;background:#f2f2e8;text-align:center}
.buddy-stage img{display:block;width:100%;height:145px;object-fit:contain;margin:auto auto 10px}
.buddy-stage strong{display:block;color:#348478;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:5px}
.buddy-stage span{font-size:14px;font-weight:850;line-height:1.3}
@media(max-width:960px){.buddy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.buddy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.buddy-card{padding:11px 9px 16px;border-radius:20px}.buddy-portrait{height:132px;margin-bottom:12px}.buddy-portrait img{height:126px;width:126px}.buddy-name{font-size:21px}.buddy-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.buddy-dialog{padding:18px}.buddy-stage img{height:118px}}