.pc-card{--accent:#5ec8ff;--pc-w:clamp(150px, 40vw, 184px);z-index:20;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));width:var(--pc-w);aspect-ratio:2/3;box-sizing:border-box;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#eef1f7;border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);opacity:0;visibility:hidden;background:linear-gradient(170deg,#161a26d1,#0a0c14db);border-radius:12px;flex-direction:column;font:11px/1.35 system-ui,-apple-system,sans-serif;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s;display:flex;position:fixed;overflow:hidden;transform:translateY(10px);box-shadow:0 8px 22px #00000052}.pc-card.on{opacity:1;visibility:visible;transition:opacity .2s ease-out,transform .2s ease-out,visibility;transform:none}.pc-portrait{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 45%, #1a1f2e), #0c0f18 75%);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);flex:0 0 54%;overflow:hidden}.pc-portrait img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.pc-text{flex-direction:column;flex:1;min-height:0;padding:7px 9px 8px;display:flex}.pc-head{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.pc-name{letter-spacing:.01em;font-size:13.5px;font-weight:700}.pc-title{letter-spacing:.16em;text-transform:uppercase;color:#0b0d12;background:var(--accent);border-radius:999px;padding:2px 6px;font-size:8.5px;font-weight:700}.pc-bio{color:#b9c0d0;margin:0;font-size:10.5px;overflow:hidden}@media (width<=600px){.pc-card{bottom:calc(76px + env(safe-area-inset-bottom))}.pc-portrait{flex-basis:42%}.pc-bio{font-size:10px}}@media (prefers-reduced-motion:reduce){.pc-card{transition:opacity .12s ease-out,visibility 0s linear .12s;transform:none}.pc-card.on{transition:opacity .12s ease-out,visibility}}