.pce-panel{--pce-panel:#fff0f6;--pce-circle:#ffe1ed;--pce-text:#482238;--pce-badge:#d72c78;--pce-shadow:#c15b8b45;--pce-size:104px;box-sizing:border-box;width:100%;max-width:640px;margin:0 auto;padding:24px 22px 26px;background:var(--pce-panel);color:var(--pce-text);border:1px solid #ffffffc9;border-radius:26px;box-shadow:0 12px 28px var(--pce-shadow),inset 0 2px 3px #ffffffd9;font-family:inherit}
.pce-panel *{box-sizing:border-box}.pce-panel .pce-heading{margin:0 0 24px;font-size:18px;line-height:1.3;font-weight:750;letter-spacing:1.2px;color:var(--pce-text)}
.pce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px}
.pce-panel .pce-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;color:var(--pce-text);text-decoration:none;text-align:center}
.pce-circle{display:block;position:relative;width:min(100%,var(--pce-size));aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#ffffffcc,transparent 80%),var(--pce-circle);border:4px solid #ffffffb3;box-shadow:0 9px 14px var(--pce-shadow),inset 0 2px 7px #fff;transition:transform .22s ease,box-shadow .22s ease}
.pce-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.pce-name{font-size:15px;line-height:1.3;font-weight:650;overflow-wrap:anywhere;max-width:100%}.pce-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:3px 10px;background:var(--pce-badge);color:#fff;border-radius:30px;font-size:10px;line-height:1.2;font-weight:700;max-width:120%;overflow-wrap:anywhere;box-shadow:0 3px 7px var(--pce-shadow)}
.pce-card:hover .pce-circle,.pce-card:focus-visible .pce-circle{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 18px var(--pce-shadow),inset 0 2px 7px #fff}.pce-card:focus-visible{outline:2px solid var(--pce-badge);outline-offset:5px;border-radius:8px}
@media(max-width:1024px){.pce-panel{max-width:480px;--pce-size:84px}}
@media(max-width:767px){.pce-panel{max-width:360px;--pce-size:60px;padding:16px 10px 18px;border-radius:20px}.pce-panel .pce-heading{font-size:13px;margin-bottom:20px;letter-spacing:.8px}.pce-grid{gap:20px 8px}.pce-panel .pce-card{gap:8px}.pce-circle{border-width:3px;box-shadow:0 6px 10px var(--pce-shadow),inset 0 2px 5px #fff}.pce-name{font-size:10px;line-height:1.3}.pce-badge{top:-7px;padding:2px 6px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.pce-circle{transition:none}.pce-card:hover .pce-circle,.pce-card:focus-visible .pce-circle{transform:none}}